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.

3 Paparan Widget Blog Pada 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

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...

7 Komentar untuk "3 Paparan Widget Blog Pada Halaman Tertentu"

nice tutorial . dh lama cari ni . nk brtanya tapi malu . THANKS THANKS BANYAK BNYAK ! Blog bakull ni memang memberi impak sangat mendalam kepada saya . apa yang dicari setakat ini, ade diblog ini . THNIAH atas penulisan anda dan pemahaman anda . Semua readers harus bookmark blog ni . kalau boleh buat homepage .

This comment has been removed by the author. - Hapus

Ooooo... ok, saya tak boleh guna tutorial ni sebab saya guna wordpress hehehehe

widget antara widget? maksudnyaaa... kurang jelas laa

This comment has been removed by the author. - Hapus

maksud hajar tu mungkin nak reduce gap between widget kot, antara widget atas dan bawah, kasi rapat kot.

This comment has been removed by the author. - Hapus

Terima kasih untuk komen yang berharga anda, datang lagi.

 
Copyright © 2014 Bakul2011.com - All Rights Reserved
Template By. Catatan Info