Friday, November 9, 2012

Cara Menampilkan Widget di Halaman Tertentu

Cara Menampilkan Widget di Halaman Tertentu

Cara Menampilkan Widget di Halaman Tertentu
Cara Menampilkan Widget di Halaman Tertentu - Tips kali ini saya mau membahas mengenai Cara Menampilkan Widget di Halaman Tertentu sesuai keinginan kita, misalkan kita tidak ingin menampilkan salah satu atau semua widget pada halaman postingan yang kita buka (bukan halaman depan) cara nya cukup sederhana dan mudah.

Baiklah langsung aja yu, ikuti Tips Cara Menampilkan Widget di Halaman Tertentu dibawah ini :
  1. Seandainya sobat hanya ingin menampilkan salah satu ataupun semua widget pada halaman depan saja, sobat bisa copas kode dibawah di template sobat dibagian kode widget tentunya
  2. Buka akun blogger sobat kemudian klik menu template --> Edit HTML --> lanjutkan, jangan lupa centang Expand Template Widget, jika sudah cari kode widget sobat yang hendak di tampilkan hanya di halaman depan saja, saya ambil contoh dari template blog ini.
    <b:section class='sidebar' id='kotak-sidebar-kiri' preferred='yes'>
    <b:widget id='HTML3' locked='false' title='My Stat' 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>
    Copy kode dibawah ini tepat setelah <b:includable id='main'> dan letakan kode </b:if> setelah kode </div>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>

    </b:if>
    Kurang lebih akan seperti ini :
    <b:section class='sidebar' id='kotak-sidebar-kiri' preferred='yes'>
    <b:widget id='HTML3' locked='false' title='My Stat' type='HTML'>
    <b:includable id='main'>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <!-- 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>
    Jika serasa sudah sobat tinggal simpan template dan lihat hasilnya langsung.
  3. Langkah kedua jika kita ingin menampilkan widget pada halaman selanjutnya (bukan di halaman depan)
  4. Caranya sama dengan diatas sobat hanya mengganti kode pertama tadi atau kode yang berwarna merah dengan kode berikut.
    <b:if cond='data:blog.pageType == "item"'>
    </b:if>
    Kurang lebih seperti berikut
    <b:section class='sidebar' id='kotak-sidebar-kiri' preferred='yes'>
    <b:widget id='HTML3' locked='false' title='My Stat' 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 != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>
    </b:if>
    Jika sudah sobat tinggal save template dan lihat hasilnya.
Lakukan satu persatu pada kode widget sobat seandainya sobat ingin merubah semua widget yang ada di blog sobat.

Mudah-mudahan Tips Cara Menampilkan Widget di Halaman Tertentu bisa bermanfaat juga berguna