Cara Menampilkan Widget Hanya di Homepage / Posting

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Saat mengatur beberapa widget agar lebih rapih dan teratur sering sekali kita lakukan. Halaman Homepage dan Posting adalah dua buah tempat untuk menampilkan dan menyembunyikan salah satu widget yang dianggap terlalu banyak dan membuat sulit untuk dilihat. Lalu, cara yang paling baik untuk melakukan design terhadap widget atau gadget pada blog kita adalah dengan cara widget tersebut kita tampilkan hanya pada suatu halaman tertentu.

Untuk menampilkan dan menyembunyikan beberapa widget caranya cukup mudah. Jadi, ada beberapa widget yang kita tampilkan hanya pada halaman posting tetapi tidak ingin terlihat pada halaman Home. Berikut panduan cara merubahnya :

1. Carilah widget apa yang ingin kita sembunyikan. Elemen Widget atau Gadget yang sudah ada pada template seperti Blog Archive, Popular Post dan lainnya mungkin untuk beberapa template tidak dapat disembunyikan.

2. Masuklah ke Template - Edit HTML - Ceklis Expand Widget Template.
3. Tekan CTRL + F, Untuk mencari nama widget tersebut.
4. Ketikkan nama widget yang ingin kita sembunyikan, contoh : Buku Tamu. Atau bisa juga dengan mencari ID Widget tersebut. Contoh : HTML1, HTML12, dll.
5. Setelah berhasil ditemukan, amati script berikut ini :

<b:widget id='HTML11' locked='false' title='' type='HTML'><b:includable id='main'> <!-- 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:includable></b:widget>

A. Untuk Menamilkan Widget hanya dihalaman utama / Homepage :
Tambahkan dan sisipkan kode HTML berikut pada script diatas :

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

Contoh cara menyisipkannya adalah sebagai berikut :

<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>

B. Untuk Menampilkan Widget atau Gadget hanya di halaman Posting Artikel :

<b:if cond='data:blog.pageType == "item"'> </b:if>

( Cara menyisipkannya sama seperti contoh diatas )

C. Untuk Menampilkan Widget hanya pada Halaman Tertentu ( Berdasarkan URL ) :

<b:if cond='data:blog.url == "Ganti dengan URL Halaman di sini"'> </b:if>

D. Cara Menampilkan Widget hanya pada halaman statis / Static Page  :

<b:if cond='data:blog.pageType != "static_page"'> </b:if>

Setelah tag HTML tadi ditambahkan, Save template Anda dan lihat hasilnya. Semoga dapat bermanfaat untuk para blogger semua. Semua Widget yang kita tambahkan dengan HTML/Javascript dapat senantiasa kita sembunyikan dan tampilkan pada halaman Utama. Terimakasih telah membaca artikel berjudul Cara Menampilkan Widget Hanya di Homepage / halaman Posting.

Sumber

Admin : Agung Surya Adi P

Saat ini anda sedang membaca Cara Menampilkan Widget Hanya di Homepage / Posting . Jika ada salah kata atau kata yang kurang berkenan, kami mohon maaf. Terimakasih atas kunjungan anda sudah meluangkan waktu untuk membaca artikel ini, Kritik dan saran dapat anda sampaikan melalui kotak komentar. Semoga Artikel dapat Cara Menampilkan Widget Hanya di Homepage / Posting bermanfaat.

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Bacaan Ringan