Thursday, June 30, 2011

TUTORIAL BUTTON LIKE DI BLOG

mula2 pergi ke
DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVA SCRIPT

copy kod dibawah
<iframe scrolling="no" frameborder="0" allowtransparency="true" style="border: medium none; overflow: hidden; width: 280px; height: 40px;" src="http://www.facebook.com/plugins/like.php?href=URL BLOG&layout=standard&show_faces=false&width=280&action=like&font=arial&colorscheme=light&height=40"></iframe>

pastikan URL BLOG tu digantikan dengan url blog anda
cth:- http://idzrarynprelovedproperty.blogspot.com/

sebaiknya button Like ini diletakkan di sidebar di ruangan paling atas sekali 



preview dulu,kalau puas hati boleh save


**********


catitan Bui
dengan meletakkan button Like ini,insyaallah traffik ke blog anda akan bertambah

Monday, June 27, 2011

TUTORIAL MENUKAR NAMA BLOG

mula2 pergi ke
DASHBOARD > SETTINGS > PUBLISHING
nanti akan keluar page seperti ini




isikan ruang yang bertanda merah dengan nama blog baru yang anda mahukan
selepas itu isikan juga ruangan untuk word verification


klik save settings..selesai


**********


p/s:
pastikan anda mengisi dengan betul pada ruang word verification



Friday, June 24, 2011

TUTORIAL COPY URL

kita belajar copy url dari Glitter Graphics dulu yer
pilih imej yang disukai

cth:
anda suka imej ini..klik pada gambar

nanti akan keluar page seperti ini
copy kod kat sini..copy semua
(yang dalam bulatan merah)
lepas tu pastekan dekat microsoft word

cth:


yang di highlight adalah url imej yang dikehendaki
itu sahaja..mudahkan..

**********

catitan Bui
kat sini banyak pilihan,mesti rambang mata memilih

Wednesday, June 22, 2011

TUTORIAL AYAT BAWAH POST

mula2 pergi ke
DASHBOARD > DESIGN > EDIT HTML

tandakan
EXPAND WIDGET TEMPLATE

cari kod
<data:post.body/>

copy kod ini dan paste dibawah kod tadi
<hr/><center>AYAT ANDA</center><hr/>

seperti ini yer
<data:post.body/>
<hr/><center>AYAT ANDA</center><hr/>

preview dulu,kalau puas hati boleh save

**********

catitan Bui
AYAT ANDA tu tukar dengan ayat yang anda nak letak orite

Tuesday, June 21, 2011

TUTORIAL MELETAK BORDER DISEKELILING TEMPLATE

mula2 pergi ke
DASHBOARD > DESIGN > EDIT HTML

tak payah tandakan
EXPAND WIDGET TEMPLATE

cari kod seperti ini
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
copy kod ini dan paste dibawah kod tadi
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; border: 3px solid #ffffff;
seperti ini yer
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; border: 3px solid #ffffff;

}

preview dulu,kalau puas hati baru save

**********

catitan Bui
3px-ketebalan garisan border
solid-jenis border
(antara border yang lain adalah seperti dashed,dotted,inset,outset)
#ffffff-warna border
(boleh tukar mengikut kesesuaian blog masing2)

Monday, June 20, 2011

CARA CENTERKAN HEADER BLOG

mula2 pergi ke
DASHBOARD > DESIGN > EDIT HTML

cari kod 
.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: 0 0 $(title.shadow.spread) #000000;
}
copy kod dibawah
text-align:center;
paste dibawah kod yang pertama tadi
seperti ini yer
.Header h1 {
text-align:center;
font: $(header.font);
color: $(header.text.color);
text-shadow: 0 0 $(title.shadow.spread) #000000;
}
preview,kalau puas hati baru save


**********


UPDATE..cara terbaru!!!


mula2 g TEMPLATE > CUSTOMIZE > ADVANCED > ADD CSS


dekat ruang kosong tu korang letak kod ini


#header-inner img {
margin-left: auto;
margin-right: auto;
}


dah letak,sila APPLY TO BLOG yer..insyaallah jadi..^_^


Saturday, June 18, 2011

TUTORIAL TAJUK BLOG BERGERAK

mula2 pergi ke
DASHBOARD > DESIGN > EDIT HTML

cari kod
<head>

copy kod dibawah
<script language='JavaScript'>var txt="AYAT ANDA";var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;txt=txt.substring(1,txt.length)+txt.charAt(0);segarkan=setTimeout("bergerak()",kecepatan);}bergerak();</script>
pastekan dibawah kod <head> tadi
seperti ini yer
<head>
<script language='JavaScript'>var txt="AYAT ANDA";var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;txt=txt.substring(1,txt.length)+txt.charAt(0);segarkan=setTimeout("bergerak()",kecepatan);}bergerak();</script>

preview dulu,kalau puas hati boleh save

**********

catitan Bui
AYAT ANDA tu tukar dengan ayat anda sendiri
cth:WELCOME TO MY BLOG

