Cara Menampilkan dan Menyembunyikan Gadget di Blog

Menampilkan atau menyembunyikan gadget atau biasa disebut widget blogger di home, posting atau static page (about, contact, dll) merupakan hal dasar yang wajib sobat blogger ketahui. Karena berhubungan dengan tata letak, loading dan keindahan blog itu sendiri. Semisal, sobat ingin menampilkan gadget media sosial di homepage blog sobat, namun tidak muncul di posting sobat dan lain sebagainya.
Tampil/Sembunyi Gadget
Mungkin sobat juga tertarik:
a. Membuat Gadget Melayang di Blog
b. Menambah Gadget disamping Header Blog
c. Memberi Warna Background Judul Gadget Blog

Cara Memasang:
Langkah 1. Ingat nama dari gadget yang ingin sobat tampilkan atau sembunyikan. Seperti Facebook atau Google+ atau lainnya. Untuk  gadget HTML/Javascript biasanya tertulis (HTML1, HTML2, dan yang serupa) paling mudah sobat ingat posisinya setelah gadget apa.

Langkah 2. Lihat di Template --> Edit HTML
Edit HTML

Langkah 3. Klik kiri di kotak Edit HTML yang muncul dan cari (CTRL+F) nama dari gadget yang ingin ditampilkan/disembunyikan. Misal saya beri contoh gadget "FOLLOW" :
CTRL+F di Edit HTML
Kode gadget akan terlihat "mirip" seperti ini:
<b:widget id='HTML1' locked='false' title='FOLLOW' type='HTML'>
<b:includable id='main'>
< LETAKKAN KODE TAMPIL/SEMBUNYI GADGET DISINI>
<!-- 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>
Note: Tulisan Merah adalah tempat sobat meletakkan kode-kode berikut dan jangan lupa untuk menambahkan </b:if> pada setiap kode gadget diatas </b:includable> :

Langkah 4. Copy dan Paste kode berikut dan letakkan diposisi sesuai dengan contoh diatas:

A. Menampilkan Gadget hanya di Homepage

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

B. Menampilkan Gadget hanya di Postingan

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

C. Menyembunyikan Gadget di Postingan

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

D. Menampilkan Gadget di Laman tertentu

<b:if cond='data:blog.url == &quot;URL LAMAN&quot;'>
URL LAMAN=Alamat laman yang dituju.

E. Menyembunyikan Gadget di Laman tertentu

<b:if cond='data:blog.url != &quot;URL LAMAN&quot;'>

F. Menampilkan Gadget di Laman Statis (about, contact, dll)

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

G. Menyembunyikan Gadget di Laman Statis (about, contact, dll)

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
Sekali lagi Jangan lupa tambahkan </b:if> pada akhir kode diatas </b:includable>.

Jika sobat memiliki pertanyaan atau error silahkan tinggalkan pada kolom komentar dibawah.
Selamat mencoba dan good luck.

0 comments:

Posting Komentar

Setiap komentar sangat dihargai, namun karena keterbatasan waktu tidak dapat online setiap saat untuk me-reply komentar setiap orang. Komentar Spam (link aktif, o*at, p*rn*, j*di, dan sejenisnya) akan dimoderasi. Terima kasih atas perhatiannya dan Berkunjung kembali :)