Setting jQuery Show Hide Sidebar

بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم

Tutorial kali ini saya akan membahas tentang cara Setting jQuery Show Hide Sidebar. Kalau anda masih belum membaca artikel tentang jQuery Show Hide Sidebar, silahkan anda membaca dulu supaya anda bisa mensetting sidebar anda dengan pas. Karena tutorial ini saya buat semudah mungkin, jadi saya harap pembaca bisa mengerti apa yang saya bahas dan saya harap mengerti telah apa yang saya maksud. OK kalau begitu kita langsung saja menuju ke TKP

Untuk widget yang tidak mempunyai judul dan tidak disembunyikan

1. Seperti biasa, masuk ke akun blogger dulu
2. Kemudian klik Rancangan, Edit HTML
3. Setelah itu centang Expand Template Widget
Expand Template Widget
4. Cari kode widget yang ingin ditampilkan dengan tombol F3
Misalnya widget jQuery UI Tabs punya saya yang ada di sidebar

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='' 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>

5. Pada kode yang berwarna hijau, ganti dengan kode

<div class='widget-content1'>

6. Kemudian Simpan Template

Pada intinya, untuk widget yang tidak ingin disembunyikan anda harus mencari kode

<div class='widget-content'>

dan harus diganti dengan kode

<div class='widget-content1'>

ٱلۡحَمۡدُ لِلَّهِ رَبِّ ٱلۡعَـٰلَمِينَ

Artikel Terkait