Menampilkan Widget Blogger Pada Halaman Tertentu

Menampilkan widget pada halaman tertentu

Kode skrip kali ini sangat berguna bagi sobat blogger yang menginginkan widget-nya agar tampil pada halaman tertentu saja.
Misalnya..
"Widget Blog Archives pada blog sobat ingin ditampilkan hanya pada homepage saja atau hanya ditampilkan pada halaman posting saja.. atau pada halaman lainnya.."



Untuk mempraktekkannya, Kali ini kita akan mencoba untuk menampilkan widget Blog Archives agar tampil hanya pada homepage saja.
Maka kode yang akan kita gunakan adalah seperti berikut:

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

/////////--KODE WIDGET--/////////

</b:if>

Mari kita mulai..
Seperti biasa kita utak-atik skripnya melalui Edit HTML
Jangan lupa.. Copy dulu templatenya.
Selanjutnya, untuk mempercepat dalam menemukan widget yang akan di edit.
Kita akan memanfaatkan menu 'Lompat ke widget'.
Sehingga kita dengan mudah dan cepat menemukan widget yang akan kita modif nantinya.
Dan langkah-langkahnya akan tampak seperti di bawah ini:

Lalu klik 'BlogArchives1' pada menu dropdown-nya.

Seperti gambar diatas, selanjutnya klik juga pada icon arrow tepat pada deretan kode
<b:includable id='main'>--</b:includable>

Dan selanjutnya letakkan kode yang diinginkan setelah
<b:includable id='main'>
Letakkan juga tag penutupnya sebelum
</b:includable>
Seperti gambar dibawah:

Bila kita mengeditnya dengan menggunakan notepad akan tampak seperti ini:

1. <b:includable id='main'> <b:if cond='data:blog.url == data:blog.homepageUrl'>
2. <b:if cond='data:title'>
3. <h2><data:title/></h2>
4. </b:if>
5. <div class='widget-content'>
6. <div id='ArchiveList'>
7. <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
8. <b:if cond='data:style == &quot;HIERARCHY&quot;'>
9. <b:include data='data' name='interval'/>
10. </b:if>
11. <b:if cond='data:style == &quot;FLAT&quot;'>
12. <b:include data='data' name='flat'/>
13. </b:if>
14. <b:if cond='data:style == &quot;MENU&quot;'>
15. <b:include data='data' name='menu'/>
16. </b:if>
17. </div>
18. </div>
19. <b:include name='quickedit'/>
20. </div> </b:if>
21. </b:includable>

Lalu simpan template dan lihat hasilnya..
Untuk menampilkan widget tertentu pada halaman tertentu lainnya sobat blogger bisa menggunakan beberapa kode dibawah ini sesuai keinginan..
Mudah bukan?
Selamat mencoba..

Menampilkan widget hanya di homepage saja
<b:if cond='data:blog.url == data:blog.homepageUrl'>
/////////--KODE WIDGET--/////////
</b:if>

  Menampilkan widget di semua halaman kecuali homepage.
<b:if cond='data:blog.url != data:blog.homepageUrl'>
/////////--KODE WIDGET--/////////
</b:if>


  Menampilkan widget hanya di halaman Archive saja.
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
/////////--KODE WIDGET--/////////
</b:if>

  Menampilkan widget di semua halaman kecuali halaman archive.
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
/////////--KODE WIDGET--/////////
</b:if>


 Menampilkan widget hanya di postingan tertentu saja.
<b:if cond='data:blog.pageType == &quot;URL-postingan&quot;'>
/////////--KODE WIDGET--/////////
</b:if>

 Menampilkan widget selain di postingan tertentu.
<b:if cond='data:blog.pageType != &quot;URL-postingan&quot;'>
/////////--KODE WIDGET--/////////
</b:if>


 Menampilkan widget hanya di halaman posting saja.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
/////////--KODE WIDGET--/////////
</b:if>

 Menampilkan widget di semua halaman kecuali halaman posting.
<b:if cond='data:blog.pageType != &quot;item&quot;'>
/////////--KODE WIDGET--/////////
</b:if>


  Menampilkan widget hanya di halaman statis.
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
/////////--KODE WIDGET--/////////
</b:if>

  Menampilkan widget di semua halaman, kecuali halaman statis.
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
/////////--KODE WIDGET--/////////
</b:if>

Semoga bermanfaat..
Happy Blogging!

Sumber: M.Romli

Tweet

Ahmad Sukanta

Blogger yang senang mempelajari hal-hal baru seputar Blog, SEO dan Bisnis Online.

Subscribe to receive free email updates: