DILARANG AMBIL GAMBAR

Jumat, 19 Agustus 2011

Show Hiden widget (pada halaman depan/selanjutnya)

Show Hiden widget merupakan cara menyembunyikan widget pada blogger, Tutorial ini saya buat atas permintaan beberapa orang teman blogger salah satunya "blognewb1e"  tutorial ini saya kutip dari "Adibey Blog" semoga bisa bermanfaat bagi yang membutuhkan.
Salah satu manfaat tutorial ini adalah untuk penghematan tempat, misalnya untuk memasang iklan. Karna widget Depan/Home sudah rame dan tidak cocok untuk ditambah widget baru, sebaiknya widget ini nampil ketika postingan dibuka/sebaliknya.

Langkah:
Dalam penyembunyian widget ini ada dua macam:

  1. Widget hanya tampil pada halaman depan (Home), Widget ini akan hilang ketika membuka halaman/postingan
  2. Widget hanya tampil ketika postingan di buka, pada halaman depan widget ini tidak nampil.
Kita mulai dengan soal nomor 1.
Image DEMO►
Untuk demo blog saya terapkan diblog Rumah Siput milik Dian lihat►
Lanjut caranya:
  1. Login Blogger masuk ke Page Elements
  2. ADD a Gadget dan pilih HTML/Java Script
  3. Beri Judul dan isi dengan kebutuhan, Save!
  4. Masuk ke Edit HTML, Expand Widget Templates, tekan CTRL + F Untuk mencari Judul HTML/Java Script yang di buat tadi
  5. Setelah ketemu, lihat baris kode di bawah nya seperti ini: <b:includable id='main'> kalo sudah ketemu letakkan kode ini dibawahnya: <b:if cond='data:blog.homepageUrl == data:blog.url'> Selanjutnya cari kode ini: <b:include name='quickedit'/> dan letakkan kode berikut di atas nya: </b:if> 
Kira-kira seperti ini posisi kodenya:
  <b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML6' locked='false' title='Recent Coment' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
  <!-- 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:if>
  <b:include name='quickedit'/>
</b:includable>
</b:widget>

SAVE! dan lihat hasilnya.

Soal nomor 2.
Widget hanya tampil ketika postingan dibuka/pada halaman selanjutnya.
Image DEMO►
Untuk demo blog masih sama dengan yang sebelumnya, Lihat►
Lanjut Caranya:
  1. Untuk caranya sama dengan langkah sebelumnya cuma saja kode nya yang di ganti. Kode langkah diatas: <b:if cond='data:blog.homepageUrl == data:blog.url'> , diganti dengan <b:if cond='data:blog.pageType == "item"'>
SAVE! dan lihat hasilnya.

NB:
  • Untuk penggunaan langkah pada widget bawaan blogger seperti Follow, Popular Posts dan sebagainya, tetap mengunakan kede yang sama cuma posisi nya yang agak berubah karna karna widget bawaan bloger yang dimaksut memiliki kode yang berbeda. contoh nya seperti kode Popular Post berikut ini:
Selamat mencoba

0 komentar:

KASKUS RADIO



About Me

Foto Saya
Alam Perwira
Lihat profil lengkapku

Postingan Populer

Popular Posts

Pengikut


Binus Hacker - Independent Hacking Community





 
Copyright© 2011 Code-Matrix | Template Blogger Designer by : Alam' |
Template Name | Uniqx Transparent : Version 1.0 | Code-Matrix