TUTORIAL 21 :Meletakkan Divider di setiap post entry





Ini adalah contoh divider...nak lain?belambak sangat..

Apa perlu dibuat? Ikuti langkah ini satu persatu ye..tak menjadi u tanggung sendiri..ayooo

1.Login ke Blogspot, clik design/ layout > Edit HTML > jangan lupa untuk tick pada Expand Widget Templates.





2. Untuk langkah keselamatan sila download full templete ye..mana tahu kot tersalah langkah pula..boleh back up semula.

3. Cari code ini..Guna Ctrl F untuk memudahkan mata anda..



.post {
margin: 0 0 1.5em;
padding-bottom: 1.5em;
}
4. Kalau dah jumpa sila REPLACE dengan code di bawah, lain templete lain jenis so ambil bahagian .post { sampai }



.post {
background: url(url divider anda);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:5.5em;
}
5. Sila letakkan url anda di url divider anda.




6. Lepas dah letak URL sila PREVIEW dulu..then dah puas hati dan menjadi SAVE je..




Selamat mencuba ye..sila komen dah cuba.

No comments:

Post a Comment

Copyright© All Rights Reserved http://xxxxxsweetpoisonxxxxx.blogspot.com/