Menambahkan Divider disetiap Postingan


Hai sahabat Blogger yang masih mau mempercantik Blognya... Yuk ikuti postingan saya kali ini menambahkan divider atau batasan pada setiap Postingan ... Bagus lho.. Coba lihat seperti gambar dibawah ini.


Tuh bagus kan ???
Langkah langkahnya adalah :


  • Dashboard > Template > Edit HTML
  • Tekan Ctrl + F cari kode berikut
.post {
margin : 0 0 1.5em;
padding-bottom:1.5em;
}
Lain template lain kode, jadi intinya yang anda gunakan hanya .post{ dan } Hapus kode yang berwarna merah , gantikan dengan kode berikut,



background: url(url divider anda);background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:5.5em;

Untuk teks yang berwarna biru gantikan dengan kode URL gambar , ada beberapa contoh Divider yang saya sediakan dibawah ini :



http://dl6.glitter-graphics.net/pub/447/447826eewa4rjleq.gif


http://dl.glitter-graphics.net/pub/989/989321gyey13hzit.gif


http://dl7.glitter-graphics.net/pub/68/68547cwg98wmzcn.gif

http://dl9.glitter-graphics.net/pub/152/152179h4qroi8q2b.gif


http://dl8.glitter-graphics.net/pub/59/59198hrthuy4syh.gif

http://dl2.glitter-graphics.net/pub/439/439872zev6untzyt.gif


http://dl2.glitter-graphics.net/pub/432/432022s1vheyatjs.gif


http://dl9.glitter-graphics.net/pub/757/757789hyk4x7egbk.png

  • Pilih salah satu gambar di atas  Atau anda bisa kunjungi DISINI .. Gratiss !!!


Oh iya cara mengambil URLnya di Glitter Graphics anda ambil yang bagian image src yang ada format gambar dibelakang nya (gif, png, jpeg, dll). seperti contoh diatas.

Simpan Perubahan.. dan lihat tampilan blog anda... Selamat Mencoba

4 comments: