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 atau gambar dengan tulisan seperti pada blog saya ini, bisa dilihat dibawah postingan saya ada gambar berwarna hijau. Teman-teman bisa menggunakan software pengolah gambar seperti Adobe Photoshop atau 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;
}
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, yang terpenting lihat kodenya, diawali dengan “ .post { “ dan diakhiri dengan tanda “ } “
setelah anda temukan, ganti kode di atas dengan :
Categories:
Tutorial