31 August 2009

Membuat pemisah antar post (line dividers) pada blogspot

Share On Facebook ! Tweet This ! Share On Google Plus ! Pin It ! Share On Tumblr ! Share On Reddit ! Share On Linkedin ! Share On StumbleUpon !
Pada postingan kali ini saya akan mencoba berbagi tips pada para sahabat blogger, tips ini yaitu bagaimana membuat pemisah antar postingan dengan tujuan untuk mempercantik tampilan blog sahabat-sahabat blogger. Pemisah antar postingan ini berupa gambar ornament seperti pada blog saya ini, bisa dilihat dibawah postingan saya ada gambar 8 buah ornament yang berjajar. Teman-teman bisa menggunakan software pengolah gambar seperti Adobe Photoshop ata GIMP yang gratisan.

Ketika membuat Pemisah antar postingan (line dividers) ini pastikan teman-teman mengetahui lebar dari bagian posting blog, bisa dilihat pada code css #main wraper {width=480px .......} yang berwarna merah adalah lebar postingan template anda. Dengan demikian buatlah pemisah dengan lebar lebih kecil dari 480px, misalnya 20 x 450px. Setelah dibuat simpanlah di Photobucket.com atau imageshack.com, atau terserah anda.

Langkah berikutnya masuk ke account blogger===>Layout===>Edit HTML (jangan lupa save template anda) sebelum mengedit ya. Cari code :

.post {
margin: .5em 0 1.5em
border-bottom:0px dotted $bordercolor;
padding-bottom:1.5em;
}

catatan : biasanya akan berbeda-beda untuk setiap tempalate

setelah anda temukan, ganti kode di atas dengan :

.post {
background: url(http://i659.photobucket.com/albums/uu320/icethetic/divider-img.gif);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 3.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.5em;
}


ganti url nya dengan url punya sobat. Kalo sudah jangan lupa di Save !.
o ya, teman-teman juga bisa mengganti nilai pada margin dan padding-button, cobalah untuk bereksperimen.

Author:

«
Next
Newer Post
»
Previous
Older Post

15 comments:

  1. Wah, boleh juga nih dicoba. Tapi saya mau nyoba di blog lain dulu yang bukan blog utama. Takutnya malah gagal. Thx ya.

    ReplyDelete
  2. Just blog walking. Giving you a big smile for today! Hope you visit back. ;)

    ReplyDelete
  3. nice info sobat, salam sukses selalu

    ReplyDelete
  4. mantab nih sob...selama ini ga pernah perhatikan...tak coba ya...

    ReplyDelete
  5. ini dia yang saya cari-cari sob,, makasih,,,

    ReplyDelete
  6. makasih ya kak udah sharing.. sukses terus :)

    Sharing Tips

    ReplyDelete
  7. Nice info.

    Sukses berblogging yach...

    ReplyDelete
  8. ada award buat blog ini di http://pras2009.blogspot.com/2009/09/award-x.html, diambil ya....

    ReplyDelete
  9. sip infonya, bisa makin cantik blognya.
    TFS friend.

    ReplyDelete
  10. Ide bagus untuk mempercantik tampilan blog nih.

    ReplyDelete
  11. ooo begono to,harus bermain dengan kode2 yang buat pusing ya....

    ReplyDelete
  12. aq kok g mpkepikiran mp situ ya, d coba dah gan... mantantab ingfonya.. keren abiz...

    selamat hari raya idul fitri mohon maaf lahir dan batin

    d tunggu coment baliknya kalau sempat

    ReplyDelete

Silahkan isi komentar anda :

 
Copyright ©2016 myworld mylife • All Rights Reserved.
Template Design by BTDesigner • Powered by Blogger