Ketika melakukan setting desain blog, kadang kala kita terkendala dengan banyaknya widget yang ditampilkan, sehingga widget terlihat berdesakan dan halaman menjadi begitu panjang. Dalam kasus lain lagi, kadang kala kita cuma ingin widget tertentu cuma timbul di halaman spesifik, baik homepage, halaman statis, maupun halaman posting saja. Dulu aku pernah mengatakan tentang bagaimana menyembunyikan sidebar Blogger di halaman tertentu, dengan menggunakan conditional tags dan CSS (display), dan jikalau yang dikehendaki cuma untuk menyembunyikan satu atau beberapa widget, maka pasti kurang sempurna jikalau diterapkan. So, dalam peluang ini, aku ingin meningkatkan tentang bagamana menampilkan atau menyembunyikan salah satu atau beberapa widget dalam halaman tertentu, dan menampikannya pada jenis halaman lain.
Konsep Hack Menampilkan Widget Pada Halaman Tertentu
Cara ini bahwasanya masih sama dengan postingan yang sebelumnya sudah aku sebutkan, yakni menggunakan conditional tags (b if), salah satu tag XML Blogger, untuk memamerkan perintah mudah-mudahan sebuah elemen ditampilkan pada bagian/halaman tertentu saja dan menyembunyikannya pada bagian/halaman lain. Conditional (if) juga dipahami penggunaanya pada PHP, dan juga dipahami dalam bahasa Inggris (if clause, conditional sentence) hehehehe..... Bedanya dengan cara sebelumnya, cara yang aku tawarkan ini tidak akan menggunakan CSS, melainkan menggunakan conditional tags pribadi pada elemen yang akan diberikan perintah, yang dalam hal ini yakni elemen-elemen widget.
Langkah-langkah Menampilkan Widget Pada Halaman Tertentu
1. Mencari ID Widget
Sebelum memamerkan conditional tags, anda mesti mengenali ID widget yang akan ditampilkan pada halaman tertentu. Cara mencarinya sungguh mudah:
a. Ada dua cara untuk mengakses editor widget (sebenarnya ada 3, yakni lewat edit HTML, namun cara ini akan lebih rumit:
- Jika anda dalam keadaan login Blogger, anda sanggup pribadi mengakses "quickedit" pribadi dari halaman blog, quickedit yakni tool untuk mengedit widget secara langsung, letaknya umumnya yakni di bab pojok kanan bawah widget, berupa ikon obeng dan kunci (screwdriver and wrench). Klik icon pada widget yang dikehendaki dan akan timbul pop-up window dimana anda sanggup mengedit konten widget.
- Atau susukan editor widget lewat halaman "Layout", kemudian klik link "edit" di salah satu bab widget. Kemudian akan timbul pop-up window.
b. Lihat di bab URL/address di browser pada halaman pop up window tersebut. Letak ID widget berada di bab simpulan URL (geser URL ke kanan). Perhatikan pola gambar berikut:
d. Simpan Id Widget tersebut, misalnya dari pola di atas, Id widget yang akan aku edit yakni "HTML11".
2. Memberikan Conditional Tags Pada Elemen Widget
Untuk memperlihatkan widget di halaman tertentu, anda mesti menyertakan conditional tags (b if cond) pada elemen widget yang diinginkan. Berikut langkah menambahkannya sesuai dengan pola widget yang sudah disampaikan di atas:
a. Masuk ke halaman template (Dashboard > Template)
b. Klik "Edit HTML" > Proceed.
c. Jangan lupa klik/centang "Expand Widget Templates" untuk memperlihatkan seluruh elemen widget di dalam editor.
d. Tekan CTRL+F, masukkan ID widget yang dikehendaki yang sebelumnya sudah dicari dan dipersiapkan. Dalam pola ini aku akan menggunakan id widget "HTML11" selaku pola dan berikut kurang lebihnya elemen widget sobat:
e. Kemudian tambahkan conditional tag setelah <b:includable id='main'> dan tag penutupnya sebelum </b:includable>. Berikut conditional tags menurut jenis halaman dan cara menambahkannya, amati tag berwarna merah dan itulah yang mesti ditambahkan:
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>
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>
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>
Cara Menampilkan Widget Hanya di Halaman Arsip (Archive)
<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>
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>
f. Setelah conditional tags ditambahkan, save template.
Jika ingin melakukan hal yang serupa pada beberapa widget, anda mesti melakukan dan mengulang cara yang serupa seumpama di atas: cari ID widget, cari elemen widget sesuai ID di edit HTML, dan masukkan conditional tags menurut jenis halaman ke dalam elemen widget. Save and Done.
Semoga berharga and have a nice Blogging.© buka-rahasia.blogspot.com. 2012 - 'Til drop. All rights reserved.
