Skip to content Skip to sidebar Skip to footer

Cara Menampilkan Widget Hanya di Halaman Tertentu

Cara Menampilkan Widget Hanya di Halaman Tertentu - Ada banyak cara agar blog terlihat lebih rapih dan profesional, salah satunya adalah dengan menampilkan widget hanya di halaman tertentu. Misalnya kita memiliki widget followers, jika kita ingin menampilkannya hanya di homepage saja, maka ketika kita masuk ke sebuah halaman pos/page, otomatis widget followers tersebut tidak akan muncul. Dan sebaliknya, jika kita hendak mengampilkannya hanya di halaman pos/page, otomatis widget followers ini tidak akan muncul di halaman homepage. 

Cara ini memang sangat membantu kita agar blog kita menjadi lebih rapih dan profesional. Jika kalian berminat ingin mencobanya, silahkan baca step by step nya dibawah ini :
  • Login ke akun blogger kalian.
  • Masuk ke halaman Edit HTML.
  • Cari kode widget yang akan di aplikasikan, contoh jika kita ingin mengaplikasikan widget followers, maka cari terlebih dahulu kata "Followers" (sesuaikan dengan nama follower di blog kalian). Tetapi sekarang kita akan mudah mencari ID widget nya dengan cara mengeklik "Lompat ke Widget".

  • Jika sudah di ketemukan, amati script berikut ini :
  <b:widget id='HTML4' locked='false' title='OeviCreations' 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>
Keterangan : Text yang berwarna merah merupakan ID dari sebuah widget, sedangkan text yang berwarna hijau merupakan nama dari widget, misalnya widget followers, maka otomatis namanya "Followers"

1. Cara Menampilkan Widget Hanya di Halaman Utama saja/Homepage,
Sisipkan kode berikut ini pada script di atas
<b:if cond='data:blog.url == data:blog.homepageUrl'>
</b:if>

Contoh cara menyisipkannya :
<b:widget id='HTML4' locked='false' title='OeviCreations' 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 != &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>
Keterangan : Kode yang berwarna merah adalah kode yang akan di sisipan.

2. Cara Menampilkan Widget di Halaman Posting Artikel.
Cara menyisipkan kode nya sama persis seperti contoh di atas.
<b:if cond='data:blog.url == "item">
</b:if>

3. Cara Menampilkan Widget Hanya Pada Halaman Tertentu.
Jadi kita hanya akan menampilkan widget di halaman tertentu, misalnya widget followers akan di tampilkan di pos A, maka ketika kita membuka pos B,C,D dan seterusnya, maka widget followers tersebut tidak akan keluar.
<b:if cond='data:blog.url == "Ganti dengan URL halaman pos">
</b:if>

4. Cara Menampilkan Widget di halaman static/static page
<b:if cond='data:blog.url == "static_page">
</b:if>

5. Cara Menyembunyikan Widget Hanya Pada Halaman Tertentu.
Sebenarnya cara nya hampir sama dengan menampilakan, bedanya adalah hanya di bagian == diganti menjadi "!". 
<b:if cond='data:blog.url != "URL Halaman"'>
</b:if>
  • Langkah terakhir klik Save Template/Simpan Template. 
Source: impoint (Media Blogger)

Semoga dengan saya share tutorial ini, dapat membantu anda dalam menggunakan blogger :D.
-oOo-

Post a Comment for "Cara Menampilkan Widget Hanya di Halaman Tertentu"