December 16, 2013

Menghilangkan Bayangan Garis Widget di Blogspot

Bayangan-Garis-Widget-Blogspot
Diantara rekan-rekan sesama blogger pernah menemukan hal seperti gambar disamping ini, Bayangan Garis Widget di Blogspot, kalau di artikel kesehatan mungkin namanya Stretch Marks, tapi kalau di blog kita namain aja Bayangan Garis Widget di Blogspot.

Terjadinya Bayangan Garis Widget di Blogspot seperti ini disebabkan oleh Cara Menampilkan Widget Blog Pada Halaman Tertentu. Kejadian ini tidak pada semua template blog hanya sebagian saja.

Buat sebagian blogger hal seperti ini tidak jadi masalah, tapi menurut Laurencius penampilan Bayangan Garis Widget di Blogspot cukup mengganggu tampilan blog, sehingga terlihat kurang rapih. Untuk menghilangkannya silahkan coba dengan cara di bawah ini:

1. Untuk widget yang hanya ditampilkan di postpage. Silahkan tambahkan script di bawah ini tepat di bawah kode ]]></b:skin>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
#
HTML5, #Stats1 {visibility:hidden}
</style>
</b:if></b:if>

2. Untuk widget yang hanya ditampilkan di homepage. Silahkan tambahkan kode kode di bawah ini di bawah kode ]]></b:skin>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#
HTML5, #Stats1 {visibility:hidden}
</style>
</b:if>
Kode berwarna merah di atas, adalah ID widget yang hanya ditampilkan di postpage. Untuk mengetahui ID widget, simak kode di bawah ini.
<b:widget id='HTML5' locked='false' title='Category SEO' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content' style='overflow:auto; height:400px'>
<data:content/>
</div>
</b:if>
</b:includable>
</b:widget>
Yang berwarna merah, itu adalah ID widget-nya. Untuk yang berwarna biru adalah untuk menampilkan widget hanya di postpage. Selamat mencoba.

Related Posts

Menghilangkan Bayangan Garis Widget di Blogspot
4/ 5
Oleh :

14 comments

rupanya strecth marks pada widget sedikit mengganggu ya, untung ada cara menghilangkannya.

Amankan pertamx heheh
Makasih sob telah share .., sangat bermanfaat :)

ternyata bisa ya sob cara menghilangkannya... nanti saya praktekan deh kalau saya sudah paham

Tuh ada obatnya strecth marks widget

Dapatnya premium Mas

izin nyoba kang :D

Silahkan Kang

ternyata bisa di hapus juga ya mas garis tepi tersebut. Saya kira malah nggak bisa hehehe :D
thanks mas atas tutorialnya ya :)

Apa kabar Mbak Eka? Tetap semangat ya Mbak

ijin praktek mas bro... tapi sedikit ruwet caranya...

Pelan-pelan Pasti bisa teman

Kayaknya kudu langsung dicoba deh gan :D

Silahkan dicoba Kang