Jangan takut jatuh, karena yang tidak pernah memanjatlah yang tidak pernah jatuh. Jangan takut gagal, karena yang tidak pernah gagal hanyalah orang-orang yang tidak pernah melangkah. Jangan takut salah, karena dengan kesalahan yang pertama kita dapat menambah pengetahuan untuk mencari jalan yang benar pada langkah yang kedua.

Daftar Isi

Monday, July 15, 2013

Cara Lengkap tampil atau sembunyikan Widget di Homepage



Menyembunyikan dan menampilkan widget blog pada halaman tertentu merupakan salah satu proses penataan widget blog yang menurut saya perlu diketahui dan diterapkan oleh sobat blogger pada blognya masing-masing. Saya menyarankan hal ini karena tata letak widget dan konten yang berkualitas juga merupakan kriteria penilaian tersendiri baik dari admin blog maupun pengunjung blog. Jika ditinjau dari segi keindahan tampilan blog, memang hal ini perlu kita terapkan pada blog. Hal ini pun berhubungan erat dengan cepat lambatnya loading blog. Kelebihan lain jika memasang widget ini adalah bisa memperoleh tampilan yang berbeda untuk tiap halaman khususnya antara homepage dengan halaman lainnya pada blog kita.
Langsung saja kawan simak cara-cara dibawah ini.

1. Bagaimana cara menampilkan widget hanya pada Homepage saja

=> Letakkan kode widget diantara kode berikut ini
    <b:if cond='data:blog.url == data:blog.homepageUrl'>    KODE WIDGET ANDA DISINI    </b:if>

2. Bagaimana cara menyembunyikan widget dari halaman Homepage

=> Letakkan kode widget diantara kode berikut ini

    <b:if cond='data:blog.pageType == "item"'>    KODE WIDGET ANDA DISINI    </b:if>

3. Bagaimana cara menampilkan widget hanya pada halaman Static Page

=> Letakkan kode widget diantara kode berikut ini

    <b:if cond='data:blog.pageType == "static_page"'>    KODE WIDGET ANDA DISINI    </b:if>

4. Bagaimana cara menyembunyikan widget dari halaman Static Page

=> Letakkan kode widget diantara kode berikut ini
    <b:if cond='data:blog.pageType != "static_page"'>
    
KODE WIDGET ANDA DISINI
    </b:if>

5. Bagaimana cara menampilkan widget hanya pada URL tertentu saja

=> Letakkan kode widget diantara kode berikut ini

    <b:if cond='data:blog.url == "URL Pilihan Anda disini"'>    KODE WIDGET ANDA DISINI    </b:if>

6. Bagaimana cara menyembunyikan widget dari URL tertentu

=> Letakkan kode widget diantara kode berikut ini

    <b:if cond='data:blog.url != "URL Pilihan Anda disini"'>    KODE WIDGET ANDA DISINI    </b:if>
  
7. Kode ini hanya akan menampilkan widget pada Archive Page atau halaman arsip

=> Letakkan kode widget diantara kode berikut ini

<b:if cond='data:blog.pageType == &quot;archive&quot;'>KODE WIDGET ANDA DISINI</b:if>

8. Kode ini hanya akan menampilkan widget selain halaman Archive Page

=> Letakkan kode widget diantara kode berikut ini

<b:if cond='data:blog.pageType != &quot;archive&quot;'>KODE WIDGET ANDA DISINI</b:if>

9. Kode ini hanya akan menampikan widget pada halaman postingan saja

=> Letakkan kode widget diantara kode berikut ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>KODE WIDGET ANDA DISINI</b:if>

10. Kode ini hanya akan menampikan widget selain halaman posting

=> Letakkan kode widget diantara kode berikut ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>KODE WIDGET ANDA DISINI</b:if>

11. Kode ini hanya akan menampilkan widget pada halaman static page

=> Letakkan kode widget diantara kode berikut ini

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>KODE WIDGET ANDA DISINI</b:if>

12. Kode ini hanya akan menampilkan widget selain halaman static page

=> Letakkan kode widget diantara kode berikut ini

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>KODE WIDGET ANDA DISINI</b:if>

13. Kode ini hanya akan menampikan widget  pada postingan tertentu

=> Letakkan kode widget diantara kode berikut ini

<b:if cond='data:blog.url == &quot;alamatpostingan&quot;'>KODE WIDGET ANDA DISINI</b:if>

14. Kode ini hanya akan menampilkan widget selain postingan tertentu

=> Letakkan kode widget diantara kode berikut ini

<b:if cond='data:blog.url != &quot;alamaatpostingan&quot;'>KODE WIDGET ANDA DISINI</b:if>

Lantas bagaimana cara menampilkan atau menyembunyikan widget default dari blogger sendiri ? seperti About me, Archive, Label dan lain sebagainya. 

Biasanya kode default blogger akan tampak seperti dibawah ini


    <b:widget id='HTML' locked='false' title='JUDUL WIDGET ANDA' type='Profile'>    <b:includable id='main'>    KODE WIDGET DEFAULT BLOGGER ANDA    </b:includable>    </b:widget>

Untuk mengontrol widget ini anda hanya perlu untuk menyisipkan kode kontrol sesuai dengan apa yang anda mau. Misalnya anda ingin menampilkan widget hanya pada Homepage saja , maka letakkan kode pada no 1 diatas seperti dibawah ini
    <b:widget id='HTML' locked='false' title='JUDUL WIDGET ANDA' type='Profile'>    <b:includable id='main'>    <b:if cond='data:blog.url == data:blog.homepageUrl'>    KODE WIDGET ANDA    </b:if>    </b:includable> </b:widget>.
ok demikianlah artikel tentang cara lengkap menampilkan dan menyembunyikan widget di homepage. Semoga bermanfaat dan terima kasih. 

Diruang yang sederhana ini, saya mencoba berkarya meskipun hanya di dunia maya.

Silahkan tambahkan komentar Anda, Semoga dapat sama-sama membangun. Terima kasih.
EmoticonEmoticon

Video

loading videos
Loading Videos...