Menampilkan Widget Hanya di Halaman Utama atau Hanya di Halaman Postingan

Kadang untuk memaksimalkan tampilan blog, penempatan widget yang pas, sangat berpengaruh. Tidak semua widget harus muncul di halaman utama.Karena selain halaman yang terbatas, memunculkan semua widget di satu halaman yang sama tentu bisa membuat blog jadi berat/lelet. Jadi sebaiknya penempatan widget di atur sesuai dengan kebutuhannya. Ada yang ditampilkan di halaman utama saja,tapi tidak muncul dihalaman selanjutnya. Begitu juga sebaliknya.
Tips ini sebenarnya banyak di share oleh para pakar blogging, tinggal ketik “Tips Menampilkan Widget Di Halaman Utama” pada kolom penelusuran milik mbah gugel, otomatis bermunculan blog atau website yang menulis artikel tersebut. Ssstt, sebenarnya aku juga dapet ini dari blog Ali’s Blogger , teman sesama blogger maniac. (tapi tenang aja, udah izin koq J)
Yuk langsung ke TKP ..!
  • Login
  • Rancangan /Tata Letak
  • Edit HTML
  • centang Expand Template Widget
  • Seperti biasa, jangan lupa klik Download Template Lengkap, buat jaga-jaga kalau terjadi kesalahan.
  • Cari kode widget yang akan ditampilkan, gunakan ctrl + F pada keyboard untuk memudahkan pencarian. Kalau widget yang ingin ditampilkan ada judulnya, maka sobat tinggal ketik Judul Widget di kolom pencarian. Biasanya kodenya seperti berikut :
</b:includable>
</b:widget>
<b:widget id='HTML8' locked='false' title='JUDUL WIDGET' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>

Kalau sudah ketemu, sobat hanya menambahkan sedikit kode yang diletakkan di bawah  kode <b:includable id='main'>
Dan menambah tag penutup </:if> sebelum kode </b:includable>
Lebih rinci perhatikan susunan kode script nya :



Menampilkan Widget Hanya Pada Halaman Utama,
kodenya seperti ini :
</b:includable>
</b:widget>
<b:widget id='HTML8' locked='false' title='JUDUL WIDGET' 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;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  </b:if>
</b:includable>


Menampilkan Widget Hanya Pada Postingan,
kodenya seperti ini 
</b:includable>
</b:widget>
<b:widget id='HTML8' locked='false' title='JUDUL WIDGET' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- Hide widget at HOME Page -->
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  </b:if>
</b:includable>

Simpan template.

Selesai. Buat sobat yang masih bingung, silahkan tanyakan di kolom komentar atau klik link sumber di bawah ini. Mudah-mudahan bermanfaat.


Sumber Inspirasi
Cara Memasang Widget Hanya Di Halaman Awal/Depan | Ali’s Blogger

No comments:

Post a Comment

Terima kasih sudah berkunjung, komentar dan saran anda sangat saya hargai demi perkembangan blog ini.