Mengatur Tampilan Widget
by Sapto Mexavriand kategori : blog
Setelah sekian lama melakukan 'ritual' blogwalking, alias jalan jalan ke blog teman teman, terkadang saya menjumpai blog yang dipenuhi dengan widget. Bagi saya pribadi, kenyamanan berkunjung adalah hal yang utama (konten nomer dua, yang penting saling mendapat manfaat dan sekaligus bersilaturahmi sesama blogger...hhehe). Entah karena akses internet saya yang lambretta alias lamban, jam tarffic yang sedang ramai -terutama malam hari-, atau blog tersebut yang banyak kode/javascriptnya.Untuk itu saya ingin membagi tips agar blog kita nyaman /cepat di akses oleh pengunjung. antara lain dengan mengatur widget.
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. 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
<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 != ""'> <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 != ""'> <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: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>
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 != ""'> <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 != ""'> <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.....!!!!!!!!
Share
Baca Artikel Terkait Lainnya:
blog
- Mengapa Anda Blogging?
- 4 Bloger Yang Layak Dijadikan Teman
- 7 Kenyataan Tentang Komentar Blog
- Membuat Widget YM Melayang
- Cara Membuat Menu Accordion Dengan CSS 3
- Cara Memasang/Menampilkan Emotion kaskus
- Mempromosikan Blog/website
- Mengganti Background Dengan Gradient Image
- Cara Pasang Meta Tag
- Widget Blog : SMS gratis
- Cara Membuat & Mengganti Favicon Blog
- Membuat Daftar Isi Yang Menampilkan Kategori Dan Judul Postingnya
- Membuat Recent Posts Menggunakan Feed URL dengan Kategori, Indeks dan Gambar Thumbnail
- Pasang Widget Translator di Blog
- Cara Mengganti Icon URL Blog
- Cara Memasang Banner di blog/web
- 10 Widgets Facebook dan Tools untuk Website dan Blog
- Cara Membuat Animasi Cursor Mouse di Blogger
- Cara Mengganti Background di Blogger
- Membuat Efek hujan Salju di Blog
- Cara Memasang Kalender di blogger
- Cara Mengganti Domain Blogspot ke CO.CC
- Gambar Header Blog Keren
- Mengganti tanggal pada post dengan icon calender
7 komentar
-
Advert
9 Jan 2011, 23.14.00Makasih infonya,.. tapi sebelum itu ada contoh nya yg sudah kayak gitu gak bro??
-
admin
9 Jan 2011, 23.25.00@martos: thanks komen nya
@Advert: sudah saya praktekkan di blog ini...Di Homepage terdapat widget accordion + widget" di footer,dan di halaman artikel aku disable.
-
Pranatha Widya
12 Jan 2011, 09.42.00wah,tak follow ya blognya.bagus2 postingannya
kalo bersedia, follow juga blog saya :D
kopinyapanas.blogspot.com
-
Abs' Reaper's Dj
26 Des 2011, 00.24.00cara milih template ginian gmna?
template gw cuma standar dari blog QQ
Kalo Template Di HTML udah coba tapi gagal truss

:: Categories ::
Blogumulus by Roy Tanck and Amanda Fazani
:: Widgets ::
:: TopTen Post ::
:: Followers ::
:: Top Commentators ::
Budayakan berkomentar, Saya untung, Anda pun dapat backlink.
9 Jan 2011, 22.10.00
thank you for sharing