Cara Mengatur Tampilan Sidebar Widget Blog Blogspot
Cara Mengatur Tampilan Sidebar Widget (Gadget) Blog Blogspot semoga tampil hanya di halaman depan blog atau hanya di halaman single posting saja.
Kunci dalam Cara Mengatur Tampilan Sidebar Widget (Gadget) Blog Blogspot ialah persoalan penambahan kode:
Kunci dalam Cara Mengatur Tampilan Sidebar Widget (Gadget) Blog Blogspot ialah persoalan penambahan kode:
- Kode <b:if cond='data:blog.url == data:blog.homepageUrl'> hanya untuk menampilkan sidebar widget halaman depan (homepage) saja dengan menambahkan isyarat </b:if> sebelum isyarat epilog sidebar widget.
- Kode <b:if cond='data:blog.pageType == "item"'> hanya untuk menampilkan sidebar widget blog di halaman posting saja dengan menambahkan isyarat </b:if> sebelum isyarat epilog sidebar widget.
1. Buat dulu sidebar widget (Gadget) dan kasih nama, contohnya IKLAN
2. Cari nama Gadget IKLAN tadi di "Template" --> "Edit HTML" dan akan ditemukan isyarat menyerupai berikut ini:
b:widget id='HTML?' locked='false' title='IKLAN' 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>
3. Agar Gadget IKLAN hanya muncul di halaman depan saja/tidak muncul di halaman posting, maka tambahkan isyarat yang berwarna merah.
<b:widget id='HTML?' locked='false' title='IKLAN' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'> <!-- 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>
4. Agar Gadget IKLAN hanya muncul di halaman halaman posting saja, maka tambahkan isyarat yang berwarna merah.
<b:widget id='HTML?' locked='false' title='IKLAN ' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- 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>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- 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>
5. SAVE! Good Luck!
Catatan:
1. Perhatikan isyarat HTML?
2. Nanti yang muncul di ? ialah angka sesuai dengan yang diberikan blogger.
0 Response to "Cara Mengatur Tampilan Sidebar Widget Blog Blogspot"
Post a Comment