3 Paparan Widget Blog Pada Halaman Tertentu

Assalamualaikum dan salam 1Malaysia...

Okep! Entri kali ini, aku nak kongsikan lebih kurang tutorial la juga bagaimana untuk memaparkan widget blog di halaman tertentu.

Masih tak faham? cuba lihat senarai widget di sidebar blog ini. Ada antara widget disebelah kanan ini hanya akan muncul di halaman entri sahaja, dan ada yang terpapar di hompage dan entri.

Dengan teknik, aku dapat meringan loading blog di halaman utama (homepage) blog Bakul2011 ini. Ada yang berminat dengan teknik ini? Meh copy dan paste script yang aku berikan di bawah ini.

3 Paparan Widget Blog Pada Halaman Tertentu

Langkah pertama, masuk ke ruangan edit template anda. Kemudian cari nama widget yang anda hendak paparkan di halaman tertentu.

Kemudian ...copy dan paste-kan script "berwarna merah" tersebut seperti dalam gambar di atas.

• Paparan di bahagian Homepage sahaja

<b:widget id='HTML2' locked='false' title='KOMEN TERKINI' 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;'>
<h3 class='title'><data:title/></h3>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
</b:includable>

• Paparan di bahagian Entri sahaja

 <b:widget id='HTML2' locked='false' title='KOMEN TERKINI' type='HTML'>
                <b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h3 class='title'><data:title/></h3>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:if>
</b:includable>

• Paparan di halaman tertentu sahaja

<b:widget id='HTML2' locked='false' title='KOMEN TERKINI' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL halaman anda"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h3 class='title'><data:title/></h3>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
</b:includable

Dengan menambahkan script tersebut, widget sidebar anda akan terpapar di bahagian yang anda tetapkan sahaja. Secara tidak langsung, ianya akan kelihatan lebih kemas dan menarik. Sekian...