1. Login ke blogger dengan ID anda
2. Klik Tata Letak / Layout
3. Klik Tab Menu Edit HTML
4. Backup dulu sebelum melakukan editting template dengan klik Download Template Lengkap. Mengantisipasi jika penambahan kode salah.
5. Klik kotak keciil diasmping tulisan Expand Widget
6. Cari kode
<div class='blog-posts feed'>
atau kode
<b:include data='post' name='post'>
Untuk memudahkan mencari tekan ctrl F / F3. Kemudian hapus dan diganti dengan kode beriku ini :
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
7. Untuk memberikan background sobat ganti kode yang berwarna merah dengan kode berikut :
<div style='padding:6px 0 6px 5px;border-right:1px solid #000;border-bottom:1px solid #000;margin-bottom:2px;background:#0099DD;color:#000000;'> <data:post.title/></div></a>
Catatan : silahkan sobat edit sendiri kode yang berwarna merah sesuka sobat
9. Jika sobat mau menambahkan icon tinggal tambahkan kode berikut sebelum kode <data:post.title/></div></a>
<img alt='>>>' border='0' src='URL icon Sobat'/>10. Kode warna biru ganti dengan alamat URL icon Anda, Sehingga akan nampak seperti 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 #000;border-bottom:1px solid #000;margin-bottom:2px;background:#0099DD;color:#000000;'><img alt='>>>' border='0' src='URL icon Sobat'/><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>
11. Save template
Selamat mencoba,...
0 comments:
Posting Komentar
Jangan Lupa Komentarnya Ya !