Nah, sobat blogger pasti ingin mempercantik dan memperindah blog dengan widget-widget yang kalian sukai. Namun, apabila widget yang dipasang terlalu banyak, maka akan menimbulkan dampak yang tidak sesuai dengan blog kita, yakni akan membuat loading blog menjadi berat atau lama. Loading blog yang berat atau lama akan membuat kerugian bagi kita, karena berpotensi berkurangnya minat pengunjung untuk membaca artikel kita.
Nah, fuad-xp mempunyai tips agar widget-widget yang sobat blogger punya hanya berada di Homepage blog. Hal ini akan mengurangi dampak beratnya loading blog kita. Sobat blogger ingin tau caranya?? Berikut langkah-langkahnya.
Langkah-Langkah :
1. Login ke akun Blogger Anda.
2. Pilih menu Rancangan.
3. Klik menu Edit HTML > backup template dengan Download Template Lengkap.
4. Beri tanda centang pada Expand Template Widget.
5. Biasanya widget-widget tersebut di beri kode widget id, dan yang lebih lengkapnya cari kode berikut ini.
6. Kemudian sobat blogger tambahkan kode-kode berikut.
7. Hasilnya akan terlihat seperti ini.
8. Simpan Template dan Lihat Hasilnya.
Semoga Bermanfaat ^_^
<b:widget id='HTML5' locked='false' title='Fuad-XP' 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:includable>
</b:widget>
<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:includable>
</b:widget>
6. Kemudian sobat blogger tambahkan kode-kode berikut.
Letakkan kode <b:if cond='data:blog.homepageUrl == data:blog.url'> tepat di bawah kode <b:includable id='main'> dan letakkan kode </b:if> tepat di atas kode </b:includable> dan hasilnya akan seperti di bawah ini.
7. Hasilnya akan terlihat seperti ini.
<b:widget id='HTML5' locked='false' title='Fuad-XP' 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:if>
</b:includable>
</b:widget>
<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:if>
</b:includable>
</b:widget>
8. Simpan Template dan Lihat Hasilnya.
Semoga Bermanfaat ^_^
2 Komentar :
Mantap ni sob,co ba dulu ah :)
Sipp, semoga bermanfaat sob.. :)
Posting Komentar
Silahkan sisipkan komentar jikalau anda berkunjung atau nyasar ke blog ini. Komentar anda sangat berguna dan berharga untuk menjadikan blog ini menjadi lebih baik. Mohon gunakan kata-kata yang sopan dalam berkomentar. Komentar SPAM, SARA dan sejenisnya tidak akan ditampilkan.