menampilkan widget hanya di halaman depan

Blogging With Me ---- Kali ini akan membahas mengenai Widget. widget sangat berarti penting sebagai penghias maupun untuk memperindah Blog. tetapi terlalu banyaknya widget yang dipasang di Blog juga tidak baik bagi kesehatan Blog anda. hal-hal yang mungkin terjadi jika kelebihan widget : Blog menjadi berat dan membuat pengunjung kabur karena menunggu loading yang lama.
nah, untuk mengatasi widget yang berlebihan ini ada trik jitu untuk mengakalinya tanpa menghapusnya. yaitu dengan Cara Membuat Widget Hanya Tampil di Homepage. sebagai contohnya adalah, Buku Tamu di Blog ini dan widget Link Blogger .
jika berminat membuatnya silahkan ikuti Tutorial berikut :

Tips sebelum bekerja :
Gunakan CTRL + F atau F3 untuk mempermudah pencarian kode HTML.

• Langkah pertama Login ke Blogger.
• Persiapkan Widget yang hanya ingin tampilkan di Homepage ( Target Utama )
• Pilih Rancangan - Edit Html - centang " Expand Widget Template"
• Cari Nama / Judul Widget anda, contohnya : Buku Tamu , Link Blogger dll. yang ingin anda tampilkan di Homepage.
• Jika sudah dicari maka akan ketemu kode seperti ini :

<b:widget id='HTML1' locked='false' title='Link Blogger' 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>
</b:widget>

• Masukkan kode berikut dibawah kode <b:includable id='main'>

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

• Dan letakkan kode berikut dibawah kode <b:include name='quickedit'/>

</b:if>

Sehingga struktur kodenya akan menjadi seperti ini :

<b:widget id='HTML1' locked='false' title='Link Blogger' 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 != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>

  <b:include name='quickedit'/>
</b:if>

</b:includable>

</b:widget>

• Coba perhatikan kode yang berwarna merah, begitulah peletakkan kodenya.
• Lalu Save Template.

Artikel yang Anda Cari: