KTU | Cara Membuat Icon Di Samping Judul Postingan

Lagi maleezz nih, Copas aj yaahh ??
   ada yg PM gw , minta share Cara Membuat Icon Di Samping Judul Postingan

Hmm, sebenarnya ne trik udah banyak banged yang tw, tapi karna ada request dari seseorang, ya sudah saya posting di blog saya, hehe, langsung aja dech ke Caranya:

• Siapkan gambar/icon yang akan Anda gunakan
• Ubah ukuran icon menjadi (32x32px) atau (25x25px), 
• Upload gambar anda ke picasa atau photobucket atau yang lainnya, terserah anda
• Kemudian Login ke blog sobat
• Setelah itu Klik Rancangan >>> Edit HTML
• Lalu Cari Kode yang mirip seperti kode di bawah ini :
  ( Gunakan CTRL + F untuk mempermudah pencarian)

.post h3 {
margin:0;
display:block;
padding:2px 14px 2px 29px;
color:#bd470c;
font:Verdana
}

• Jika sudah ketemu, Sisipkan Kode berikut dibawah Kode  .post h3{

background:url("URL GAMBAR ANDA") no-repeat;

• Ganti Kode yang berwarna hijau dengan URL gambar Anda
• Kemudian atur posisinya agar tepat. Anda tinggal mengatur padding: 2px 14px 2px 29px; sehingga menjadi padding: 10px 35px 8px; atau terserah dari keinginan Anda. 
• Jika Sudah Selesai hasilnya akan menjadi seperti ini :

.post h3 {
background:url("URL GAMBAR ANDA") no-repeat;
margin:0;
display:block;
padding:2px 14px 2px 29px;
color:#bd470c;
font:Verdana
}

• Setelah semuanya selesai Anda tinggal Simpan Template dech

SUMBER : Ickey Gakure

Related Articles :