Re-Shared, Cara Menampilkan Footer wrapper Pada Homepage Dan Posting Blog
Kali ini saya akan share sedikit cara sesuai judul posting diatas.
Memang setiap tamplate blogspot tidak semuanya memiliki struktur code xml, html, dan css yang sama, namun setidaknya mirip. Berawal dari pengalaman widget footer tidak tampil pada posting tapi hanya tampil pada menu home atau beranda saja.
Untuk itu saya inisiatif untuk share postingan ini.
Sebelumnya mohon untuk memahami terlebih dahulu tentang widget tutorialnya silahkan anda baca disini
Setelah anda mendapatkan bayangan dari tutor diatas silahkan simak Cara Menampilkan Footer wrapper Pada Homepage Dan Posting Blog, agar lebih jelas sebaiknya lihat gambar.
- Gambar sebelum edit html
- Gambar setelah edit html
Mohon untuk hati-hati alangkah baiknya anda backup terlebih dahulu tamplate anda. Dikarenakan structure template berbeda-beda kodenya, dimohon maklum apabila tidak terjadi apapun setelah kalian menerapkan cara diatas.
Intinya cari kode ini pada footer.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='footer'>
................
....
..
</div>
</b:if>
Hapus coding kondisional yang ditandai teks warna merah, id footer adalah widget untuk footer, HTML/CSS setiap template berbeda-beda, tetapi kembali ke inti, hapus coding kondisional diatas agar footer blog tampil pada semua laman blog, dan beri coding tambahan kondisional apabila anda ingin menampilkanya hanya pada postingan dan home page.
<b:if cond='data:blog.pageType == "item"'>
......................................................
</b:if>
Kembali ke template blog ingat cari div footer atau apa istilah pada template anda, beri atau hapus kondisional agar tampilan sesuai yang diharapkan.