Cara menampilkan widget pada halaman tertentu saja

Advertisemen
Diposting kali ini saya akan membahas mengenai cara menampilkan widget pada halaman tertentu saja di blogger hal ini bertujuan agar tampilan blog tetap terjaga rapih dan teratur hal ini bertujuan membuat para pengunjung atau pembaca blog kita menjadi betah dan nyaman untuk berkunjung ke blog milik kita.

hi kawan-kawan blogger semua kali ini saya barusaja mendapat ilmu yang sangat bermanfaat dan ingin langsung membagikan nya kepada kawan-kawan blogger semua meskipun saya belum sempat mencoba menerapkan nya pada blog saya ini namun saya rasa kawan-kawan blogger semua wajib mengetahui mengenai hal ini.
Cara menampilkan widget pada halaman tertentu saja
Cara menampilkan widget pada halaman tertentu saja
Mungkin sudah banyak blog yang membahas megenai hal ini namun menurut saya tidak ada kata terlambat untuk memulai membagikan sebuah pengetahuan yang saya dapat kepada orang lain ini, dulu sebelum saya berpindah rumah kesini saya sempat menerapkan tutorial ini pada blog saya yang dulu hasil nya sangat memuaskan.

Dibawah ini adalah beberapa code yang dapat anda gunakan untuk menempatkan widget di halaman tertentu:

1. Menampilkan di semua halaman kecuali homepage.

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

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

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

3. Menampilkan widget di semua halaman kecuali halaman archive.

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

4. Menampilkan widget hanya di halaman Archive saja.

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

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

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

6. Menampilkan widget hanya di halaman posting.

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

7. Menampilkan widget selain di postingan tertentu.


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

8. Menampilkan widget hanya di postingan tertentu saja.

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

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

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

10. Menampilkan widget hanya di halaman staticpages.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
......................................................
</b:if>
Note : Titik-titik diatas nantinya diganti dengan code widget target.

Cara menampilkan widget pata halaman tertentu saja

1. Login menuju akun blogger anda.
2. Menuju Template => Edit HTML
3. Cari ID widget yang ingin anda tampilkan di halaman tertentu, untuk mencari ID nya silahkan baca cara mengetahui ID widget pada blogger
4. Setelah code widget ketemu silahkan tempatkan code diatas tadi setelah code <b:includable id='main'> dan sebelum code </b:includable>, seperti contoh dibawah ini pada widget komentar terbaru milik saya.

Sebelum peng editan :
<b:widget id='HTML4' locked='false' title='Komentar Terbaru' 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>
Karena saya hanya akan menampilkan di halaman depan saja maka saya menggunakan code dibawah ini :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>
Sehingga hasil akhir nya akan nampak seperti dibawah ini :
 <b:widget id='HTML4' locked='false' title='Komentar Terbaru' 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>
Setelah pengeditan selesai silahkan save template.

jika tidak terdapat error maka pengeditan anda berhasil dan jika terdapat error mungkin ada hal yang anda lewatkan atau hal yang tidak sesuai dengan tutorial yang saya berikan diatas, dan untuk posting kali ini saya cukupkan sampai disini saja semoga ilmu yang saya bagikan ini bermanfaat bagi anda dan apabila ada pertanyaan atau kesulitan terkait tutorial yang saya berikan diatas silahkan tinggalkan unek-unek anda tersebut di komentar atau hubungi kontak yang telah disediakan, terimakasih.


Advertisemen

Disclaimer: Gambar, artikel ataupun video yang ada di web ini terkadang berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya dipegang oleh sumber tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini.
Related Posts
Disqus Comments
© Copyright 2017 Yuli Agustiani - All Rights Reserved - Created By BLAGIOKE Diberdayakan oleh Blogger