Mengatur Tampilan Widget Blog

Mengatur tampilan widget disini ada 3 macam yaitu :
1. Tampil dihalaman depan saja
2. Tampil di semua posting tapi tidak di halaman depan
3. Tampil hanya pada posting tertentu

Berikut langkah-langkahnya :

1. Masuk ke blogger

2. Pilih widget yang sudah ada atau buat widget baru (terserah anda dan beri nama widget tersebut agar nanti bisa mudah pencarian kodenya)

3. Masuk ke "Edit HTML" klik/tandai "Expand Template Widget"

4. Kemudian cari kode widget tersebut  (pake CTRL+F biar cepet) unutuk kode widget biasanya seperti dibawah ini

<b:widget id='HTML3' locked='false' title='JUDUL WIDGET' type='HTML'> <b:includable id='main'>
<!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget>

Nah, untuk mengatur tampilannya kodenya seperti berikut :
a) Untuk menampilkannya di halaman depan perhatikan kode dibawah ini :

<b:widget id='HTML3' locked='false' title='JDUL WIDGET' 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 != &quot;&quot;'> <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) Untuk menampilkannya pada seluruh postingan tapi tidak di halaman depan lihat kode ini:

<b:widget id='HTML3' locked='false' title='JUDUL WIDGET' 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 != &quot;&quot;'> <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>

c) Uuntuk menampilkannya hanya pada postingan tertentu kodenya seperti ini :

<b:widget id='HTML3' locked='false' title='JUDUL WIDGET' type='HTML'> <b:includable id='main'>
<b:if cond='data:blog.url == "Alamat_URL_postingan_yang_hanya_ada_widget_ini"'>
<!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <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>

Selamat mencoba.....!!!!!!!!

NB : kode yang berwarna kuning adalah modifikasi kode tersebut dan yang berwarna biru isi dengan url postingan anda

• Tweet
• Share

Artikel Terkait