7 Apr 2011

Menambahkan Icon di Samping Judul


Kali ini saya akan membahas bagaimana Cara Menambahkan Icon di Samping Judul Posting. Jika diantara sobat blogger ada yang tertarik
Berikut cara menambahkannya :
  1. Login ke Blogger klik Rancangan klik Edit HTML.
  2. Klik tulisan Download Template Lengkap.
  3. Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
  4. Beri tanda centang pada kotak di samping tulisan Expand Template Widget.
  5. Kemudian cari kode CSS berikut :
    .post h3 {
    margin:.5em 0;
    padding:30px 0px 0px 45px;
    font-size:120%;
    font-weight:bold;
    font-style:italic;
    line-height:1.3em;
    color:#EEE;
    }
  6. Ganti kode padding:30px 0px 0px 45px; jadi padding:48px 0px 0px 45px; dan tambahkan height:48px; dan background:url-nya dibawah color:#EEE; maka akan menjadi seperti di bawah :
    .post h3 {
    margin:.5em 0;
    padding:48px 0px 0px 45px;
    font-size:120%;
    font-weight:bold;
    font-style:italic;
    line-height:1.3em;
    height:48px;
    color:#EEE;
    background:url(http://i1002.photobucket.com/albums/af149/Imtikhan/arrow_post.gif) no-repeat left center;
    }
  7. Keterangan : ganti Url gambar di atas dengan Url gambar milik sobat
    jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya.

Dari berbagai sumber
Dapatkan Update Artikel RSS feed yang bermanfaat dari Saya, atau ikuti Saya di Twitter.
Email address:

0 komentar:

Posting Komentar