Menyembunyikan Judul Widget yang Berjudul

 

Share:

Facebook Twitter WhatsApp

Assalamu'alaikum Wr. Wb.

Saya penulis di blog CyberFrogTeam bukanlah orang yang ingin mempopulerkan diri, terlebih dari pada itu saya ingin memberikan ilmu, pengalaman, pengetahuan, informasi, blogging, catatan pribadi, teknologi, software, hotnews, tips dan trik, adsense, seo, dan opini serta tanggapan saya terhadap sesuatu yang menurut saya adalah pengetahuan yang sangat berarti dan bermanfaat
Lebih dari pada itu blog ini akan menjadi media bagi saya untuk belajar dan berbagi sesuatu yang bermanfaat.
pada postingan ini saya akan memberi trik blogging tentang Menyembunyikan Judul Widget yang Berjadul ehh maksud saya berjudul

Sobat, pernah punya masalah seperti gambar di bawah, ga?

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh-S63EPBsjlVvmskAbPmokDblK1mmMuXJemN1XvDxgCM2-6JDSNNVmQsb_JghoCm_5ajYs_qPOO7NNLak6K-t_8ZN63PbjiHxjp_eLsd2lM-Sg8_IVaLDVB9ZXX31pngpeBbONRyATVA/s1600/widget_tanpa_judul.png


Di gambar tersebut, kita punya widget HTML/JavaScript tanpa judul yang kebanyakan, sehingga sulit untuk membedakan widget-widget tersebut.

Kenapa kita harus membuatnya tanpa judul?? Alasan utamanya adalah agar judulnya tidak tampil sehingga tidak mengganggu desain web kita, seperti widget headline news dan buku tamu dari blog ini. Tapi akibatnya seperti di atas, kita jadi kesulitan membedakan widget-widget tersebut.

Saya akan memberikan trik agar judul widget tersebut tidak tampil meskipun judulnya tidak kosong.

Caranya:

1. Masuk ke bagian "Edit HTML" Layout blog kamu,
2. Cari kode ]]></b:skin>, dan tambahkan kode di bawah ini sebelum kode tersebut:
   

   #hidden_widget h2 {
   display:none;
   }

3. Kemudian cari lagi kode </b:section> yang paling bawah, kemudian tambahkan kode di bawah ini setelah kode tersebut:
   

   <div id='hidden_widget'>
   <b:section id='sidebar_hidden' preferred='yes'>
   </b:section>
   </div>

4. Klik "Save Template",
5. Kemudian masuk ke bagian "Page Elements" Layout kamu, dan kamu akan melihat ada sebuah area baru untuk widget.
6. Sekarang pindahkan widget-widget "tak berjudul" kamu ke tempat itu, dan kamu bisa memberinya judul tanpa menampilkan judul tersebut di blog.

seperti gambar di bawah ini

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTn48XqJYu_oax03Hmx2gFp3BWEurCzS2PgpkI6Qkx4hTgZS6Y0Kg8DaAuHK4acyGpyJDd3Cnk4QLV7sOrb-HoTZGOPn4zDC6cfo8OGrglMQ4A0RhX-dTRTPOTXq_hwVSUCkPeYgCzbdk/s1600/judul_dg_terlihat..png

Seperti yang kamu lihat, widget-widget tersebut mempunyai judul, tapi apakah kamu melihat judul widget tersebut di blog ini?
Selesaii..!!!
Mohon maaf apabila postingan pertama saya diblog ini bukan hal yang sangat penting buat anda pembaca sekalian. Tidak lupa saya ucapkan terima kasih atas kunjungan anda di blog baru ini yang sudah menyempatkan waktu berkunjung dan semoga artikel-artikel di blog ini menjadi bermanfaat dan berguna untuk anda semua pengujung blog ini. Akhir kata...

Wassalamu'alaikum Wr. Wb.
Semoga bermanfaat! :D