Cara Menampilkan Salah Satu Widget Blog Di Halaman Tertentu

   Blogger    1 comment   

Contoh Peletakan Script yang dikolom merah

Kita sering mengunjungi blog seseorang. Kan tetapi terkadang membuat kita bertanya, "Kenapa Ya tampilan Widget/Gadgetnya berbeda-beda setiap halamannya. 

Misalnya di Halaman Home ada gadget Popular Post akan tetapi begitu kita kunjungi halaman postingnya, malah Widget Popular Postnya hilang. Kok bisa? Makhluk apa yang sembunyikan Widget blog tersebut.

Sebenarnya pemilik blog tersebut, tidak memelihara makhluk - makhluk yang bertugas untuk sembunyi/menampilkan Widget. Akan tetapi ada sebuah script atau kode bahasa program yang tunduk dan patuh pada admin blog. Kala admin memerintahkan sembunyi/tampilkan maka script atau kode bahasa program tersebut akan bertugas sesuai dengan perintah tuan admin blog.

Nah, tanpa panjang muqaddimah, berikut script atau kode bahasa program yang tunduk dan patuh pada Mr. Admin Blog...

1. Menampilkan widget hanya di halaman depan saja (homepage)

<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>

2. Menampilkan di semua halaman kecuali homepage.

<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>

3. Menampilkan widget hanya di halaman Archive saja.

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................................................
</b:if>

4. Menampilkan widget di semua halaman kecuali halaman archive.

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
......................................................
</b:if>

5. Menampilkan widget hanya di halaman posting.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
......................................................
</b:if>

6. Menampilkan widget di semua halaman, kecuali halaman posting.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
......................................................
</b:if> 

7. Menampilkan widget hanya di postingan tertentu saja.

<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
......................................................
</b:if>

8. Menampilkan widget selain di postingan tertentu.

<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
......................................................
</b:if>

9. Menampilkan widget hanya di halaman staticpages.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
......................................................
</b:if>

10. Menampilkan widget di semua halaman, kecuali halaman staticpages.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
......................................................
</b:if> 

Catatan :

Sedikit himbauan bahwa penempatan script atau kode bahasa program yang tunduk dan patuh pada Mr. Admin Blog tersebut diletakkan pada bagian titik (....................................)

Berikut Cara pemasangn scriptnya

Coba anda menuju Bongkahan Ilmu. Di halaman depan Widget Posting Terbaru tidak muncul. Lalu di halaman (selain Home) ketika klik sebuah artikel, maka Widget Posting Terbaru muncul.

Menampilkan Widget Tertentu Di Halaman Tertentu

1. Tentunya anda harus buka akun blog anda sendiri.

2. Masuklah ke Elemen Template. Lalu klik Edit HTML

3. Carilah widget yang anda sembunyikan (sebelumnya anda sudah memasang widget di dalam blog anda).

4. Misalnya Widget Fan Facebook. Silahkan cari tulisan "Fan Facebook" (gunakan Ctrl + F untuk mencari secara cepat)

5. Setelah ketemu, maka akan muncul kode persis seperti dibawah ini.

<b:widget id='HTML4' locked='false' title='Fan Facebook' type='HTML'> <b:includable id='main'><!-- only display title if it's non-empty --><b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div><b:include name='quickedit'/> </b:includable> </b:widget>

6. Selanjutnya tambahkan kode

<b:if cond='data:blog.pageType == &quot;item&quot;'>

sebelum kode

<!-- only display title if it's non-empty --> 

7. Setelah ditambahkan lalu masukkan kode </b:if> sebelum kode

</b:includable> 
</b:widget>

8. Maka hasilnya akan persis seperti di bawah ini.

<b:widget id='HTML4' locked='false' title='Posting Terbaru' type='HTML'> <b:includable id='main'><b:if cond='data:blog.pageType == &quot;item&quot;'><!-- only display title if it's non-empty --><b:if cond='data:title != &quot;&quot;'><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>

9. Selesai. Simpan Template blog anda.

Ilustras

Catatan :   Huruf yang berwarna biru adalah Kode yang ditambahkan. Ingat satuhal, penempatannya jangan salah yah. Harus pas. Kalao gak pas, maka eror. Untuk mengantisipasinya, sebaiknya sebelum memulai langkahlangkah di atas, Simpan Template Blog anda terlebih dahulu.

Nah itulah cara  Menampilkan Widget Tertentu Di Halaman Tertentu dengan menggunakan script atau kode bahasa program yang tunduk dan patuh pada Mr. Admin Blog. 

Semoga bisa dipergunakan sebaik mungkin. Salam blogger semoga bermanfaat dan selamat mencoba.