Fungsi membuat widget hanya tampil di home page adalah agar loading blog tidak terlalu berat saat kita atau visitor membuka halaman posting. Misalnya yang saya terapkan di blog ini. Widget Feedjit, Followers, About Me, dll hanya tampil di halaman utama. Karena kita atau pengunjung tidak memerlukan informasi tersebut berkali - kali.
Untuk membuatnya, berikut langkah - langkah membuat widget hanya tampil di home page.- Login ke akun Blogger Anda.
- Klik Rancangan > Edit HTML.
- Klik Download Template Lengkap untuk mem-backup template.
- Beri tanda centang pada Expand Template Widget.
- Cari kode "widget id" anda yang ingin hanya ditampilkan di halaman utama saja. Gunakan tombol Ctrl + F atau tekan F3 saja untuk memudahkan pencarian, ketik Feedjit atau yang lainnya. Misalkan Feedjit. Di bawah ini adalah susunan kode widget id Feedjit.
<b:widget id='HTML7' locked='false' title='Feedjit' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Nah untuk membuatnya tersembunyi di halaman lain atau hanya tampil di halaman utama, 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 terlihat seperti di bawah ini.
<b:widget id='HTML7' locked='false' title='Feedjit' 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 != ""'>
<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>
Sekali lagi, tulisan berwarna merah di atas yang harus di sisipkan ke dalam widget id yang hanya ingin ditampilkan di home page. Semua widget id hampir sama kodenya dengan yang di atas. Beda di judul doang. Untuk membuat langkah - langkah di atas, sebaiknya widget yang akan kita edit harus diberi judul untuk memudahkan pencarian saat edit HTML.
Semoga bermanfaat.
0 komentar:
Posting Komentar