Bagaimana Cara Menampilkan Widget Pada Halaman Tertentu di Blog

Bagaimana Cara Menampilkan Widget Pada Halaman Tertentu di Blog 

M-S Blog || Pada kesempatan ini saya akan membagikan atau memberitahukan Bagaimana Cara Menampilkan Widget Pada Halaman Tertentu di Blog ..

Pernahkah sobat blogger melihat dalam sebuah blog , yang widget nya hanya tampil pada halaman tertentu seperti Homepage, Page, Post, Statistik , dll. Oke... disini sekarang saya akan memberitahukan bagaimana cara nya ..!

Pertama , Buat 1 Widget apa saja , dengan cara masuk ke Halaman "EDIT TATA LETAK" .. lalu klik link "TAMBAHKAN GADGET" , lalu pilih "HTML/JAVASCRIPT" .. setelah itu masukan text / code widget apa saja bebas .. dan jangan lupa masukan Judul Widget nya ! contoh judul widget untuk contoh percobaan tutorial ini adalah " M-S Blog " ..

_______________________________________
Kita mulai dari masuk ke halaman "TEMPLATE" » "Edit HTML" , lalu cari judul widget yang tadi kita buat , jika sudah ditemukan akan tampil seperti di bawah ini (perhatikan) :

<b:widget id="HTML1" locked="false" title="M-S Blog" type="HTML">
<b:includable id="main">
<!-- only display title if it's non-empty -->
<b:if cond="data:title != """>
</b:if></b:if></b:includable></b:widget><h2 class="title"><data:title></data:title></h2>
<div class="widget-content">
<data:content>
</data:content>
</div>
<b:include name="quickedit">
</b:includable>
</b:widget> 

Di atas adalah kode HTML widget sobat sebelum di tentukan pada halaman tertentu ! , sekarang kita coba untuk menampilkan widget yang kita buat hanya pada halaman pertama saja / home page , dengan cara menambahkan kode di awal dan akhir seperti dibawah ini :

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

Cara Menyisipkan kode di atas , tepat seperti dibawah ini  ( Perhatikan Baik-Baik ! ) :

<b:widget id="HTML1" locked="false" title="M-S Blog" type="HTML">
<b:includable id="main">
<b:if cond='data:blog.homepageUrl == data:blog.url'><!-- only display title if it's non-empty -->
<b:if cond="data:title != """>
</b:if></b:if></b:includable></b:widget><h2 class="title"><data:title></data:title></h2>
<div class="widget-content">
<data:content>
</data:content>
</div>
</b:if><b:include name="quickedit">
</b:includable>
</b:widget> 

Berikut kode-kode penempatan untuk menempatkan pada halaman tertentu :


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

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

2. Menampilkan widget di semua halaman kecuali homepage.

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

3. Menampilkan widget hanya di halaman Archive saja.

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

4. Menampilkan widget di semua halaman kecuali halaman archive.

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

5. Menampilkan widget hanya di halaman posting.

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

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

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

7. Menampilkan widget hanya di postingan tertentu saja.

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

8. Menampilkan widget selain di postingan tertentu.

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

9. Menampilkan widget hanya di halaman staticpages.

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

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

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

#jika ada pertanyaan mengenai Bagaimana Cara Menampilkan Widget Pada Halaman Tertentu di Blog silahkan tinggalkan komentar !