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:
- Login blogger,
- klik Template,
- klik tombol Edit HTML.
- Centang Expand Widget Templates.
- 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 == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'><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 == "item"'>
<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 != ""'>
<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 == "item"'>
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 :)
Saya berbagi cerita apasaja khususnya tentang permainan catur, teknologi, bahasa, dan filsafat rasa. Kecuali disebut secara khusus, semua karya di situs ini menggunakan lisensi 
widget nya hilang juga mas
ReplyDeletememang untuk disembunyikan, kan Mas?
Delete