Tentang Ilmu Komputer, Android, Panduan Blogging dan Tips di Internet.

Menghilangkan atau Menyembunyikan Tampilan Judul Widget Blog

Judul pada sebuah widget sangat berguna untuk memperjelas isi atau kegunaan sebuah widget. Juga bermanfaat untuk menarik perhatian pengunjung pada sebuah widget. Contohnya pada widget yang berisi cuplikan mengenai kita sebagai penulis Blog, kita beri judul "About The Author" sehingga pengunjung mengerti bahwa widget tersebut berisi cuplikan mengenai kita sebagai penulis Blog. Atau pada widget Like Box Facebook, kita memberikan judul "Like Ya Sobat" sehingga pengunjung lebih tertarik untuk menjadi fans pada page Blog di Facebook milik kita.

Menyembunyikan Tampilan Judul Widget Blog

Namun ada kalanya kita juga ingin memasang widget dengan tidak memberikan judul pada widget tersebut. Alasanya, entah karena sebuah widget sudah sangat jelas isi dan kegunaanya meski tidak diberi judul. Atau jika diberi judul, tampilan widget malah kurang baik. Atau alasan lain seperti pada sebuah iklan PPC tidak diberi judul agar pengunjung tidak menyadari keberadaan iklan PPC tersebut. Hal ini mudah saja diatasi, kita hanya perlu untuk tidak memasukan data atau tulisan pada form judul widget. Maka sebuah widget akan tampil tanpa disertai judul.

Namun saya rasa banyak sekali kendala ketika kita memasang widget tanpa judul. Ketika kita memasang widget tanpa judul dalam jumlah yang agak banyak, maka kita akan sulit membedakan widget-widget tersebut saat melakukan pengeditan pada halaman Tata Letak, Blogger.

Atau memang terdapat beberapa widget yang mengharuskan kita untuk memberikan judul, dengan kata lain kita tidak dapat memasang widget tanpa memberikan judul.

Oleh karena itu saya akan bagikan cara lain untuk mengatasi masalah ini. Kita dapat memberikan judul pada sebuah widget tanpa menampilkan judul widget tersebut pada halaman Blog dengan cara menghilangkan atau menyembunyikan tampilan judul widget tersebut. Saya akan berikan 2 cara yaitu menghilangkan tampilan judul widget atau menyembunyikan tampilan judul widget. Silakan sobat pilih salah satu di antara 2 cara tersebut. Simak langkah-langkahnya:

Menghilangkan atau Menyembunyikan Tampilan Judul Widget Blog

  • Login ke akun Blogger.
  • Masuk ke bagian Tata Letak.
  • Sentuhkan kursor pada tulisan edit pada widget yang ingin sobat hilangkan judulnya. Hal ini dilakukan karena pertama kita harus mengetahui widget ID yang akan kita hilangkan judulnya.
  • Kemudian perhatikan pada bagian sudut kiri bawah monitor sobat, di situ salah satu tulisanya menampilkan widget ID
  • Dengan ini kita telah mengetahui widget ID sebuah widget misalnya "HTML4"
  • Selanjutnya kita masuk ke bagian Template dan klik Edit HTML.

Menghilangkan Tampilan Judul Widget.

  • Dengan menggunakan tombol ctrl+F, cari ID widget yang telah sobat ketahui pada langkah sebelumnya.
  • Jika kode-kode elemen widget belum teruraikan, klik pada bagian "titik-titik" diantara kode <b:widget> dan </b:widget>, serta bagian "titik-titik" diantara kode <b:includable> dan </b:includable>.
  • Maka akan muncul kode-kode seperti berikut tepat di bawahnya.
          <b:widget id='HTML4' locked='false' title='Judul Widget' 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>

  • Hapuslah kode berwarna merah seperti kode yang telah saya tandai di atas.
  • Klik Simpan Template, dan silakan lihat hasilnya. Dengan ini kita telah menghilangkan tampilan judul widget. 

Menyembunyikan Tampilan Judul Widget.

  • Dengan menggunakan tombol ctrl+F, carilah kode ]]></b:skin> dan letakan kode berikut di atas kode ]]></b:skin>.
#HTML4 .title, #HTML6 .title, #HTML9 .title {display:none}

  • Ubahlah kode bercetak tebal dan berwarna merah dengan widget ID-widget ID yang ingin sobat sembunyikan judulnya. Sobat bisa menambah atau mengurangi jumlah widget yang ingin disembunyikan judulnya dengan menambah atau mengurangi kode #WidgetID .title .
  • Klik Simpan Template, dan silakan lihat hasilnya. Dengan ini kita telah menyembunyikan tampilan judul widget.
Nah, dengan Menghilangkan atau Menyembunyikan Tampilan Judul Widget yang kita rasa tidak perlu ditampilkan, maka tampilan Blog kita akan terlihat lebih baik dan rapih.

Judul widget telah dihilangkan atau disembunyikan

Selain telah berhasil Menghilangkan atau Menyembunyikan Judul Widget dengan hasil tampilan yang baik, kita juga tidak akan bingung membedakan widget-widget saat melakukan pengeditan pada halaman Tata Letak Blogger, karena pada halaman tersebut judul-judul widget tidak hilang.

Artikel terkait : Menghilangkan atau Menyembunyikan Tampilan Judul Widget Blog

Artikel Blog Regi Brader Lainnya :

14 komentar:

  1. Baru tahu saya disini mas tutornya cara menghilangkan judul widgetnya,terima kasih mas sharenya :)

    ReplyDelete
  2. waah mantap niih blognya.. contentnya juga bagus bagus. thnks share ilmu blognya sob, salam kenal dari blogger amatir.

    ReplyDelete
  3. wah mantab gan.. ty ya infonya...........

    ReplyDelete
  4. Informasi yang menarik dan penting, terima kasih sudah berbagi.....!

    ReplyDelete
  5. info penting nih :D
    thnks ya gan :)
    blog agan regi udh aq follow,, jka agan tak kberatan.. tolong di follow balik ya :D
    http://fahrurrozi18.blogspot.com/
    salam kenal :)

    ReplyDelete
  6. thnk infonya gan,
    salam berbagi
    quberbagi-ilmu.blogspot.com

    ReplyDelete
  7. teima kasih gan, banyak ilmu yang bisa dipelajari untuk new bie kaya saya...

    ReplyDelete
  8. thanks bang, ini yang dicari dan sangat berguna ;) klo berkenan kunjungan balik ya. salam dari rici

    ReplyDelete
  9. terima kasih mas, ini yang saya cari

    ReplyDelete
  10. wah keren ini dia yg saya cari, nice info gan..
    http://freebiexp.blogspot.com

    ReplyDelete
  11. thanks gan :)
    defankpratama.blogspot.com

    ReplyDelete
  12. Oke banget tulisannya gan,,,,!!!Thx - sundul gan - www.flasdisksouvenir.com

    ReplyDelete
  13. Mantep infonya master...

    http://tulisansempak.blogspot.com

    ReplyDelete

Copyright © 2013-2016 Blog Regi Brader - All Right Reserved