Tampilkan dan Sembunyikan Widget Tertentu

Thursday, February 26, 2009

Ini sebenarnya trik sederhana saja. Yah... sambil melepas lelah dan mengisi waktu luang saja membuat trik ini. Pada dasarnya trik ini adalah bawaan Blogger itu sendiri, kita manfaatkan untuk menampilkan atau menyembunyikan widget/sidebar tertentu. Sebagai contoh saya menampilkan sidebar "ADMIN" hanya dihalaman utama saja. Jika artikel dibuka satu persatu maka sidebar "ADMIN" tidak akan di tampilkan. Mudah-mudahan paham maksudnya. Silahkan ikuti langkah dibawah ini untuk mencobanya...

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke bagian "Tata Letak - Edit HTML"
Langkah 3
Jangan lupa checklist "Expand Template Widget"
Langkah 4
Lihat contoh berikut :
Dibawah ini kode awal sebelum di tambahkan kode tertentu
<b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<b:if cond='data:codeSnippet != &quot;&quot;'>

...
...

</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
Dan perhatikan kode berwarna biru, itulah kode penambahan
<b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:if cond='data:title != &quot;&quot;'>
<b:if cond='data:codeSnippet != &quot;&quot;'>

...
...

</b:if>
<b:include name='quickedit'/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
Langkah 5
Simpanlah template

Keterangan :
  • Kode tambahan untuk menampilkan dan menyembunyikan widget/sidebar bisa diterapkan disemua widget/sidebar.
  • Kode data:blog.homepageUrl adalah untuk menunjukan alamat blog.
  • Kode data:blog.url adalah untuk mengunci/menunjukan alamat tertentu.
  • Sedangkan tanda == digunakan sebagai pemeriksa, sehingga jika diterjemahkan kurang lebih seperti ini; jika data:blog.homepageUrl sama dengan data:blog.url maka widget/sidebar akan ditampilkan, jika tidak widget/sidebar akan disembunyikan.
Mudah-mudahan paham maksud, tujuan dan tips ini. Happy blogging :)
Tinggalkan pesan jika mengalami kegagalan....
Share this article :
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Tutorial Blogger - All Rights Reserved
Template Created by Creating Website Inspired by Sportapolis Shape5.com
Proudly powered by Blogger