Label Cloud

Search This Blog

07 March 2010

online counter Menambah Post Divider

Assalamualaikum , MSue ingin berkongsi ngan korang sume macam mana cara hendak buat Post Divider supaya blog korang nampak lebih menarik .

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(tandakan pada kotak Expand widget)

3. Cari kod di bawah .


.post



4. Gantikan kod tersebut dengan kod di bawah ini .


.post{
margin: 0 0 40px 0;
width: 90%;
background: url(http://www.imagehost.com/separator.jpg);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;
}


5. Preview dan Save Template .yahoo:okay:


Note: Pada highlight merah itu gantikan ngan url gambar kesukaan korang.di bawah ini ada contoh - contoh url yang boleh korang gunakan .

CONTOH URL YANG BOLEH KORANG GUNAKAN

1.

http://1.bp.blogspot.com/_tgUOxznghPA/SxDGd27LwaI/AAAAAAAAAYE/yLP07AP80vw/s400/astarl7s.gif


2.

http://1.bp.blogspot.com/_tgUOxznghPA/SxDE3AHigFI/AAAAAAAAAX0/jGNyRV3TsJA/s400/bar54.gif


3.

http://1.bp.blogspot.com/_tgUOxznghPA/SxDH01U7uXI/AAAAAAAAAYc/euIc755kOto/s400/chain.gif


4.

http://2.bp.blogspot.com/_tgUOxznghPA/SxDIQDCTVeI/AAAAAAAAAYk/WfkGnBSRDaE/s400/dividers_96.gif


5.

http://1.bp.blogspot.com/_tgUOxznghPA/SxDHP8hfRNI/AAAAAAAAAYU/bJM9GaAsm08/s400/bloodrose.gif


6.

http://4.bp.blogspot.com/_tgUOxznghPA/SxDF0mWXBnI/AAAAAAAAAX8/9rYPdgcM9sM/s400/flowerbar.gif


7.

http://2.bp.blogspot.com/_tgUOxznghPA/SxDJHBuLNpI/AAAAAAAAAY0/4mkrVKNG4xk/s400/resfiles_output.php.gif


8.

http://3.bp.blogspot.com/_tgUOxznghPA/SxDJ1wwF2VI/AAAAAAAAAY8/NxUObMlAY9c/s400/resfileszcp.png



9.

http://4.bp.blogspot.com/_tgUOxznghPA/SxDIs8fOK1I/AAAAAAAAAYs/0eYgxNgv2Zk/s400/irish-border4.gif




Via - ShamZone




Tinggalkan Komen Anda Disini