Cara Mengatasi Tampilan Sidebar Blog Yang Kosong

Sebenarnya ini trik cukup mudah karena memang cara penulisannya cukup mudah. Namun bila pikiran kita tidak hingga ke sana, maka ini akan menjadi sesuatu hal yang sulit.

Apa sih sidebar blog yang kosong itu? Ini hanya istilah yang aku pakai, untuk Anda ya...terserah Anda. Mungkin di antara Anda ada yang pernah lihat pada sidebar suatu blog yang letaknya di bawah atau di atas widget lainnya berupa kotak atau garis. Untuk lebih jelasnya silahkan simak pada gambar di bawah ini.

Itu biasanya disebabkan oleh trik menampilkan widget hanya di halaman postpage (widget tidak ditampilkan di homepage) dan widget yang hanya ditampilkan di homepage (widget tidak ditampilkan di postpage). Jika widget tersebut hanya ditampilkan di postpage saja, maka sidebar kosongnya akan tampak di homepage. Begitu juga sebaliknya bila hanya menampilkan widget hanya di homepage maka sidebar kosongnya akan tampil di postpage. Dan hal ini mampu juga disebabkan dari pemakaian widget statis menyerupai buku tamu yang disimpan di pinggir blog, atau widget sharing yang melayang dan lain sebagainya. Biasanya hal ini terjadi bila background sidebar tidak sama dengan background body.

Dan ini menurut aku cukup mengganggu tampilan blog, sehingga terlihat kurang rapih. Untuk mengatasinya silahkan coba dengan trik di bawah ini:

1. Untuk widget yang hanya ditampilkan di postpage. Silahkan tambahkan arahan kode di bawah ini di bawah arahan ]]></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'>
#PlusFollowers1, #Stats1 {visibility:hidden}
</style>
</b:if></b:if>

Perhatikan arahan yang berwarna merah di atas, itu yakni ID widget yang hanya ditampilkan di postpage. Untuk mengetahui ID widget, aku contohkan pada arahan di bawah ini.

   <b:widget id='PlusFollowers1' locked='false' title='Google+ Followers' type='PlusFollowers'>
     <b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
......
......
......
  </div>
</b:if>
</b:includable>
   </b:widget>

Perhatikan arahan yang berwarna merah, itu yakni ID widget-nya. Untuk arahan yang berwarna biru yakni arahan untuk menampilkan widget hanya di postpage.

2. Untuk widget yang hanya ditampilkan di homepage. Silahkan tambahkan arahan kode di bawah ini di bawah arahan ]]></b:skin>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#PlusFollowers1, #Stats1 {visibility:hidden}
</style>
</b:if>

Perhatikan arahan yang berwarna merah di atas, itu yakni ID widget yang hanya ditampilkan di homepage. Untuk mengetahui ID widgetnya sama dengan langkah nomor 1 di atas.

3. Untuk sidebar yang disebabkan oleh widget statis menyerupai buku tamu yang disimpan di pinggir blog atau lainnya, aku anjurkan untuk menyimpan arahan html-nya pada edit HTML bukan pada gadget HTML/Javascript di Tata Letak. Simpan arahan html widget statisnya di edit HTML di atas arahan </body> biar tidak menghasilkan sidebar yang kosong.

Nah demikin saja trik untuk mengatasi tampilan sidebar blog yang kosong ini semoga dapat dimengerti dan bermanfaat.