Menyembunyikan elemen atau widget di blogger

Diposkan: 04 Desember, 2012
Ada seorang penanya kiriman dari email Denxxxxxx@yahoo.co.id ,
bagaimana cara menyembunyikan widget di blogspot atau blogger di halaman tertentu , semisal di halaman postingan, halaman beranda blog, terima kasih?

Agak bingung untuk menjawabnya..., karena saya sendiri adalah seorang blogger newbie yang masih belajar dan ngotak atik tampilan template,  Tetapi mudahan artikel ini bisa membantu. Untuk menyembunyikan elemen atau widget di halaman tertentu, semisal di halaman postingan , beranda halaman dan lain-lain.Ini memiliki keuntungan semisal untuk merapikan tampilan blog,memperingan loading halaman blog dan lain-lain.Sebenarnya untuk menyembunyikan elemen atau widget di halaman yang di inginkan ini banyak tehnik atau cara.
Sebagai contoh di blog ini elemen navigasinya kita hidden di halaman postingan. Padahal dengan menanamkan script seperti.

#ID blog yang ingin di hidden {
display:none;
}

di atas kode ]]</b:skin> ini sudah terhidden atau tersembunyi elemen tersebut baik di halaman beranda ,halaman postingan,halaman statistic page dan lain-lain atau bisa di katakan  di seluruh halaman.

Namun untuk menyembunyikan elemen di halaman tertentu,kita bisa menanamkan  kode script di bawah kode]]</b:skin> dengan langkah - langkahnya berikut :
  • Klik widget atau elemen  yang ingin Anda pilih untuk di sembunyikan.
  • Caranya klik di halaman Tata Letak,lalu edit widget yang ingin di sembunyikan,copy alamat yang terdapat di adress bar,seperti gambar di bawah ini ,Kemudian di paste di notepad atau microsoft word. 



  • Di ujung URL yang di copy adalah kode ID widget yang ingin di sembunyikan
Untuk mencari ID elemen yang tidak terdapat pada tata letak, Kita bisa masuk di template.cari ID yang ingin di sembunyikan,sebagai contoh adalah ID navigasi blog pager screenshot di bawah ini yang di tunjukan pada tanda panah,itulah ID elemennya.


Copy ID tersebut yang ingin di sembunyikan
NB : (blog pager tersebut berlaku untuk tampilan web dan seluler)bagi yang mengaktifkan template tersesuai), untuk langkah dan caranya kurang lebih begini :
  • Loggin ke blogger lalu menuju ke Template
  • Lalu Edit HTML
  • Jangan lupa centang Expand
  • Cari kode ]]</b:skin>
Apabila ingin menyembunyikan di halaman postingan ,cukup menaruh kode di bawah ini di bawah kode ]]</b:skin

<b:if cond='data:blog.pageType == "item"'>
<style>
#ID widget yg ingin di sembunyikan {display:none}
</style>
</b:if>

Untuk menyembunyikan di halaman beranda

 <b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
#ID widget yg ingin di sembunyikan {display:none}
</style>
</b:if>
  • Jangan lupa gunakan fasilitas pratinjau atau preview.
  • Bila tidak terjadi kendala ,lalu save template.

Contoh elemen HTML java script ingin kita hidden :
   
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
#HTML1,#HTML3 {display:none}
</style>
</b:if>

Cara menyembunyikan elemen di atas lebih simple,dari pada kita harus mengganjal elemen dengan menyisipkan kode

<b:if cond='data:blog.pageType == &quot;item&quot;'>
< -- Serangkaian elemen kode yang ingin di sembunyikan -->
------------------
-----------
</b:if>

Dan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> seperti ini bisa kita modif atau diganti berdasarkan keperluan, misal kita ingin meyembunyikan di halaman statistic page, kita tinggal merubah kode tadi dengan <b:if cond='data:blog.pageType == &quot;static_page&quot;'> dan ambil IDnya yang ingin di semunyikan atau di tampilkan.

Sekian,cara menyembunyikan elemen atau widget di blogger ,mudahan ada manfaatnya.


2 komentar