Mengatur Tampilan Widget

info-gamepc.blogspot.com - Selamat pagi Bloger semua, kali ini saya akan berbagi tip cara mengatur widget. Adakala widget kita yang ada diblog ingin kita tampilkan mungkin di halaman depan saja, muncul hanya di postingan saja maupun hanya tampil selain halaman depan blog.

Berikut kode-kode yang bisa Anda terapkan.

1. Tampilan widget hanya di halaman depan saja (homepage.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>

2. Tampilan widget di semua halaman kecuali homepage.

<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>

3. Tampilan widget hanya di halaman Archive saja.

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................................................
</b:if>

4. Tampilan widget di semua halaman kecuali halaman archive.

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
......................................................
</b:if>

5. Tampilan widget hanya di halaman posting.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
......................................................
</b:if>

6. Tampilan widget di semua halaman, kecuali halaman posting.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
......................................................
</b:if>

7. Tampilan widget hanya di postingan tertentu saja.

<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>

......................................................
</b:if>

8. Tampilan widget selain di postingan tertentu.

<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
......................................................
</b:if>

9. Tampilan widget hanya di halaman staticpages.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
......................................................
</b:if>

10. Tampilan widget di semua halaman, kecuali halaman staticpages.

&lt;b:if cond=&#039;data:blog.pageType != &amp;quot;static_page&amp;quot;&#039;&gt;
......................................................
&lt;/b:if&gt;

Terus gimana Om cara penerapannya? Ok, saya ajari cara memasangnya di template anda, perhatikan baik-baik ya.

1. Masuk ke Blogger.
2. Pilih template lalu tekan EDIT HTML.

3. Kita praktekkan widget sidebar sebelah kanan, kalau di templateku adalah diawali dengan <div id='sidebar-wrapper'>, Saya akan mempraktekkan tampilan widget di semua halaman kecuali homepage, Lihat kode dibawah ini.

<b:widget id='HTML20' locked='false' title='' type='HTML'>
<b:includable id='main'>
<div class='catbox1-even'>
<h3><strong><span style='color:#1611f2; padding-left:5px;font-family: Arial; font-size: 14px;'>Berita </span>
<span style='color:red; font-family: Arial; font-size: 14px;'>Pilihan</span>
</strong><span style='color:#640448; float:right;font-family: Arial; font:bold;font-size: 12px;'>
<a href='/search/label/Tutorial?max-results=10'><b>index </b>&#187;&#187;</a></span></h3>
<data:content/>
</div>
</b:includable>
</b:widget>

4. Tambahkan Kode <b:if cond='data:blog.url != data:blog.homepageUrl'> dibawah kode <b:includable id='main'> dan ditutup dengan kode </b:if> diatas kode </b:includable>, Bingung ya? Ok deh, berikut tampilan semua kodenya.

<b:widget id='HTML20' locked='false' title='' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.url != data:blog.homepageUrl'>

<div class='catbox1-even'>
<h3><strong><span style='color:#1611f2; padding-left:5px;font-family: Arial; font-size: 14px;'>Berita </span><span style='color:red; font-family: Arial; font-size: 14px;'>Pilihan</span></strong><span style='color:#640448; float:right;font-family: Arial; font:bold;font-size: 12px;'><a href='/search/label/Tutorial?max-results=10'><b>index </b>&#187;&#187;</a></span></h3>
<data:content/>
</div>

</b:if>

</b:includable>
</b:widget>

5. Lihat Tulisan yang diblok kuning diatas

<b:if cond='data:blog.url != data:blog.homepageUrl'>

dan

</b:if>

, kode tersebut mengapit kode Berita Pilihan di blogku.

Gimana masih bingung juga, kalau masih bingung, hentikan dulu, minum kopi sambil merokok setelah itu baca dari awal sampai akhir sekaligus praktekkan lagi.