Saturday 17 December 2011

Tutorial Blog Seperator [ pembahagi blog }

tep 1
  • Pergi kat Dashboard
  • Click Design/Layout
  • Click Edit HTML
  • Tick Expand Widget Templates

Step 2
  • Tekan CTRL dan F
  • Copy and paste ayat ini pada kotak search :
.post {
  • Anda akan nampak code yang sejibik macam ini :
.post {
margin: 0 0 1.5em;
padding-bottom: 1.5em;
border: 2px solid #FFC0CB;
padding:7px;
-moz-border-radius: 10px;
}
Step 3


  • Gantikan semua code di atas dengan code ini :
.post {
background: url(url divider anda);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:5.5em;
}


Bahagian yang di boldkan dengan color BIRU sahaja yang perlu korang gantikan dengan URL sendiri. Yang lain jangan nak ngengada tukar. Okay..kat mana nak cari link divider tu?? Haaaa...Cari dekat :


Pilih lah mana-mana divider yang korang berkenan. :)

Oh yerr, bila korang dah pilih...dia akan bagi code tau bukan link. Macam kat bawah ni :

Korang copy link yang anna boleyn kotakkan dengan color purple tu je okay? And masukkan dalam code tadi. Ada faham?? 

Step 4

Lepas dah masuk kan URL dekat code tadi, click PREVIEW dulu naaaaa...

Kalau tak de error baru lah click SAVE TEMPLATE

No comments:

Post a Comment

Your comments here