Cara Menampilkan dan Menyembunyikan Widget di Halaman Tertentu


Menampilkan atau menyembunyikan widget di halaman tertentu, tentunya selain untuk efesiensi juga akan membuat tampilan blog lebih dinamis dan pastinya enak untuk dipandang. Lalu bagaimana caranya?? silahkan ikuti langkah-langkahnya di bawah ini :
Seperti biasanya Login ke blog sobat dan langsung menuju ke Edit HTML

1. Menampilkan widget hanya di halaman depan saja
Sebagai contoh, disini saya akan mengambil contoh widget Profil yang hanya akan di tampilkan di halaman depan saja. Setelah masuk ke halaman Edit HTML cari kode widget tersebut "Profile" gunakan Ctrl+F untuk memudahkan pencarian.

<b:widget id='HTML2' locked='false' title='Profile' 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:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Kode yang berwarna merah adalah kode yang harus di sisipkan pada widget tersebut agar hanya tampil di halaman depan saja.

2. Menampilkan widget hanya di halaman postingan
Kode widget dibawah ini (Artikel Terekait) adalah widget yang saya gunakan di sidebar blog saya, yang hanya akan tampil di halaman postingan.
<b:widget id='HTML4' locked='false' title='Artikel Terkait' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- 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:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Seperti cara yang diatas kode yang berwarnah merah adalah kode yang disisipkan pada widget tersebut agar hanya tampil pada halaman postingan.

NB : Bagi yang kesulitan menemukan kode widget, silahkan perhatikan langkah di bawah ini :

  • Masuk ke Tata Letak, pilih edit pada widget yang ingin Anda cari
  • Lihat di akhir URL pada halaman edit widget tersebut, perhatikan gambar dibawah,
    tulisan yang di blok warna biru, itulah code yang bisa digunakan untuk membatu mencari kode widget yang ingin di cari.


Sekian, mudah-mudahan bisa membantu.!!


54 komentar:

  1. terimakasih banyak gan infonya, sudah saya praktekkan 100% berhasil, tapi untuk saat ini belum saya teerapkan, 2 atau tiga hari lagi baru saya terapkan. sepertinya ini sangat bermanfaat kerena juga dapat mempercepat loading blog. sekali lagi gan terimakasih banyak....., happy blogging.....

    ReplyDelete
    Replies
    1. sama-sama gan,, thanks y udah berkunjung ke blog sederhana ini...!!!

      "happy blogging too"

      Delete
    2. Terima kasih mas, gw jg lg coba utak utik blog tapi sampai sekarang masih amburadul gak keruan, mudah mudahan tips ini bisa membantu

      Delete
  2. Terima kasih banyak gan tipsnya... hehe

    ReplyDelete
    Replies
    1. yupZZ,,, happy blogging,, hehe.. :D

      Delete
    2. Adakah tips hidden widget di posting tertentu saja dan tampilan halaman posting tertentu itu lebarnya bisa full?

      Delete
  3. ini cocok buat blog konsep blogazine nih ckckkc :D

    ReplyDelete
  4. Replies
    1. silahkan sob,,, muda2han sukses selalu :D

      Delete
  5. infonya bagus banget mas....ini saya langsung pakai di blog saya

    ReplyDelete
  6. Makasih,infonya keren dan bermanfaat.langsung action bro..

    ReplyDelete
  7. Makasih tutorialnya sob, sudah saya terapkan di blig saya dan berhasil :)
    visit back ya n salam kenal :D

    ReplyDelete
  8. Mantap gan, bermanfaat nih tutorial nya!

    ReplyDelete
  9. keren mas tutorialnya
    saya coba berhasil,

    good post :)
    visit n comment back ya mas, hehehe :)
    saya doakan sukses selalu ^_^

    ReplyDelete
  10. Kok Kgk Bisa si. error bacaannya

    ReplyDelete
  11. asik mas bro trick nya, udah tak coba tadi, bermanfaat bgt :D
    jgn lupa mampir balik ya hehe

    ReplyDelete
  12. mantab kang
    sesuai keinginan*

    *jika berkenan main ke blogku ya ni alamatnya http://4kopisusu.blogspot.com

    ReplyDelete
  13. Sep gan tanks.. Oya kalo mau timbulin widget di halaman label dan page stasistik gimana ya..

    mohon bimbinga

    ReplyDelete
  14. thanks sudah berbagi ilmunya, sukses selalu...

    ReplyDelete
  15. nanya gan,sedikit beda dari tema nih.
    kalau artikel yang saya tulis pada page baru tidak bisa tampil artikelnya tapi pagenya tampil,kira2 apanya gan?kalau edit page semua filenya utuh.

    ReplyDelete
  16. makasih gan tutornya, udah dipake di blog saya.

    ReplyDelete
  17. sangat membantu sekali sobat,thank

    ReplyDelete
  18. terimakasih telah berbagi atas sharenya postingan ini sobat, berhasil dipakai codeny . . .

    ReplyDelete
  19. Dengan cara ini kita bisa menghemat space dan beban homepage blog kita juga ya gan..

    ReplyDelete
  20. terimakasih... informasi yang bermanfaat.

    ReplyDelete
  21. kalau agar tidak muncul sama sekali gimana caranya sob?

    terimakasih infonya.

    ReplyDelete
    Replies
    1. Hhehe, truss untuk apa dipasang gan kalau tidak untuk ditampilkan..

      Delete
  22. dan akhirnya berhasil,. thanks gan tutornya

    ReplyDelete
    Replies
    1. sama-sama gann, mudah-mudahan bermanfaat..

      Delete
  23. Thanks gan widget saya di halaman utama sekarang sudah rapi

    ReplyDelete
    Replies
    1. berkunjung gan,terima kasih tipsnya.kunjung balik ya gan blog saya.

      Delete
  24. Kalau untuk halaman Label, tau kodenya gak sob?

    ReplyDelete
  25. makasih mas atas infonya,, salam sukses selalu,,
    ditunggu ata skunjungannya
    http://mymedian.blogspot.com/

    ReplyDelete

Jika tidak memiliki ID khusus untuk berkomentar, silahkan klik Select profile kemudian pilih "Name/URL"
pada kolom URL isi dengan alamat facebook,,,!!!

 

Author

tobadak
Arman, lahir di Bone, 21 April 1992 dan besar di Sulawesi Barat, Kab Mamuju, Kecematan Tobadak. Ada di Blogger sejak awal tahun 2010. Namun mulai menekuni dunia blogging di tahun 2011 hingga sekarang. Mengenal internet sejak kelas 3 SMP (2006), di mulai dari munculnya More...

Anda dapat menemukan Arman di Facebook dan Twitter

Recent Comment