Cara menghilangkan widget dihomepage atau halaman awal blog. Widget akan dihilangkan atau disembunyikan pada halaman homepage blog saja, widget tersebut hanya akan muncul di halaman posting blog.
Dengan begitu kita sanggup menghemat ruang dari halaman homepage blog. Untuk lebih jelasnya ihwal cara menghilangkan widget tertentu dihalaman awal blog, silakan ikuti langkah-langkah dibawah ini.
Pertama yang harus dilakukan yaitu memilih widget mana yang akan kita sembunyikan dan Mengambil aba-aba ID nya.
Contoh: Widget dengan judul Random Post. Maka kita cari kode ID dari widget yang berjudul Random post. Caranya: Login ke blogger, pilih pengaturan template > klik edit HTML > Lalu cari aba-aba Random Post(Gunakan Ctrl F untuk memudahkan pencarian). Seperti tumpuan gambar dibawah kode id dari widget Random Posts yaitu HTML4
Setelah menemukan kode ID dari widget yang akan disembunyikan. Sekarang cari aba-aba </head> kemudian masukan aba-aba berikut ini diatas </head>
<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
#HTML4{display:none;}
</b:if> </b:if> </style>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
#HTML4{display:none;}
</b:if> </b:if> </style>
Terakhir Save template, selesai.
Kode #HTML4 yaitu aba-aba ID dari widget yang akan disembunyikan dan aba-aba display:none berfungsi untuk menyembunyikan widgetnya. Widget tersebut akan hilang dari halaman awal blog, dan akan muncul pada halaman posting blog.
Silakan mencoba dengan widget2 yang lainnya. Yang terpenting yaitu kita harus mencari terlebih dahulu aba-aba id dari widget yang akan disembunyikan dari halaman awal blog, kemudian meletakannya diatas </head> dengan format aba-aba ibarat diatas. Selesai.
Silakan mencoba dengan widget2 yang lainnya. Yang terpenting yaitu kita harus mencari terlebih dahulu aba-aba id dari widget yang akan disembunyikan dari halaman awal blog, kemudian meletakannya diatas </head> dengan format aba-aba ibarat diatas. Selesai.
0 comments:
Post a Comment