Cara Mengatur Posisi atau Tampilan Widget di Sidebar Blog

Cara Mengatur Posisi atau Tampilan Widget di Sidebar Blogger. Widget di Home dan di Halaman Dalam Beda.

KITA tinggal pasang kode untuk mengatur tampilan widget di sidebar blog. Misal, widget Latest Posts (Posting Terbaru) hanya tampil di halaman dalam (single post), di halaman depan (home) tidak muncul.

Memang harusnya demikian. Recent Posts tidak usah muncul di halaman depan, harus di halaman dalam saja, karena recent post 'kan sudah ada di "main area". Ini cara mengaturnya.

KODE POSISI SIDEBAR WIDGET

1. Widget Hanya untuk homepage / halaman depan (HOME) saja

<b:if cond='data:blog.url == data:blog.homepageUrl'>
(setelah <b:includable id='main'>)

</b:if> sebelum kode penutup Sidebar Widget.
(sebelum </b:includable>)

2. Untuk halaman dalam/halaman posting (DALAM) saja:

<b:if cond='data:blog.pageType == "item"'>

</b:if> sebelum kode penutup Sidebar Widget.

Cara di atas berlaku untuk semua widget. Kita bisa memasang widget di sidebar blog halaman dalam lebih banyak ketimbang di halaman depan. Sayang 'kan jika banyak ruang kosong di sidebar halaman posting?

Berikut ini rincian dan penjelasan Cara Mengatur Tampilan Sidebar Widget (Gadget) Blog Blogspot.

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>

5. SAVE! Good Luck!

Catatan:
1. Perhatikan kode HTML?
2. Nanti yang muncul di ? adalah angka sesuai dengan yang diberikan blogger.


Tapi kebanyakan widget juga tidak bagus buat blog, soalnya itu mempengaruhi loading blog.
Makin banyak widget, makin berat tuh loading blognya. Sebaliknya Makin sedikit widget, makin ringan Loadingnya.



Sumber: http://www.contohblog.com/2013/10/cara-mengatur-tampilan-sidebar-widget.html

Category: Tutorial Blog