Saya melanjutkan artikel sebelum nya yaitu cara menyembunyikan widget pada blog, dimana saya menerangkan cara-cara agar widget tertentu di sembunyikan di halaman home atau fullpost. Sekarang saya menerangkan cara menyembunyikan item pada blog secara global (keseluruhan page) dengan display none,dimana perbedaan nya adalah cara yang satu ini lebih mudah namun effek nya besar.
Menyembunyikan widget seperti artikel saya sebelum nya hanya pada widget tertentu saja, tapi menyembunyikan item (bisa berupa widget/sidebar/footer). Tentu saya lakukan ini jika saya menginginkan tampilan secara global berbeda dengan tampilan global lainya yang berbeda pula (antara home dan fullpost)
Kode ini terjadi dilingkungan <head></head>.
<b:if cond='data:blog.pageType == "item"'>Itu adalah kode yang akan kamu masukan ke dalam lingkungan head. Perhatikan kode berwarna biru itu, dia adalah nama ID widget yang akan kamu perintahkan untuk menghilang ketika di halaman fullpost namun akan hadir selalu di halaman home.
<style>
#html5{display:none;}
</style>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>Lalu perhatikan kode diatas, kode itu akan kamu tulis jika kamu menginginkan item tertentu untuk menghilang di lahaman home (kebalikan nya dari kode yang saya kasih sebelum nya). Perhatikan juga kode berwarna hijau itu karena kamu harus mengenali id item yang ingin kamu perintahkan untuk menghilang.
<style>
#footer-wrapper{display:none;}
</style>
</b:if>
Yang terjadi ketika kamu menulis itu adalah footer blog kamu tidah tampil di halaman muka, nah bagaimana jadinya jika saya ingin tampilkan kembali di halaman lain (seperti fullpost misalnya). Maka kamu hanya menuliskan display none nya menjadi display yes.
Gunakan nalar kamu untuk menentukan bagian mana yang bagus ditampilkan dan bagian mana yang tidak karena itu akan menentukan blog kamu menjadi dynamis dan terlihat segar seperti layaknya website profesional karena bloger adalah hosting web yang sangat terbatas soal dinamika halaman nya, jadi kamu harus pintar soal ini.
tips untuk pintar menggunakan cara ini:
- pastikan kamu mengenal benar id item/widget kamu.
- beri nama (title) pada semua widget kamu biar tidak bingung
- ada beberapa item akan hilang di design page element kamu ketika kamu mengsave edit html yang mana item kamu itu di display none. jadi jangan bingung mengapa widget kamu tak bisa kamu edit di page element, caranya tampilkan kembali widget yang di display none itu lalu save dan kembali ke page elemen agar bisa kamu edit,lalu save kembali di display none ke edit html.
2 comments:
Ingin nyoba resep yg ini v takut error...maklum nyubie gan, lum bgitu paham kode2 kyk gt...
tak perlu takut ....namanya juga belajar....kalo tak dicoba..tak ada pengalaman dunk
Post a Comment