Menampilkan / Menyembunyikan Sidebar Blog

Hello sobat blogger, Apa kabar kalian di penghujung Bulan Ramadhan ini ? Semoga selalu dalam keadaan sehat Wal'afiat Selalu ya sobat ... Berhubung sebentar lagi mau lebaran ni sob, saya (Muhammad Mufid Luthfi) ingin mengucapkan mohon maaf lahir dan bathin bila ada salah selama ini dalam aktifitas blogging, dan kegiatan lainnya. Kita berharap, semoga kita masih diberikan kesempatan untuk menyentuh Bulan Ramadhan tahun depan, Amin.

Ok, kembali kepada postingan kita kali ini. Jika anda berkunjung ke Social Network Blogs, pada bagian bawah blog tersebut terdapat sebuah widget dengan judul "Welcome To The Social Network Blog" yang ada 2 widget dengan judul "What's here ?" dan "Aministrator". Namun, coba anda klik salah satu artikel blog tersebut, apakah anda melihat widget "Welcome To The Social Network Blog" lagi ? tidakkan ? jadi itulah maksud mengapa saya sharing tutorial kali ini (Untuk pemahaman lebihnya, mohon sobat melihatnya langsung ke TKP - Menuju ke Social Network Blog) - Untuk lebih jelas lihat gambar dibawah ini :

Widget Muncul di Halaman Utama

Widget Tidak Muncul di Halaman Postingan

Pada postingan kali ini yang perlu sobat lakukan adalah bagaimana sobat paham dengan penggunaan dan menemukan ID Widget untuk widget yang ingin dimunculkan atau dihilangkan. Bagaimana cara mencari Id Widgetnya tersebut ?

Coba sobat menuju ke tab "Tata Letak" / "Page Element" pada drafh blogger sobat, jika sudah maka sobat pilih widget yang ingin dihilangkan (Cukup catat judulnya saja), Jika sudah coba menuju ke "Edit HTML", dan jangan lupa beri checklis pada "Expand Widget Templates" dan coba search (gunakan Ctrl + F) judul widget yang barusan sobat catat tersebut. Jika ketemu maka sobat bisa menemukan ID widgetnya disana (Seperti HTML1, HTML2, dll). Sudah paham, Ok, langsung ke Step berikutnya.

Jika sobat sudah mengerti bagaimana cara mencari ID Widget diatas, mari ikuti langkah dibawah ini :
1. Login pada Blogger
2. Masuk ke bagian Rancangan, kemudian ke bagian Edit HTML
    Back up Template dengan cara Mengklik : Download Template Lengkap
    Setelah itu, beri tanda cek pada Expand Widget Templates.


Tutorial ini saya bagi dua versi :
1. Menampilkan Widget Pada Halaman Utama Saja
Carilah kode HTML (ID Widget) yang ingin di proses untuk menampilkannya saja di Halaman Home (Kasus ini sama dengan kasus untuk Social Network Blogs yang memunculkan widget pada halaman Home saja). Jika sudah ketemu, maka Sisipkan (apitlah) kode tersebut dengan kode berwarna merah dibawah ini :

<b:if cond='data:blog.url == data:blog.homepageUrl'>

Kode HTML widget/Sidebar yang ingin muncul di Halaman Home saja

</b:if>

Dan klik Save Template, Lihat hasilnya ...


2. Menampilkan Widget Pada Halaman Posting Saja
Ok, jika pada postingan sebelumnya kita sudah membahas menampilkan widget pada halaman utama saja, maka untuk poin ini kita akan membahas cara menampilkan widget pada halaman postingan saja. Carilah kode HTML (ID Widget) yang ingin di proses untuk menampilkannya saja di Halaman Postingan Blog. Jika sudah ketemu, maka sisipkan (Apitlah) kode tersebut dengan kode berwarna merah dibawah ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

Kode HTML widget yang ingin muncul di Halaman Postingan saja

</b:if>

Dan klik Save Template, Lihat hasilnya ...

Bagaimana sudah berhasil ? Ok bagi yang ingin bertanya dan masih bingung silahkan tinggalkan komentar di form komentar di bawah ini, jangan melakukan spam ya sobat, takut ntar sobat kena dampak dari Google Panda (baca : Algoritma Terbaru Google - Google Panda). Jika artikel ini bermanfaat, jangan lupa kasih +1 nya ya, dan share ke teman-temanmu yang ada di Facebook, Twitter, dll

.:: HAPPY BLOGGING SOBAT ::.

Bagikan Jika Artikel ini menarik, Diharapkan agar memberikannya kepada teman2 anda di Facebook

Artikel Lainnya :

Tutorial Blog

• Membuat Sebuah Link Mengarah Ke Lebih 2 URL
• Show Hide Chatbox Efek Jquery di Sidebar Blog
• Memasang Simple Menu Navigasi Horizontal
• Memasang Floating Share Button
• Tag H1 Untuk Judul Postingan dan Judul Blog
• Memasang Hidden Chatbox With Jquery Di Sidebar
• Memasang Hidden Chatbox Pada Sidebar Blog
• Memasang Sticky Tooltips Di Blogspot
• Tampilan Halaman Label Hanya Judul Postingan
• Tutorial Membuat S3slider Images Show
• Memasang Tombol Google +1 di Blogspot
• Membuat Recent Post With Thumbnails
• Membuat Intro Page Pada Blogspot
• Membuat Tab View Pada Blogspot
• Kode Warna HTML
• Combine Show Hide Sidebar with Tooltips
• Navigasi Breadcrumb Pada Postingan Blog
• Membuat Tooltips Pada Sebuah Objek
• Membuat Menu Navigasi Dengan Tooltips
• Membuat Page Peel Effect Pada Blogger
• Related Post With Scrool Function
• Pesan Kamu Di Atas "Poskan Komentar's Box"
• Membuat Form Komentar Admin
• Membuat Rate Widget Pada Blog