Pages

Kamis, 22 Maret 2012

Cara Membuat Icon Di Samping Judul Postingan

https://lh4.googleusercontent.com/-JDzmzrj2ajs/T0daaju-TWI/AAAAAAAABbk/Qub8gV9QSzw/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

Read more: http://dicky-ajha.blogspot.com/2012/02/cara-membuat-icon-di-samping-judul.html#ixzz1prVMFHZ7

Tidak ada komentar:

Posting Komentar