Cara Membuat Gambar Sebelum Judul Postingan

Cara Membuat Gambar Sebelum Judul Postingan. Gunanya Cuma untuk memperindah judul posting kita biar terkesan bagus dilihat oleh pengunjung blog Anda dan membuat blog Anda lebih Expresif. gambar tersebut akan muncul di samping judul postingan. namun, beberapa pengunjung blog ada yang tidak suka dengan icon yang ada di samping judul blog karena lebih terlihat terlalu rame atau terlalu banyak accesoriesnya. namun keputusan ada di tangan sobat, silahkan berfikir sejenak untuk menambah icon di samping atau tidak.

Oke buat Anda yang pengen membuatnya silahkan ikuti Tutorialnya

• Pertama-tama kita pastikan sudah log in ke blogger, setelah log in kita masuk menu Layout kemudian masuk menu Edit HTML

• Lalu Cari Code CSS seperti dibawah ini yang mirip di blog Anda

.post h3 {

margin:.5em 0;

padding:30px 0px 0px 45px;

font-size:120%;

font-weight:bold;

font-style:italic;

line-height:1.3em;

color:#333;

Nah telah ketemu tambahkan Code semacam
background:url(http://www.iconarchive.com/icons/mayosoft/aero-vista/TextoPlano-48x48.png) no-repeat left center; dan juda code height:48px; biar IE (internet Explore) bisa mengadaptasi jika di Mozilla Firefox tidak masalah tanpa code height, sehingga kurang lebih code CSSnya menjadi

.post h3 {

margin:.5em 0;

padding:48px 0px 0px 45px;

font-size:120%;

font-weight:bold;

font-style:italic;

line-height:1.3em;

color:#333;

height:48px;

background:url(http://www.iconarchive.com/icons/mayosoft/aero-vista/TextoPlano-48x48.png) no-repeat left center;

kode warna biru atur sesuai keinginan sobat di rumah
kode warna merah bisa diganti dengan URL gambar yang lain atau bisa di cari di www.iconarchive.com

• Setelah Semua selesai dan beres tidak ada kesalahan lalu Simpan

mudah, paling-paling tidak ada 5 menit sudah jadi. jangan lupa follow blog saya ya... nanti akan saya folback ^_^