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. Dulu saya pernah berbicara mengenai bagaimana menyembunyikan sidebar Blogger di halaman tertentu,
dengan menggunakan conditional tags dan CSS (display), dan jika yang
diinginkan hanya untuk menyembunyikan satu atau beberapa widget, maka
tentu kurang tepat jika diterapkan. So, dalam kesempatan ini, saya ingin
berbagi mengenai 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 sebenarnya masih sama dengan artikel yang sebelumnya sudah saya
sebutkan, yaitu menggunakan conditional tags (b if), salah satu tag XML
Blogger, untuk memberikan perintah agar suatu elemen ditampilkan pada
bagian/halaman tertentu saja dan menyembunyikannya pada bagian/halaman
lain. Conditional (if) juga dikenal penggunaanya pada PHP, dan juga
dikenal dalam bahasa Inggris (if clause, conditional sentence) hehehehe..... Bedanya dengan cara sebelumnya, cara yang saya tawarkan ini tidak akan menggunakan CSS, melainkan menggunakan conditional tags langsung pada elemen yang hendak diberikan perintah, yang dalam hal ini adalah elemen-elemen widget.
Langkah-langkah Menampilkan Widget Pada Halaman Tertentu
1. Mencari ID Widget
Sebelum memberikan conditional tags, anda harus mengetahui ID widget
yang hendak ditampilkan pada halaman tertentu. Cara mencarinya sangat
mudah:
a. Ada dua cara untuk mengakses editor widget (sebenarnya ada 3, yaitu melalui edit HTML, tapi cara ini akan lebih rumit:
- Jika anda dalam kondisi login Blogger,
anda dapat langsung mengakses "quickedit" langsung dari halaman blog,
quickedit adalah tool untuk mengedit widget secara langsung, letaknya
biasanya adalah di bagian pojok kanan bawah widget, berupa ikon obeng
dan kunci (screwdriver and wrench). Klik icon pada widget yang
diinginkan dan akan muncul pop-up window dimana anda dapat mengedit
konten widget.
- Atau akses editor widget melalui halaman "Layout", lalu klik
link "edit" di salah satu bagian widget. Kemudian akan muncul pop-up
window.
b. Lihat di bagian URL/address di browser pada halaman pop up window
tersebut. Letak ID widget berada di bagian akhir URL (geser URL ke
kanan). Perhatikan contoh gambar berikut:
d. Simpan Id Widget tersebut, misalnya dari contoh di atas, Id widget yang hendak saya edit adalah "HTML11".
2. 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 (Dashboard > Template)
b. Klik "Edit HTML" > Proceed.
c. Jangan lupa klik/centang "Expand Widget Templates" untuk menampilkan seluruh elemen widget di dalam editor.
d. 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:
e. Kemudian tambahkan conditional tag setelah <b:includable id='main'> dan tag penutupnya sebelum </b:includable>.
Berikut conditional tags berdasarkan jenis halaman dan cara
menambahkannya, perhatikan tag berwarna merah dan itulah yang harus
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: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>
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 sama pada beberapa widget, anda harus melakukan dan mengulang cara yang sama seperti di atas: cari ID widget, cari elemen widget sesuai ID di edit HTML, dan masukkan conditional tags berdasarkan jenis halaman ke dalam elemen widget. Save and Done.
Semoga bermanfaat and have a nice Blogging.
Sumber Materi :
Buka Rahasia Blogspot 
