Klik Label Tampil Hanya Judul Posting Update

Jika anda telah membuat klik label tampil hanya judul posting, maka yang ini adalah update atau sekedar modifikasi tampilan judul posting saat mengklik label saja. Pada tutorial yang sebelumnya, deretan judul posting saat mengklik label nampak begitu polos tanpa pakaian dan baju dan sederhana. Sekarang dia akan dipercantik dengan membuat latar belakang pada tampilan judul posting.

Gambar di bawah ini menjelaskan yang saya uraikan tadi. Bagaimana, sudah siap dengan trik blogspot berikut? Pastilah, langkah pengerjaannya pun terbilang mudah.


Modifikasi tampilan judul saat mengklik label

1. Login ke blogger dengan id anda
2. Klik menu Tata Letak
3. Pada tab menu pilih Edit HTML
4. Centang kotak kecil Expand Template Widgets
5. Cari kode 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>
   <b:else/>
   <b:include data='post' name='post'/>
   </b:if>
   <b:else/>
   <b:include data='post' name='post'/>
   </b:if>

6. Hapus kode <data:post.title/></a> dan ganti dengan kode ini :
   

   <div style='padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#E0F8E0;color:#000000;'>
   <data:post.title/></div></a>

   Sehingga secara lengkap menjadi 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 #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#E0F8E0;color:#000000;'>
   <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>

7. Klik tombol SIMPAN TEMPLATE
8. Selesai

Jika semua langkah dikerjakan dengan benar, maka saya yakin tampilan judul posting pasti seperti gambar di atas. Nah, bagi teman-teman yang sudah terbiasa dengan kode CSS, bisa memodifikasi lagi tampilan judul posting tersebut. Selamat mencoba dan semoga bermanfaat.

Related Post:

Trik Blogspot

• Menambahkan Image Pada Judul Posting
• Mengganti Pager Link Blogger Dengan Icon
• Klik Label Tampil Hanya Judul Posting
• Menambahkan Icon Pada Label Dan Link Sidebar
• Mengganti Tanggal Dengan Icon Kalender
• Menghilangkan Icon QuickEdit (Tang dan Obeng)
• Area Sidebar Dalam Kotak Terpisah
• Area Komentar Dalam Kotak Terpisah
• Area Posting Dalam Kotak Terpisah
• Background Warna Pada Teks Posting
• Modifikasi Pesan Pengantar Formulir Komentar
• Beda Tampilan Komentar Pemilik Blog
• Nomor Urut Komentar (Numbering Comment) Blogger
• Pasang Emoticon Di Atas Kotak Komentar
• Membuat Blockquote Dan Modifikasi Blockquote
• Masalah Pada Verifikasi Kotak Komentar
• Membuat Teks Berkedip Blink Text
• Membuat Horizontal Navigasi Blogger
• Avatar Profil Komentar Blogger Update
• Latar Belakang Teks Dengan Efek Stabilo
• Menggunakan Gambar Untuk Latar Belakang Blog
• Pasang Strip-Ad Seperti Navbar Blogger
• Menghilangkan Border Pada Image Posting
• Modifikasi Border Photo Profil Blogger

or or