Cara Menampilkan Widget Hanya di Homepage/Halaman Postingan Blog
Pusat Backlinks - Menyambung Artikel saya sebelumnya yaitu yang berjudul Cara
Menyembunyikan Widget yang ada di Halaman Utama Blog, maka pada artikel
lanjuta ini kita akan membahas lebih lengkap tentang Widget dan Cara
menampilkannya di halaman tertentu blog kita. Sebagaimana yang saya
jelaskan sebelumnya bahwa untuk menampilkan Widget blog pada halaman
tertentu adalah kita harus terlebih dahulu mengetahui ID Widget blog
tersebut, Nah untuk Info selengkapnya agar saya tidak mengulang lagi
silahkan baca lewat link dibawah.
Baca Selengkapnya disini : Cara Menyembunyikan Widget yang ada di Halaman Utama Blog
Ketika
melakukan setting desain blog, terkadang kita terkendala dengan
banyaknya widget yang ditampilkan, sehingga widget tampak berdesakan dan
halaman menjadi begitu panjang. Dalam kasus lain lagi, terkadang kita
hanya ingin widget tertentu hanya muncul di halaman spesifik, baik
homepage, halaman statis, maupun halaman posting saja.
 |
| Cara Menampilkan Widget Hanya di Homepage/Halaman Postingan Blog |
Baik untuk Mulai Praktek Cara Menampilkan Widget Hanya di Homepage/Halaman Postingan Blog mari ikuti Langkah-langkah dibawah ini :
1. Memberikan Conditional Tags Pada Elemen Widget
Untuk menampilkan widget di halaman tertentu, anda harus menambahkan conditional tags (b if cond) pada elemen widget yang diinginkan. Berikut langkah menambahkannya sesuai dengan contoh widget yang sudah disampaikan di atas :
a. Masuk ke halaman Template Blogger (Dashboard > klik Tema)
b. Klik "Edit HTML"
c. Tekan CTRL+F, masukkan ID widget yang diinginkan yang sebelumnya telah dicari dan dipersiapkan. Dalam contoh ini saya akan menggunakan id widget "HTML11" sebagai contoh dan berikut kurang lebihnya elemen widget sobat lihat gambar dibawah :
d. Kemudian tambahkan Conditional Tag setelah <b:includable id='main'> atau diatas <!-- only display title if it's non-empty --> dan Tag penutupnya sebelum </b:includable> atau dibawah <b:include name='quickedit'/>
(Cari saja kode tersebut pasti ada) . Jika sudah mengerti Berikut
conditional tags berdasarkan jenis halaman dan cara menambahkannya,
perhatikan tag berwarna merah dan itulah yang harus ditambahkan.
2. Cara Menampilkan Widget Hanya di Halaman Utama/Indeks (Homepage)
<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
3. Cara Menampilkan Widget Hanya di Halaman Posting
<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
4. Cara Menampilkan Widget Hanya di Halaman Statis
<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if></b:includable>
</b:widget>
5. Cara Menampilkan Widget Hanya di Halaman Arsip (Archive)
<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
6. Cara Menampilkan Widget Hanya di Salah Satu Halaman (Berdasarkan URL)
<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "Ganti dengan URL Halaman di sini"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
7. Itulah 6 conditional tags yang bisa anda Tambahkan untuk mengatur Tampilan Widget di Blog sobat. Setelah conditional tags ditambahkan, save template dan Lihat Hasilnya.
Nah itulah Penjelasan lengkap Mengenai Cara Menampilkan Widget Hanya di Homepage/Halaman Postingan Blog,
jika sebelumnya kita hanya membahas penempatan Widget hanya di Halaman
Utama atau Beranda Blog maka kali kita sudah melengkapi semua baik di
beranda,postingan, static, arsip maupun di halaman tertentu. ID widget
adalah kunci utama dan penempatan Tag Conditional yang bertanda merah
adalah kunci keberhasilan anda dalam menampilkan Widget di halaman
tertentu yang ingin anda tampilkan. Sekian dan semoga bermanfaat,
Apabila ada yang tidak di dimengerti silahkan bertanya di komentar
dibawah !
Sumber : buka-rahasia.blog
