Kali ini saya akan memberikan tips agar saat Anda atau pengunjung di Blog Anda menge-klik label dan saat muncul hanya judul postingan saja, sudah mengerti maksud saya ?Biasanya ketika ada pengujung atau Anda mungkin menge-klik salah satu label di Blog pastinya postingan yang muncul sangat panjang dan membuat capek jika Anda mengerakan scrolnya, nah agar lebih singkat maka ditampilkan judul postingannya saja.
Semoga anda semua dapat melakukan tutorial dibawah ini, jika kurang jelas bisa tanyakan kepada saya.
Langkah - langkah :
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 disamping tulisan Expand Widget
6. Cari kode dibawah ini :
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 disamping tulisan Expand Widget
6. Cari kode dibawah ini :
<div class='blog-posts feed'> atau
<b:include data='post' name='post'/>
Cari salah satu saja ya.... Untuk memudahkan pencarian kode diatas tekan CTRL F / F3. Dan masukkan kode salah satu yang diatas di kotak yang tersedia.
7. Setelah ketemu kode diatas, maka tugas anda selanjutnya adalah hapus kode yang telah ditemukan diatas tadi dan diganti dengan 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'>
<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>
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>
8. Untuk memberi background gati kode berwrna merah dengan kode berikut ini :
<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>
9. Kode warna biru adalah kode warna silahkan ganti sesuai selera Anda
10. Kemudian jika ingin menambahkan ikon, tambahkan kode dibawah ini di
atas kode <data:post.title/></div></a>
<img
alt='>>>' border='0' src='URL icon Anda'/>
11. Kode warna biru ganti dengan alamat URL icon Anda, Sehingga akan
seperti ini:
<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 Anda'/>
<data:post.title/></div></a>
12. Klik Save Template
<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>
9. Kode warna biru adalah kode warna silahkan ganti sesuai selera Anda
10. Kemudian jika ingin menambahkan ikon, tambahkan kode dibawah ini di
atas kode <data:post.title/></div></a>
<img
alt='>>>' border='0' src='URL icon Anda'/>
11. Kode warna biru ganti dengan alamat URL icon Anda, Sehingga akan
seperti ini:
<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 Anda'/>
<data:post.title/></div></a>
12. Klik Save Template
Semoga anda sukses dalam mengikuti tutorial diatas.
0 komentar:
Post a Comment
Anda bebas berkomentar asalkan sopan tidak mengandung SARA, porno, kata kasar. Jika hal tersebut anda indahkan maka dengan terpaksa saya akan menghapus komentar anda.