Home » » Cara Menyembunyikan Kotak Widget di Blogspot

Cara Menyembunyikan Kotak Widget di Blogspot

Diceritakan oleh Unknown pada Monday, April 1, 2013 | 9:56 PM

Setelah browsing ke sana ke mari, saya berhasil menyembunyikan kotak widget yang tidak ingin saya tampilkan di halaman depan blog saya (homepage). Dengan Edit HTML template, ada dua cara untuk menyembunyikan widget di homepage dan menampilkannya di post-page saja. Sebelumnya pastikan Anda sudah mem-backup template. Lalu ikuti langkah di bawah ini:
  1. Login blogger,
  2. klik Template,
  3. klik tombol Edit HTML.  
  4. Centang Expand Widget Templates.
  5. Tekan CTRL+F, ketik judul widget yang ingin ada sembunyikan, lalu perhatikan kode yang seperti di bawah ini:

<b:widget id='HTML5' locked='false' title='' 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='titzzle'><data:title/></h2>
  </b:if>

  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>


<style type='text/css'>
#HTML5 {display:none;}
</style>
</b:if> 
</b:if>
</b:includable>
</b:widget>



Yang harus Anda lakukan adalah menambahkan adalah kode berlatar kuning saja. Lalu Save.
Apabila setelah di save masih ada kotak widget kosong putih nampak tersisa walau isinya tidak ada, maka tambahkan kode CSS yang berlatar biru yang berfungsi untuk menyembunyikannya. Jangan lupa mengganti id widgetnya sesuai dengan yang akan disembunyikan (yaitu id berlatar hijau harus sama). Lalu Save.

Cara kedua bisa dilakukan dengan menempatkan kode berlatar kuning di atas tag <div> seperti di bawah ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='sidebar-wrapper'>

<b:section class='sidebar' id='sidebar' preferred='no'>
<b:widget id='HTML7' locked='false' title='Your Comments' type='HTML'>
<b:includable id='main'>
  <!-- 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'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

</div>
</b:if>


Dengan kode ini berarti Anda menghilangkan seluruh widget dari divisi yang bernama sidebar-wrapper (silakan Anda cari sendiri class divisi yang akan Anda sembunyikan dengan cara CTRL+F seperti di atas tadi). Cara ini dilakukan jika Anda ingin menyembunyikan semua widget di sidebar misalnya, tanpa perlu menyembunyikannya satu persatu.

Terakhir, jika Anda ingin menampilkan widget hanya pada homepage atau halaman depan yang berarti menyembunyikannya dari halaman post, maka gantilah:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
dengan:
<b:if cond='data:blog.url == data:blog.homepageUrl'>

Demikian. Ini hanya share pengalaman mengotak-atik template dengan belajar dari browsing saja. Saya tidak ada kemampuan untuk coding :)
Jika menurut Anda bermanfaat, silakan berbagi tulisan ini ke teman Anda dengan tombol Google+, Twitter, atau Facebook di bawah ini.
2 Komentar
2 Komentar
Komentar

2 Komentar:

Translate This Page into