Memasang Icon / URL Link Pada Judul Postingan

Agar icon bisa tampil pada setiap judul Artikel dan Sidebar kita harus memasukkan URL Direct link yang telah disimpan sebelumnya di Photobucket. kemudian masuk ke control panel blog Anda pilih blog yang akan di modifikasi dan tuju TATA LETAK -> EDIT HTML, dan sebelumnya jangan lupa untuk membackup/mendownload template anda. setelah itu Jangan lupa untuk memberi tanda centang pada "Expand Widget" kemudian ikuti langkah berikut:

cari kode ini <b:if cond='data:post.title'> (lebih mudah dengan menekan ctrl + F) dan secara menyeluruh kode tersebut seperti berikut:

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Perhatikan pada kode yang ditebalkan diatas <h3 class='post-title entry-title'> sisipkan kode dibawah ini tempat dibawah kode yang ditebalkan diatas

 <img alt='NamaIconHeader' height='31' src='http:/AlamatDirectLinkImageAnda/NamaIconHeaderAnda.png' width='30'/>

keterangan Kode diatas:

• NamaIconHeader ganti dengan nama icon gambar Header Anda tanpa ekstensi (.PNG, .JPEG, .GIF dll).
• http:/AlamatDirectLinkImageAnda/NamaIconHeaderAnda.png ganti sesuai alamat direct link yang telah disimpan sebelumnya.
• heigh dan Width adalah tinggi dan lebar gambar icon Header anda dalam pixel (px) tapi penulisan .px tidak disertakan (hanya angka).
• untuk mengcopy code diatas silahkan blok teks/kode/bagian yang akan dicopy dan tekan ctrl + V
• template yang digunakan dalam proses ini adalah template Minima

Tekan Tombol PRATINJAU yang terletak dibagian kanan bawah Kotak Edit HTML untuk melihat hasil penambahan icon tersebut, Jika sudah muncul icon pada halaman pratinjau jangan lupa tekan tombol SIMPAN/SAVE hasil edit tersebut.