Hai sobat blogger!!! Pada postingan sebelumnya aku memposting tentang bagaimana cara meningkatkan pengunjung blog, kali ini, walaupun sedikit berbeda, ada tips yang tidak kala menariknya bro!!!
Tutorial
blogspot kali ini saya yakin sangat membantu teman blogger dalam
menghias tampilan blog kesayangannya. Adalah teknik menampilkan widget
hanya di postingan atau homepage PLus tanpa ribet. Tanpa ribet?
maksudnya??
Kita liat perbandingannya..
yang ribet:
A. Widget hanya tampil di homepage
Ini dia cara yang biasa di gunakan.
1. Log in ke blogger
2. Masuk ke Rancangan
3. Edit HTML - Centang kotak Expand Template Widget
4. Setelah itu cari nama widget yang sobat pasang, seperti kode dibawah ini
<b:widget id='HTML1' locked='false' title='tutorial blogspot' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- 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. Widget hanya tampil di postingan
1. Log in ke blogger
2. Masuk ke Rancangan
3. Edit HTML - Centang kotak Expand Template Widget
4. Selanjutnya cari nama widget yang ingin disembunyikan,
<b:widget id='HTML1' locked='false' title='tutorial blogspot' 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>
Ket :
Kode yang berwarna merah yang harus di tambahkan
Sebenarnya sih tidak salah, bahkan sayapun menggunakannya. tapi sebelum saya mengetahuinya.
Kali ini caranya cukup simpel,
bahkan newbie pun bisa langsung bisa membuatnya. Dari pada ane banyak
bacot, mendingan kita langsung saja ke TKP.
A. Widget hanya tampil di homepage
1. Log in dulu ke Blogger
2. Masuk ke rancangan
3. EDIT HTML - Jangan centang kotak expand template widget
4. Cari kode ]]></b:skin>
5. Copas kode berikut di bawahnya
<style type='text/css'>
<b:if cond='data:blog.pageType == "item"'>
#kode widget{display:none}
</b:if>
</style>
Untuk menampilkan widget hanya di postingan, kita cukup mengganti kode yang berwarna biru
dengan kode !=
sehingga menjadi seperti ini:
<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'>
#kode widget{display:none}
</b:if>
</style>
Ket:
kode widget biasanya terdapat di antara tag <body> hingga penutupnya </body>
kodenya yang umum seperti ini:
<b:widget id='HTML5' locked='false' title='Ide bagus on facebook' type='HTML'/>
HTML5 adalah kode widgetnya.
yang berwarna biru adalah kode widgetnya.
Sekian dulu postingan saya bro.. semoga membantu sobat - sobat blogger sekalin dalam menghias blog
HAPPY BLOGGING
Posting Komentar - Back to Content
Luangkanlah Sedikit Waktu Sobat Untuk Memperindah Blog Ini Dengan Berkomentar,, (^_^)
PERINGATAN,,!!!
Bagi Sobat Yang ingin berkomentar, mohon sesuaikan dengan tema pada postingan, dan saya mohon untuk tidak mencantumkan link (URL) pada komentar karena akan saya anggap spam dan mohon maaf apabila saya hapus komentar Sobat,,!!!