Trik Menampilkan Widget Blogger Pada Halaman yang Diinginkan

Saat kita sedang mengunjungi suatu blog, ada kalanya kita melihat tampilan widget blog yang berganti-ganti bila kita pindah halaman. Misalnya, widget label, hanya tampil pada halaman homepage, atau widget lainnya yang tampil di halaman tertentu.

Ada trik yang sangat mudah untuk melakukannya, yaitu dengan memasang kode tertentu pada suatu widget.

Berikut kami akan bagikan beberapa cara yang bisa Anda lakukan untuk menampilkan widget blogger pada halaman yang diinginkan:

Baca juga: Dampak Negatif Auto Visitor (Jingling) dan Cara Mengatasinya


1. Menampilkan widget hanya pada Homepage (halaman depan)

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


2. Menampilkan widget pada semua halaman kecuali Homepage

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


3. Menampilkan widget hanya pada halaman posting

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


4. Menampilkan widget pada semua halaman kecuali halaman posting

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


5. Menampilkan widget hanya pada halaman staticpages

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


6. Menampilkan widget pada semua halaman, kecuali halaman Staticpages

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


7. Menampilkan widget hanya pada halaman Archive

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


8. Menampilkan widget pada semua halaman kecuali halaman Archive

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



Cara Pemasangan Kode Pada Widget

Tanda pada titik-titik di atas merupakan kode widget yang akan ditempatkan. Lebih detailnya, cara pemasangan kode di atas ialah sebagai berikut:

1. Masuk ke Elemen Template, kemudian klik “Edit HTML”.

2. Cari judul widget yang hendak Anda terapkan (tampilkan) hanya pada halaman tertentu. Misalnya, Anda ingin menampilkan widget “POSTING TERFAVORIT” hanya pada halaman Homepage. Cari judul widget “POSTING TERFAVORIT”, agar lebih mudah gunakan CTRL + F.

3. Jika sudah ketemu, maka akan muncul kode seperti di bawah ini:

<b:widget id='PopularPosts1' locked='false' title='POSTING TERFAVORIT' type='PopularPosts'>

<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='!data:showThumbnails'>
<b:if cond='!data:showSnippets'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
<div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<b:if cond='data:showSnippets'>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
</div>
<div style='clear: both;'/>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


4. Kemudian tambahkan kode:

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

Di bawah kode:

<b:includable id='main'>

5. Selanjutnya tutup kode dengan </b:if> sebelum kode berikut ini:

</b:includable>
</b:widget>


6. Maka hasilnya kode tersebut persis seperti di bawah ini:

<b:widget id='PopularPosts1' locked='false' title='POSTING TERFAVORIT' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='!data:showThumbnails'>
<b:if cond='!data:showSnippets'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
<div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<b:if cond='data:showSnippets'>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
</div>
<div style='clear: both;'/>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:if>
</b:includable>
</b:widget>



7. Klik “Simpan Template Blog”, dan selesai


Semoga posting ini bermanfaat dan selamat mencoba kawan.

Sumber:
http://bos-tutorial.blogspot.co.id/2013/06/menampilkan-widget-tertentu-di-halaman.html

Subscribe to receive free email updates: