Trik Blogger Cara Membuat Widget Hanya Tampil Di Halaman Depan Blog

Cara Membuat Mengganti Memasang Mempercantik Pada Di Blog Blogger Blogspot Tutorial Trik Tips SEO Template Terbaru.
Trik Blogger dalam Postingan Artikel kali ini akan dituliskan mengenai: Cara Membuat Widget Hanya Tampil Di Halaman Depan Blog. Maksud dari Judul tersebut adalah Membuat Widget Hanya akan terlihat pada home page blog, Widget yang diatur cuma muncul di halaman depan blog (home page) secara otomatis akan menghilang pada saat membuka halaman lainnya seperti membuka halaman label, halaman postingan, dan lain-lain. Berikut Tutorial untuk Membuat Widget Hanya Tampil Di Home Page Blog:




1. Loggin - Rancangan - Edit HTML

2. Centang "expand Template Widget"

3. Cari Kode "Widget id" atau nama Widget
  • Contohnya yang akan di tampilkan hanya di home page adalah widget "arsip blog", tekan f3 untuk mempermudah pencarian, masukkan nama widget "arsip blog" maka yang akan muncul kode seperti di bawah ini:
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>

4. Kemudian tambahkan kode <b:if cond='data:blog.homepageUrl == data:blog.url'> di bawah kode <b:includable id='main'> dan kode </b:if> di atas kode </b:includable> sehingga hasilnya akan menjadi seperti di bawah ini:

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:if>
</b:includable>


5. Simpan Template - Selesai

6. Apabila ada yang kurang di mengerti silahkan tulis di komentar

11 komentar

keren bro tipsnya, :D

Reply

Keren Gan...
Terimakasi Infonya

Reply

klo yg begini dimana meletakan kode tolong bantuannya gan

Reply

wah mantap nich, salam kenal dari ane ya gan :)

Reply

terima kasih, sudah saya coba

Reply

Thank's bro tips nya sudah, saya coba di blog saya

Reply

thanks mas ud share, sukses dipraktekkan :)

Reply

Artikel membuat widgetnya keren gan! visit back ya.

Reply

tak disangka yang dicari ada di sini, terima kasih banyak atas infonya!
Ditunggu kunjungan baliknya.

Reply

waduh kok baru lihat kode2nya bikin pusing nih. hahaa

Reply

mantap ne, berhasil sob, thanks,
kunjungi balik ya dan follow, nantik follow back.

Reply

Posting Komentar