10.8.10

Menghilangkan Widget Sidebar di Home Page

Trick menghilangkan widget sidebar di home page ini bersifat smentara, karena widget tidak muncul pada saat posisi di home page saja selain itu ( single post ) widget akan muncul kembali.


Metode yang akan di gunakan adalah penggunaan CSS dengan fungsi if condition, Kode untuk menampilkan suatu widget sidebar hanya tampil pada single post.

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#ID{display:none}
</b:if>
</style>

Langkah-langkahnya :
1. Loggin ke Blogger.com
2. Pilih rancangan klik tab Edit HTML
3. Cari kode ]]></b:skin> atau </head>
4. Copy lalu paste kode di atas ( warna biru )di bawah kode ]]></b:skin> atau di atas kode </head>
( ID nya harus anda ganti sesuai dengan template blog )
5. Klik tombol SIMPAN SETELAN.

catatan : ID nya harus diganti sesuai dengan template blog
Cara mudah mengenali widget sidebar yang mau di hilangkan dari home page adalah dari Judul sidebar, dari situ maka akan di ketahui ID dari widget tersebut. Berikut langkahnya :

Carilah kode yang mirip-mirip seperti ini :

<b:widget id='HTML1' locked='false' title='Related Articles' type='HTML'/>
<b:widget id='HTML2' locked='false' title='latest articles' type='HTML'/>

Keterangan : HTML1 dan HTML2 menunjukkan ID widget, Related Articles dan latest articles menujukkan judul widget ( sesuaikan dengan

Trick tambahan ( berbanding terbalik )
Menampilkan suatu widget sidebar hanya di home page saja, sedangkan di halaman single post widget tersebut tidak muncul ( hilang )
Anda hanya perlu mengganti tanda seru ( ! ) yang di cetak merah dengan tanda sama dengan ( = ), maka fungsi kode tersebut akan bersifat terbalik.

<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#ID{display:none}
</b:if>
</style>

catatan : ID nya harus diganti sesuai dengan template blog

2 comments:

Imas Susila Dewi said...

Mas,

mohon bantuannya dong, pada template yang saya gunakan sudah saya tambahkan widget categories, archives dan blogroll, tapi widget2 tersebut tidak muncul. Bagaimana mengatasinya. Mohon pencerahan.
Trima kasih.
Dewi

Asoka Isron said...

Wah, ,ribet juga ya Gan.. .tapi trik ini sngat usefull. S0alnya saya mau me Minimaliz tampilan bl0g sya ,thanks infonya Gan

Post a Comment