Friday, June 17, 2011

TUTORIAL MEMBUAT SHOUTBOX

mula2 pergi ke laman web shoutbox tersebut..SINI
klik create shoutbox,akan keluar page macam ni


isi semua tempat kosong yang dibulatkan merah tu

shoutbox id = letak nama sendiri pun boleh
password = ikut citarasa sendiri
nama = nak letak nama sebenar pun boleh
email = pastikan guna email yang digunakan untuk log in blog ok

dah isi semua nya klik continue
lepas tu bawah Quick Start,pilih Get Codes
copy semua kod yang dalam ruangan Generated Codes 

SIAP..tapi belum habis lagi..

pergi ke
DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVA

pastekan kod yang dah di copy tadi dalam ruang html 
letaklah title ikut citarasa masing2..
cth : jom borak..jom pot pet..
save dulu..then dah boleh guna..

**********

catitan Bui
simpan dan ingat shoutbox id dan password,
sebab kalau nak ubah apa2 nanti senang

Thursday, June 16, 2011

TUTORIAL SETTING BLOG

mula2 pergi ke
DASHBOARD > SETTINGS

anda akan nampak tab-tab seperti:-
Basic,Publishing,Formatting,Comments,Archiving,Site Feed,Email & Mobile,Open ID,Permissions
tapi anda hanya perlu menitikberatkan 4 tab ini sahaja iaitu :-

1) BASIC
>>Title - tajuk blog anda
>>Description - sedikit huraian pasal blog anda
>>Add your blog to our listings? - pilih yes
>>Let search engines find your blog? - pilih yes
>>Show Quick Editing on your Blog? - pilih yes
>>Show Email Post links? - pilih yes
>>Adult Content? - pilih no jika blog anda tidak mengandungi isi kandungan 18SX atau 18SG
>>Select post editor - pilih updated editor
>>Enable transliteration? - pilih disable
SAVE SETTINGS

2) FORMATTING
>>Show at most - pilih bilangan posts yang anda mahu paparkan dalam satu page
>>Date Header Format - pilih mengikut citarasa anda
>>Archive Index Date Format - pilih mengikut citarasa anda
>>Timestamp Format - pilih mengikut citarasa anda
>>Time Zone - (GMT+0:800) Kuala Lumpur
>>Language - pilih English
>>Convert line breaks - pilih yes
>>Enable Dynamic Views - pilih yes
>>Show Title field - pilih yes
>>Show Link fields - pilih yes
>>Enable float alignment - pilih yes
>>Post Template - isi dengan ayat yang anda mahu dan ayat ini akan keluar secara automatik setiap kali anda membuat entry terbaru
SAVE SETTINGS

3) COMMENTS
>>Comments - pilih show
>>Who Can Comment? - pilih anyone
>>Comment Form Placement - pilih pop up window
>>Comments Default for Posts - pilih new posts have comments
>>Backlinks - pilih show
>>Backlinks Default for Posts - pilih new posts have backlinks
>>Comments Timestamp Format - pilih ikut citarasa anda
>>Comment Form Message - isi dengan ayat yang anda mahu cth :- terima kasih atas komen anda
>>Comment moderation - pilih never,tapi jika anda mahu menapis komen terlebih dahulu,pilih always
>>Show word verification for comments? - pilih no
>>Show profile images on comments? - pilih yes
>>Comment Notification Email - isi dengan email anda sendiri
SAVE SETTINGS

4) SITE FEED
>>Allow Blog Feeds - pilih full
SAVE SETTINGS

selesai..(",)

Wednesday, June 15, 2011

TUTORIAL LETAK BACKGROUND PADA ENTRI

anda mahu membuat entry seperti ini..?
mula2 pastikan anda membuat entry dalam 'edit html' bukan 'compose'
copy kod di bawah
<div style="background:url(URL BACKGROUND IMEJ) no-repeat;">
TAIP ENTRI ANDA DISINI
</div>

preview dulu,kalau puas hati boleh save

**********

catitan Bui
URL BACKGROUND IMEJ cantik2,ada di SINI

Tuesday, June 14, 2011

Follower Yang Pertama

sangat2 terharu..
sebab blog ni dh ader follower yg pertama
tapi sgt sedih dan rasa bersalah
sebab Cik Ashikin Haron tak tinggalkan link
dan x jugak meninggalkan jejak d shoutbox
jadi tak dapat nak follow balik
kalau empunya diri terbaca entry ni
sila tinggalkan jejak yer

supaya aku dapat follow balik
kalau nak tahu mcm mana nak edit profile
sila klik SINI

TUTORIAL FIELDSET

mula2 pergi ke
DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVA SCRIPT (+)

copy kod dibawah dan paste pada ruangan kosong HTML
<fieldset><legend><img src="URL IMEJ"/></legend>AYAT ANDA</fieldset>
cth :-
<fieldset><legend><img src="http://mycutegraphics.com/graphics/hearts/heart-graphic7.png"/></legend>CUBAAN BUAT FIELDSET</fieldset>

 akan jadi seperti ini yer

ni URL yang aku pilih
http://mycutegraphics.com/graphics/hearts/heart-graphic7.png

preview dulu,kalau puas hati boleh save

**********

catitan Bui
URL IMEJ yang comel2,klik SINI
cara nak dapatkan URL klik SINI

Monday, June 13, 2011

TUTORIAL LETAK IMEJ PADA TAJUK POST


mula2 pergi ke
DASHBOARD > DESIGN > EDIT HTML

tandakan
EXPAND WIDGET TEMPLATES

cari kod
<a expr:href='data:post.url'><data:post.title/></a>

paste kod dibawah
<img src='URL IMEJ ANDA'/>

paste diantara kod yang mula2 tadi

seperti ini :-
<a expr:href='data:post.url'><img src='URL IMEJ ANDA'/><data:post.title/></a>
 preview dulu,kalau puas hati boleh save

**********

catitan Bui
nak cari imej yang comel2..?cari kat SINI
cara copy url..?klik SINI

Sunday, June 12, 2011

TUTORIAL BACKGROUND BLOG

mula2 pergi ke
DASHBOARD > DESIGN > EDIT HTML

cari kod
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}

