Sabtu, 26 Maret 2011

Cara menambah Icon pada Daftar isi Blog



Menambah Icon pada daftar isi ini adalah salah satu permintaan teman blogger kita. dimana post saya yang sebelum nya tentang Pasang daftar isi pada blog di sana tidak terdapat icon seperti Daftar isi yang dimiliki Panduan sukses blogger blog ini. sebenar nya hal ini sangat lah mudah hanya tinggal memasukkan url alamat icon yang kita miliki. Nah biar nggak penasaran ikuti langkah-langkah di bawah ini.

Berikut langkah-langkah menambah Icon pada Daftar isi Blog.

  • Login ke blog anda
  • Tata letak
  • Edit HTML
  • Beri tanda centang pada kotak kecil kanan atas
  • Kemudian cari kode dibawah ini
    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'>
    <div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
    <data:post.title/>
    </div>
    </a>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>

  • Biar lebih gampang cari dengan Kode <b:include data='post' name='post'/> dengan menggunakan Ctrl + F
  • Nah setelah Ketemu tambah kan alamat url icon anda pada background seperti dibawah ini
    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'>
    <div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU4tlb4iKiuKRtjR0efdxlMD0sPYteg3EKX3TujUpzRo1MvqdHacuMao1Zzm8qpVrs1jF4AyBPuGZiKeVN09MXbeaJfFrWIHRDzHlO4hhrrDwtXEgD1g-Gg-WxcxouiNaZHJ9xY0o8rsGV/s1600/2l8jcl3_th.jpg.gif) no-repeat 0px .20em;color:#406A0E;">
    <data:post.title/>
    </div>
    </a>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>

  • Kemudian simpan
  • Nah untuk mengganti dengan Icon lain anda tinggal mengganti alamat Urlhttp://i35.tinypic.com/2n03mgz.jpg yang saya beri warna merah di atas.

Sangat mudah kan? sekarang giliran anda untuk mencoba nya. Salam sukses........
Cara menambahkan icon di daftar isi, gambar di daftar isi, tutor menambahkan icon di daftar isi, icon di daftar isi tutorial, langkah menambahkan gambar di daftar isi.

1 komentar: