28 April 2015

Cara Menampilkan Widget Tertentu Pada Halaman Tertentu Di Blog

Tips Blogger. Menampilkan Widget Tertentu Pada Halaman Tertentu Di Blog. Ketika anda mengunjungi suatu Blok milik seseorang, Pastinya terkadang anda menemukan blog yang memiliki tampilan pada Widget'nya kadang kadang berubah. Misalnya : Di halaman depan ada Widget A, ketika anda masuk kehalaman lain Widget A tersebut tidak ada.


Pastinya ketika anda menemukan hal yang seperti itu, sempat dipikirang anda muncul pertanyaan, Kenapa kok Bisa Seperti Itu ? Sebenarnya untuk melakukan hal seperti itu, Ada beberapa cara yang sudah dilakukan oleh Blogger tersebut. Nah di artikel yang saya tulis ini tentang Cara Menampilkan Widget Tertentu Pada Halaman Tertentu Di Blog. Akan memberikan caranya supaya anda bisa menampilkan Widget anda hanya pada halaman tertentu saja. Untuk carayanya bisa anda ikuti beberapa langkah dibawah ini.

Cara Menampilkan Widget Tertentu Pada Halaman Tertentu Di Blog

  • Masuk ke Dasbor Blog Anda
  • Pilih Template -> Edit HTML
  • Carilah Widget yang akan anda sembunyikan (Pastikan anda sudah memasang Widget di blog anda)
  • Misalnya Widget Fan Facebook, Cari tulisan " Fan Facebook " (gunakan Ctrl + F agar lebih mudah)
  • Jika ketemu, maka kodenya akan 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>

  • Selanjutnya letakkan kode dibawah ini tepat sebelum kode  <!-- only display title if it's non-empty --> Pada widget diatas
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  • Tambahkan juga kode </b:if> sebelum kode :
</b:includable> </b:widget>
  • Maka Hasilnya akan sama persis seperti dibawah ini.:
<b:widget id='HTML4' locked='false' title='Fan Facebook' 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>

ket :
Kode yang berwarna BIRU merupakan kode yang sudah anda tambahkan diatas
  • Simpan dan Lihat Hasilnya
Jika anda menginginkan mempilkan widget pada halaman yang anda sukai ataupun sesuai dengan selera anda, anda bisa memodifikasinya dengan mengganti kode yang saya tambahkan diatas dengan beberapa kode dibawah ini.

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

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

..................................................................................

</b:if>

2. Kode untuk Menampilkan di semua halaman kecuali homepage.

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

.................................................................................

</b:if>

3. Kode untuk Menampilkan widget hanya di halaman Archive saja.

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

...........................................................................................

</b:if>

4. Kode untuk Menampilkan widget di semua halaman kecuali halaman archive.

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

..........................................................................................

</b:if>

5. Kode untuk  Menampilkan widget hanya di halaman posting.

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

.....................................................................................

</b:if>

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

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

....................................................................................

</b:if>

7. Kode Untuk Menampilkan widget hanya di postingan tertentu saja.

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

........................................................................................................

</b:if>

8. Kode Untuk Menampilkan widget selain di postingan tertentu.

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

.......................................................................................................

</b:if>

9. Kode Untuk Menampilkan widget hanya di halaman staticpages.

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

................................................................................................

</b:if>

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

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

...............................................................................................

</b:if>

Dengan beberapa kode diatas ini anda bisa memilih untuk menampilkan Widget anda dihalaman atau tempat mana yang anda inginkan, dengan mengikuti langkah diatas dan cukup mengganti kode yang ditambahkan dengan kode yang sudah saya tulis diatas.

Baca Juga Kumpulan Tips Trick Blogger Lainnya

Sekian artikel yang saya share ini tentang " Cara Menampilkan Widget Tertentu Pada Halaman Tertentu Di Blog  ". Semoga bisa bermanfaat dan berguna untuk anda, Selamat Mencoba.!!

0 komentar

Posting Komentar