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
4 comments
Write commentsi like thanks gan
ReplyCocok banget nih diterapkan bagi blogger2 yang widget nya bejibun. :D
ReplyKeren topik tutorial nya bro! THANKS :)
Replynice .
Reply. tukar links yuks.
. Download Software Artikel And Game Free Download..!!!
EmoticonEmoticon