copy kod ini dan paste dibawah kod tadi
background-image: url(URL IMEJ BACKGROUND ANDA);
seperti ini :-
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
background-image: url(URL IMEJ BACKGROUND ANDA);
}

preview,kalau puas hati boleh save

**********
catitan Bui
nak dapatkan background imej klik SINI

Saturday, June 11, 2011

TUTORIAL FAVICON


mula2 pergi ke
DASHBOARD > DESIGN > EDIT HTML

tak perlu tandakan
EXPAND WIDGET TEMPLATES

cari kod
<b:skin><![CDATA[/*
copy kod di bawah ini
<link href='URL IMEJ' rel='shortcut icon' type='image/gif'/>
paste di atas kod tadi,seperti ini :-
<link href='URJ IMEJ' rel='shortcut icon' type='image/gif'/>
 <b:skin><![CDATA[/*
preview dulu,kalau puas hati boleh save

**********

catitan Bui
URL IMEJ - boleh cari kat SINI atau SINI

Friday, June 10, 2011

TUTORIAL BLOCKQUOTE

mula2 pergi ke
DASHBOARD > DESIGN > EDIT HTML

tandakan
EXPAND WIDGET TEMPLATES

cari kod
]]></b:skin>
copy kod di bawah ni
.post blockquote { background-image:url(URL IMEJ); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 3px solid #000000; margin:1em 20px; }
paste diatas kod  
]]></b:skin>

seperti ni yer
.post blockquote { background-image:url(URL IMEJ); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 3px solid #000000; margin:1em 20px; }
]]></b:skin>

preview dulu,kalau puas hati boleh save..

********** 

catitan Bui
URL IMEJ - boleh cari kat SINI
#000000tukar warna border kat SINI 

Thursday, June 9, 2011

TUTORIAL SPARKLE CURSOR

sila download file ni dulu > SINI
klik muat turun sekarang
  kat sini pun klik muat turun fail sekarang yer
pilih open with > pilih notepad > klik ok

lepas tu pergi
DASHBOARD > DESIGN > EDIT HTML

tak perlu tandakan
EXPAND WIDGET TEMPLATE

cari kod
<head>

copy kod yang dekat notepad tadi..copy semua nya yer

paste diatas kod
<head>

seperti ini yer
kod yang ada dekat notepad
<head>
preview dulu,kalau puas hati boleh save
kalau nak tukar kaler cursor pergi ke

DASHBOARD > DESIGN > EDIT HTML

cari kod 
var colour="red"; 
tukar red tu mengikut citarasa masing2 ok.

**********

catitan Bui
tukar warna cursor kat SINI

Wednesday, June 8, 2011

TUTORIAL STICKY MODE

buat entry macam biasa
entry yang nak dibuat sticky mode yer
lepas tu publish post macam biasa..

then bukak balik entry tadi (edit posts)
pergi ke
post options > post date and time
pilih scheduled at
dekat situ,korang ubah lah tarikh dan masa nya
tambah tarikh tu jadi advance sikit okeh

seperti ini :-

lepas dah edit tarikh,save dan publish post.

**********

catitan Bui
sticky mode ni selalunya untuk buat iklan

Tuesday, June 7, 2011

TUTORIAL POP-UP WINDOW

mula2 pergi ke
DASHBOARD > DESIGN > EDIT HTML

cari kod
<head>

copy kod di bawah ni,dan paste di atas kod tadi
<script language='JavaScript'>alert(" AYAT ANDA ");</script>
seperti ini :-
<script language='JavaScript'>alert(" AYAT ANDA ");</script>
<head>

 preview dulu,kalau puas hati boleh save

**********

catitan Bui
AYAT ANDA tu letak ayat anda sendiri orite