Pada kesempatan kali ini blog creative child akan membantu sobat-sobat yang merasa terganggu dengan judul widget yang menempal pada tampilan blog sobat semua, judul widget tidak bisa dihilangkan atau disembunyikan?kata siapa.......!!
Mari kita sama-sama simak cara berikut ini :
Mari kita sama-sama simak cara berikut ini :
Cara Menyembunyikan - Memusnahkan Judul Widget si Pengganggu Tatanan Blog
Langkah Pertama : Cara Menambah Widget :
- Login to BloGGeR (Login ke BloGGeR) Tuliskan User Name/Email Address kemudian tuliskan Password (Sandi).
- Dasboard (Dasbor) Di halaman ini terdapat link Design/Rancangan/Tata Letak. KLIK linktersebut.
- Desain/Rancangan/TataLetak Setelah halaman ini terbuka, yang akan terlihat adalah Page Elements/Elemen Laman yang merupakan bagian dari Design/Rancangan.
- Page Elements/Elemen Laman Lihat kolom dengan garis terputus-putus dengan teks Add Gadget/Tambah Gadget. Klik pada kolom tersebut.
- Add a Gadget/Tambahkan Gadget Pilih Widget yang akan ditambahkan. Untuk widget dari blogger silahkan pilih yang tersedia. Apabila Widget yang akan ditambahkan/disimpan berupa kode HTML, kode CSS, Javascript dari luar (widget yang bukan berasal dari BloGGeR atau BlogSPOT), silahkan KLIK HTML/Javascript.
- Configure HTML/JavaScript(Paste) Letakkan kode yang akan ditambahkan/disimpan dalam box yang tersedia.
- Beri Judul Widget/Widget Title Tulis Nama atau Judul Widget Sesuka sampeyan.
- SAVE/Simpan KLIK SAVE (Simpan).
- Buka blog (Open Blog) Buka blog untuk melihat hasil penambahan widget.
Langkah Kedua - Cara Menyembunyikan Judul Widget (How to Hide Widget Title) :
- Copy Judul Widget/Copy Widget Title Copy Judul Widget yang telah tertulis sebelumnya.
- Edit HTML KLIK link "Edit HTML".
- Cari Judul Widget/Find Widget Title Gunakan "Ctrl+F" untuk mencari Judul widget yang akan di cari. Bagi yang ingin mengikuti panduan cara cepat mencari kode html menggunakan Ctrl+F, sampeyan bisa
- HTML Widget sobat akan menemukan sederet Kode HTML seperti contoh di bawah ini :
<b:widget id='HTML2' locked='false' title=' ' type='HTML'/> <b:widget id='HTML1' locked='false' title='Cursor Animasi' type='HTML'/> <b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/> <b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/> <b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/> <b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
- Cursor Animasi Misalnya Judul yang sampeyan cari adalah "Cursor Animasi". Perhatikan kode yang bercetak tebal seperti di bawah ini :
<b:widget id='HTML1' locked='false' title='Cursor Animasi' type='HTML'/>
- id='HTML1' Dari kode di atas, ambil kode yang berupa : id='HTML1'.
- Buat Kode CSS Buat kode CSS berdasarkan Kode tersebut di atas.
Bentuk kode CSS:
#HTML1 h2.title{display:none;}. - ]]></b:skin> Simpan kode CSS yang telah dibuat di atas ]]></b:skin>.
- Contoh Penempatan Kode Di bawah ini adalah bentuk posisi kode CSS yang nantinya terpasang di template sampeyan :
#HTML1 h2.title{display:none;} ]]></b:skin>
- Save Template/Simpan Template KLIK "Save Template/Simpan Template" dan lihat hasilnya dengan membuka blog.