Memberi Gambar Sebelum Judul Post 2

Hai... sobat blogger, buat yang pingin blognya tampil lebih indah dan expresif dengan memberi gambar sebelum judul itu bisa dilakukan dengan cara seperti ini, tapi tunggu dulu q mo tanya apa ada yang sudah negenet lama?? wah... k'lo gitu jangan bosen ya liat" tutorial yang lain di Lab Komputer
Oke... langsung ja kita masuk ke pokok pembahasan untuk bisa memberi gambar sebelum judul posting temen" harus dan wajib Log in dulu ke Blooger ya iyalah masa' ya iya donk.

Truzzz cari kode berikut (mungkin setiap template berbeda):

.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;

Atau k'lo g' ada coba deh cari yang ini:

.post-title {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
}

truzz kamu sisipkan kode dibawah ini ke dalamnya:

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

kamu bisa ganti kode yang dicetak tebal dengan lokasi gambar kamu dan jika jarak gambar dengan judul bertumpuk/ tabrakan kamu bisa edit kode padding, untuk lebih jelasnya seluruh kode akan seperti ini:

.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;

Terakhir tinggal di Save deh... n' lihat hasilnya

Artikel Lainnya Yang Lebih Menarik:

Jika Anda ingin artikel Memberi Gambar Sebelum Judul Post dikirim ke email anda, Silahkan masukan alamat email anda untuk berlangganan.

JANGAN LUPA CEK EMAIL ANDA UNTUK VERIFIKASI BERLANGGANAN VIA EMAIL

Penulis :  Dodik Gaghan | BLOG : InfocusNine [Be Your Best Partner]
InfocusNine menyediakan informasi dan tutorial buat anda yang ingin belajar blogging, design, internet, dsb. Silahkan Copy/Paste tapi cantumkan link kami.