Skip to content

Cara Menampilkan & Menyembunyikan Widget di Blog

Aura Ilmu » Blog » Cara Menampilkan & Menyembunyikan Widget di Blog
Oleh: Gunawan | Update Terakhir: 17 February 2019 | 18 Comments

Cara Menampilkan & Menyembunyikan Widget. Anda mempunyai banyak elemen atau widget yang tampil di blog? Widget blog yang terlalu banyak tentunya akan mengurangi kecepatan loading. Namun jika widget itu terasa penting dan tetap ingin mempertahankan keberadaannya ada baiknya anda melakukan pengaturan pada halaman mana saja elemen tersebut akan ditampilkan.

Bagi Anda yang sedang menata tampilan blognya kini saya share teknik cara menampilkan dan menyembunyikan elemen atau widget di halaman tertentu pada sebuah blog. Fungsi dari teknik itu sendiri merupakan salah satu cara untuk membuat halaman blog lebih rapih, lebih efektif, terlihat dinamis, bahkan dapat membuat loading lebih cepat.

Menampilkan atau Menyembunyikan Elemen (Widget). Teknik ini menurut saya perlu diketahui dan diterapkan oleh blogger pada blognya. Saya menyarankan hal ini karena tata letak widget dan konten yang berkualitas juga merupakan kriteria penilaian tersendiri baik dari admin maupun pengunjung.

blogging

Image: blogging

Kita bisa mengatur widget apa saja yang mau ditampilkan di halaman depan atau widget apa saja yang mau disembunyikan di halaman postingan/statis sehingga tampilan blog kita lebih rapih.

Teknik ini cukup mudah untuk diimplementasikan di blog, dan hanya memerlukan waktu beberapa menit saja. Untuk menampilkan dan menyembunyikan widget ini hanya perlu untuk menyisipkan kode HTML sesuai dengan yang diinginkan.

Berikut Teknik cara menampilkan dan menyembunyikan widget di blog, bisa digunakan dibagian head atau body HTML.
catatan: gunakan sesuai keperluan.

1. Untuk menampilkan elemen/widget hanya di Home page.

Kodenya

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- ISI dari elemen atau Widget -->
</b:if>

Contoh Penggunannya

<b:widget id='HTML1' locked='false' title='Nama title' 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 != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

warna merah adalah batas dari penggunaan kode.
warna biru adalah kodenya.

Atau

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
/* -- Ini adalah CSS style -- */</style>

<script type='text/javascript' >
//Ini adalah kode JavaScript
</script>
</b:if>

2. Untuk menampilkan elemen/widget hanya di Post page (postingan).

<b:if cond='data:blog.pageType == "item"'>
<!-- ISI dari elemen atau Widget -->
</b:if>

3. Untuk menyembunyikan elemen/widget di Post page (postingan artikel).

<b:if cond='data:blog.pageType != "item"'>
<!-- ISI dari elemen atau Widget -->
</b:if>

4. Untuk menampilkan elemen/widget di halaman tertentu.

<b:if cond='data:blog.url == "URL Halaman"'>
<!-- ISI dari elemen atau Widget -->
</b:if>

Catatan: GANTI URL Halaman dengan Url / Link yang dikehendaki.

5. Untuk menyembunyikan elemen/widget di halaman tertentu.

<b:if cond='data:blog.url != "URL Halaman"'>
<!-- ISI dari elemen atau Widget -->
</b:if>

Catatan: GANTI URL Halaman dengan Url / Link yang dikehendaki.

6. Untuk menampilkan elemen/widget hanya di halaman arsip (archive).

<b:if cond='data:blog.pageType == "archive"'>
<!-- ISI dari elemen atau Widget -->
</b:if>

7. Untuk menyembunyikan elemen/widget di halaman arsip (archive).

<b:if cond='data:blog.pageType != "archive"'>
<!-- ISI dari elemen atau Widget -->
</b:if>

8. Untuk menampilkan elemen/widget hanya di halaman statis (static page).

<b:if cond='data:blog.pageType == "static_page"'>
<!-- ISI dari elemen atau Widget -->
</b:if>

9. Untuk menyembunyikan elemen/widget di halaman statis (static page).

<b:if cond='data:blog.pageType != "static_page"'>
<!-- ISI dari elemen atau Widget -->
</b:if>

Cara diatas dapat digunakan untuk menampilkan atau menyembunyikan elemen tertentu seperti tampilan halaman depan (Beranda), halaman postingan artikel, halaman statis, ataupun halaman arsip tidak penuh dijejali dengan berbagai macam widget.

Semoga bermanfaat.

(average: 3.33 out of 5, 6 votes)
loadingstarsLoading...

18 Komentar: Cara Menampilkan & Menyembunyikan Widget di Blog

  1. sabda awal

    bagaimana cara menampilkan pada artikel dan laman ?

    Reply
  2. Kotak Penelusuran

    Berhasil 🙂

    Reply
  3. excelive

    Terimakasih ilmunya.

    Reply
  4. rici

    makasih bang, sangat berguna 😉

    Reply
  5. Cara Menghilangkan Bekas jerawat

    tutorial yang sangat bagus, sya berhasil melakukannya,

    Reply
  6. Cara

    Berhasil mas, thanks ya 🙂

    Reply
  7. Info Training TMC Bandung

    oh jadi gitu ya gan .izin coba yah ..makasih buat tips nya.

    Reply
  8. Kaos AKA Harajuku

    nice info, kebetulan baru belajar ngeblog :-bd

    Reply
  9. Gusti Lekarr

    Sip! hatur tengkyu :-bd

    Reply
  10. Info Training TMC Bandung

    thank buat info nya sob

    Reply
  11. download PC Game

    makasih mas..aku juga udah bis nih..

    thanks salam kenal

    Reply
  12. Tatang Gunawan S

    sama-sama semoga berhasil pula, ini hanya dasarnya… mudah2an jadi mengerti dan ahli

    Reply
  13. Umar Ashidiqi

    thanks infonya gan ..

    Reply
  14. Jaya Prasetya

    makaseh gan..

    akhirnya bsa juga

    visit back yah http://www.secret-new.blogspot.com

    Reply
  15. Anonim

    @ download >> mungkin perlu dipelajari selama beberapa waktu, saya juga awalnya tidak mengerti… tapi seiring waktu, belajar terus kemudian mulai mengerti cara kerjanya

    Reply
  16. download

    kok sy tetap gak bisa ya

    Reply
  17. Tips n Trik Komputer

    sangat berguna gan
    kapan-kapan main ke blog ane

    Reply
  18. softrickinfo

    Wah, berguna banget nih, makasih ya infonya.

    Reply

Leave a Reply

Your email address will not be published.