Menambah Post Divider.

Blogspot Tricks

01. Sign In akaun blogger.

02. Pilih Dashboard >> Layout >> Edit html.

03. Cari kod ini.

.post

04. Gantikan kod di atas dengan kod 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;
}

Perhatian !!! Gantikan url image berwarna merah dengan url image anda (Url image di bawah juga boleh digunakan).

1.

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

2.

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

3.

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

4.

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

5.

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

6.

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

7.

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

8.

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

9.

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

05. Pilih Preview, Sekiranya anda berpuas hati pilih Save Template.

06. Selamat Mencuba.

07. Sumber AllBlogTools.

3 comments:

~amalina~ said...

oowh dah try..thnx ya!!!!sronok!!

Yunn Sarah said...

ta dpt buat la ... kod yg nk kena crik2 mule2 tuh byk sgt .. yg mne nk kena pkai ?

SyamZone™ said...

@Yunn Sarah : Cuba satu persatu tapi jgn Save Template...Pilih Preview je.

Post a Comment