Assalamualaikum, untuk tutorial blogging kali ini saya akan berbagi tentang Cara Menyembunyikan Widget di Homepage, dengan cara ini sobat dapat menyembunyikan widget yang tidak perlu ditampilkan di Home Page atau menyembunyikannya. Biasanya widget yang disembunyikan di Home Page adalah widget Recent Post, widget iklan atau widget subscribe box, tapi ya terserah yang punya blog saja.
Langsung saja praktik, ikuti langkah-langkah berikut:
Langsung saja praktik, ikuti langkah-langkah berikut:
Cara Menyembunyikan Widget di Homepage
1. Masuk Blogger >> Template >> Edit HTML
2. Cari kode widget yang akan disembunyikan di Home Page, atau agar lebih cepat sobat bisa klik pada kotak Lompat ke Widget kemudian klik pada id widget yang akan disembunyikan, maka secara otomatis sobat akan di bawa pada kode script widget tersebut. Contoh di sini saya memilih widget dengan id HTML3.
3. Kemudian letakan kode yang berwarna biru berikut di antara kode widget tersebut.
<b:if cond='data:blog.homepageUrl != data:blog.url'>
Kode Widget Yang Akan Disembunyikan
</b:if>
Kode Widget Yang Akan Disembunyikan
</b:if>
</b:includable>
</b:widget>
</b:section>
</b:widget>
</b:section>
4. Misal kode widgetnya seperti ini:
<b:widget id='HTML3' locked='false' title='Recent Post' type='HTML' version='1' visible='true'>
<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>
5. Maka kode widgetnya akan widgetnya seperti ini:
<b:widget id='HTML3' locked='false' title='Recent Post' type='HTML' version='1' visible='true'>
<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>
6. Apabila selesai simpan template.
Bagaimana mudah bukan??? Jangan lupa apabila kesulitan atau ada pertanyaan untuk berkomentar di bawah. Semoga Bermanfaat
Wassalamualaikum
Tidak ada komentar:
Posting Komentar