0

Cara Membuat Icon Di Samping Judul Postingan

Jumat, 24 Februari 2012
Share this Article on :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim81phaIJ42w0cYPMEfP9vy_7lEudDHWMWaSfEIlOZvOLK09_bz_RyvDdUke9CAdjVp488yL-rbWdYOZWSzl6hkyUYRkNuVT5KB-JvUbHp8UPV7-CdulMu9qQKIL0b6VrvXOwmKbUH0t0/s447/cats.jpg
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


Artikel Terkait:

0 komentar:

Posting Komentar