Terbaru

Cara Menampilkan Widget atau Gadget pada Halaman Tertentu


Assalamualaikum.
yow guys jumpa lagi, kali ini aku bakal bahas sedikit tentang blog (selipan sih sebenernya, tapi gak apalah). Mungkin bagi temen-temen yang bingung bagaimana cara mengatur widget atau gadget muncul hanya pada halaman tertentu. Maka itu bisa diatur dengan kode fungsi b:if.  Dengan menggunakan fungsi ini kita bisa mengaplikasikan untuk memunculkan widget hanya pada halaman tertentu, misalnya widget guestbook yang hanya ingin kita lihat pada Homepage atau Beranda aja (Lihat:cara membuat guest book atau buku tamu) ataupun halaman lainnya. Caw ikuti cara berikut.

1. Carilah ID widget yang ingin kita atur. Carannya buka tata letak atau layout, lalu klik edit pada widgetnya. Lalu lihat di bagian URL



Contoh di atas IDnya HTML2


2. Lalu silahkan buka template atau tema, lalu klik edit HTML. 

3. Selanjutnya buka dialog find (CTRL+F) cari ID yang tapi didapat (HTML2).




PERHATIAN...
Perhatikan baik-baik posisi kode b:if di dalam kode widget....
kode <b:if... selalu tepat di bawah  <b:includable id='main'>
sedangkan kode penutup </b:if> selalu tepat di atas  </b:includable>


Menampilkan Widget Pada Halaman Homepage Saja

Bentuk kode b:if yang digunakan seperti berikut.


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

Contohnya:

<b:widget id='HTML2' locked='false' title='' type='HTML'>
     <b:widget-settings>
         <b:widget-setting name='content'>
<![CDATA[
<iframe width="100%" height="300" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/57580898&amp;color=ff5500&amp;auto_play=true&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe>
]]>
         </b:widget-setting>             
     </b:widget-settings>             
<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>

bila sudah silahkan klik Simpan tema atau Save Template

bila ingin menampilkan widget pada semua halaman post
ganti <b:if cond='data:blog.url == data:blog.homepageUrl'> menjadi 
<b:if cond='data:blog.pageType == "item"'>

bila ingin menampilkan widget pada semua halaman statis
ganti <b:if cond='data:blog.url == data:blog.homepageUrl'> menjadi 
<b:if cond='data:blog.pageType == "static_page"'>

bila ingin menampilkan widget pada semua halaman arsip
ganti <b:if cond='data:blog.url == data:blog.homepageUrl'> menjadi
<b:if cond='data:blog.pageType == "archive"'>

bila ingin menampilkan widget pada halaman tertentu
ganti <b:if cond='data:blog.url == data:blog.homepageUrl'> menjadi
<b:if cond='data:blog.pageType == "URLHALAMAN"'>


Menampilkan widget pada semua halaman kecuali homepage

Cukup ubah kode <b:if cond='data:blog.url == data:blog.homepageUrl'>
menjadi <b:if cond='data:blog.url != data:blog.homepageUrl'>
tanda == berubah menjadi !=
Contohnya:

<b:widget id='HTML2' locked='false' title='' type='HTML'>
     <b:widget-settings>
         <b:widget-setting name='content'>
<![CDATA[
<iframe width="100%" height="300" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/57580898&amp;color=ff5500&amp;auto_play=true&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe>
]]>
         </b:widget-setting>             
     </b:widget-settings>             
<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>
bila sudah silahkan klik Simpan tema atau Save Template

bila ingin menampilkan widget kecuali pada halaman post
ganti <b:if cond='data:blog.url != data:blog.homepageUrl'> menjadi 
<b:if cond='data:blog.pageType != "item"'>

bila ingin menampilkan widget kecuali pada semua halaman statis
ganti <b:if cond='data:blog.url != data:blog.homepageUrl'> menjadi 
<b:if cond='data:blog.pageType != "static_page"'>

bila ingin menampilkan widget kecuali pada semua halaman arsip
ganti <b:if cond='data:blog.url != data:blog.homepageUrl'> menjadi
<b:if cond='data:blog.pageType != "archive"'>

bila ingin menampilkan widget kecuali pada halaman tertentu
ganti <b:if cond='data:blog.url != data:blog.homepageUrl'> menjadi
<b:if cond='data:blog.pageType != "URLHALAMAN"'>

Mungkin sekian dulu post kali ini. Kalo ada pertanyaan, kritik, saran atau ada link yang rusak. Silahkan sampaikan di kolom komentar.
Wassalamualaikum

Tidak ada komentar