Menampilkan Widget Pada Halaman Tertentu
Blog kamu penuh dengan widget, bagaimana mengaturnya agar terlihat rapi? Ini salah satu jawabannya, Menampilkan Widget Pada Halaman Tertentu. Kita bisa memilih menampilkan pada halaman awal (homepage) saja atau menampilkan widget pada halaman posting saja.
Cara Menampilkan Widget Pada Halaman Tertentu
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget.
Cara menampilkan widget pada halaman awal (homepage) saja.
Sisipkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> di bawah kode <b:includable id='main'>
Dan kode penutup </b:if> di bawah kode <b:include name='quickedit'/>
Contoh:
Widget yang berupa HTML dengan id HTML4 yang judulnya TULISAN TERPOPULER akan hanya tampil di halaman awal (homepage) dan tidak tampil di halaman postingan.
Cara menampilkan widget pada halaman postingan saja
Sisipkan kode <b:if cond='data:blog.pageType == "item"'> di bawah kode <b:includable id='main'>
Dan kode penutup </b:if> di bawah kode <b:include name='quickedit'/>
Contoh:
Widget yang berupa HTML dengan id HTML7 yang judulnya TULISAN TERBARU akan hanya tampil di halaman postingan saja dan tidak tampil di halaman awal.
Cara Menampilkan Widget Pada Halaman Tertentu
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget.
Cara menampilkan widget pada halaman awal (homepage) saja.
Sisipkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> di bawah kode <b:includable id='main'>
Dan kode penutup </b:if> di bawah kode <b:include name='quickedit'/>
Contoh:
<b:widget id='HTML4' locked='false' title='TULISAN TERPOPULER' 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: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>
Widget yang berupa HTML dengan id HTML4 yang judulnya TULISAN TERPOPULER akan hanya tampil di halaman awal (homepage) dan tidak tampil di halaman postingan.
Cara menampilkan widget pada halaman postingan saja
Sisipkan kode <b:if cond='data:blog.pageType == "item"'> di bawah kode <b:includable id='main'>
Dan kode penutup </b:if> di bawah kode <b:include name='quickedit'/>
Contoh:
<b:widget id='HTML7' locked='false' title='TULISAN TERBARU' 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>
Widget yang berupa HTML dengan id HTML7 yang judulnya TULISAN TERBARU akan hanya tampil di halaman postingan saja dan tidak tampil di halaman awal.
kok saya gagal mlulu gan?
BalasHapusmangstab kk tutorialnya,
BalasHapuskunjungi dan follow ya
pabriktrick.co.cc
wuihh canggih gannn tutornya
BalasHapuskunjungi dan follow yaa
http://deskvactory.blogspot.com/
terimakasih sudah berbagi
BalasHapussemoga sukses selalu..
baru belajar bang...
BalasHapusbagus tutorilanya...
BalasHapusterimakasih sudah berbagi
semoga sukses selalu..
thanks Juragan
BalasHapusweh mantaps tutornya....
BalasHapusQ suka dengan pemilihan kata yg tepat dan enak lok dibaca....
gimana caranya bikin blog yg kyak gini guys?? mohon bantuan nya...
jngan lupa ya kunjungi juga my blog :
Http://kanaksuwela.blogspot.com
sippp........
BalasHapuskunjungi agen download video kisah nyata
http://www.assholach.co.cc
@Psychomputer:salah karena tutorial diatas ada yang salah peletakan kodenya,
BalasHapusperhatikan kode berikut baik untuk tampil dipostingan maupun homepage saja, yaitu :
kode sebelumnya...
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
kode diatas salah, tidak berfungsi, seharusnya .....
<data:content/>
</div>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
jadi kode </b:if> di atas <b:include name='quickedit'/>bukan dibawahnya..
semoga membantu..
hanya sekedar koreksi..
di blog ku error sob..
BalasHapuskalau mau widhetnya 2 bukan 1 gmana ??? www.ravictory.co.cc DOFOLLOW
BalasHapusnih! dia yang ku cari-cari...
BalasHapusmakasih boss...top
BalasHapusThanks
BalasHapus