Cara Mengatur Tampilan Sidebar Widget Blog Blogspot
October 12, 2013
Cara Mengatur Tampilan Sidebar Widget (Gadget) Blog Blogspot agar tampil hanya di halaman depan blog atau hanya di halaman single posting saja.
Kunci dalam Cara Mengatur Tampilan Sidebar Widget (Gadget) Blog Blogspot adalah masalah penambahan kode:
Kunci dalam Cara Mengatur Tampilan Sidebar Widget (Gadget) Blog Blogspot adalah masalah penambahan kode:
- Kode <b:if cond='data:blog.url == data:blog.homepageUrl'> hanya untuk menampilkan sidebar widget halaman depan (homepage) saja dengan menambahkan kode </b:if> sebelum kode penutup sidebar widget.
- Kode <b:if cond='data:blog.pageType == "item"'> hanya untuk menampilkan sidebar widget blog di halaman posting saja dengan menambahkan kode </b:if> sebelum kode penutup sidebar widget.
1. Buat dulu sidebar widget (Gadget) dan kasih nama, misalnya IKLAN
2. Cari nama Gadget IKLAN tadi di "Template" --> "Edit HTML" dan akan ditemukan kode seperti 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 kode 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 kode 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 kode HTML?
2. Nanti yang muncul di ? adalah angka sesuai dengan yang diberikan blogger.
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
OK...makasih
ReplyDeleteOK...terimakasih banyak.
ReplyDeleteCara mengantur tampilan sidebar widget ini yang saya cari...dah saya praktekan dan berhasil. Terima kasih atas sharenya ya...
ReplyDeleteSiiippp.... cuma itu teks single posnya sebaiknya rata kiri masbro... biar lebih rileks kesannya.... :)
Deleteok terima kasih
ReplyDeletehttp://cecepdotcom.blogspot.com/
gan, kalau spy muncul terus "di halaman depan dan juga di halaman posting" caranya gmn?
ReplyDeletematur nuwun
ya gak usah diapa-apain, pasang aja, otomatis muncul di depan dan di dalam...
DeleteGan maaf mau bertanya :
ReplyDeletekalo misalkan menu sidebar ingin tampil di semua halaman blog gmana gan ??
coz.nya template ane gak menampilkan sidebar ketika buat laman baru..
terimakasih gan..
copot tag kondisionalnya
Deletemaaf gan tag kondisional yg mana yah ?
Deleteboleh di kasih contoh gan..
makasih ya..
min saya pernah download template. tapi sidebarnya lebar dan tingginya tidak sesuai yang diharapkan.bagaimana cara mengatur tinggi dan lebarnya? tolong bantuannya.
ReplyDelete