28 Agustus 2011

Pin It

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 :

Menampilkan / Menyembunyikan Sidebar Blog | Khamardos Blog
Widget Muncul di Halaman Utama
Menampilkan / Menyembunyikan Sidebar Blog | Khamardos Blog
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 .


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 ::.
Share To lintasberita.com | Khamardos Blog

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

Artikel Lainnya :

13 comments:

Klik Untuk Lihat Komentar

Rama88 on 29 Agustus 2011 09.16 mengatakan...

wahh boleh juga tuh triknya,,, thx sob,, mampir disini ya http://rama88.blogspot.com/2011/08/silaturahmi-yuuuukkk.html..

Rama88 on 29 Agustus 2011 09.21 mengatakan...

wahhh boleh juga tuh dicoba triknya sob,, mampir disini ya sob: http://rama88.blogspot.com/2011/08/silaturahmi-yuuuukkk.html

Adira Asuransi Kendaraan Terbaik Indonesia on 29 Agustus 2011 11.13 mengatakan...

Wah baru tau nie,,makasih boz..:-*

Manchester United Tech | Berita Sepak Bola on 29 Agustus 2011 12.00 mengatakan...

Mantap kang, aku juga dah menerapkan nya..

NGEBLOG™ on 29 Agustus 2011 12.23 mengatakan...

good info

:)

NGEBLOG™ on 29 Agustus 2011 12.24 mengatakan...

saya coba dl iya bro

Raindra on 29 Agustus 2011 19.47 mengatakan...

:D mantep nih gan kapan2 saya coba makasih atas infonya ;) \m/

Bayu The Maniac on 29 Agustus 2011 20.38 mengatakan...

nice article. lumayan nambah ilmu
kapan kapan saya coba bang :D

Shinobi Blog on 29 Agustus 2011 22.31 mengatakan...

keren nih sob...
makasih infonya ... :)

Blogger on 30 Agustus 2011 20.08 mengatakan...

Nice info,
follow my blog plis http://ridho-blogger.blogspot.com

chute on 28 September 2011 18.23 mengatakan...

Artikel yg sngat menarik, Dpt iLmu bru nich,...

Thanks for infonya...!!!

Berbagi Kreativitas on 21 Mei 2012 16.40 mengatakan...

Terus sob kalo untuk lebar halaman postingnya gimana? jadikan ada celah sidebar yang kosong, biar ketika pada postingan sidebar hilang dengan halaman posting mengambil tempat sidebar yang kosong tadi penuh dengan halaman posting

badak on 7 September 2012 23.35 mengatakan...

iya sama dengan diatas saya, bagaimana dengan celah yang kosong akibat widget yang disembunyikan,, apakah tetap ada jarak kosong atau tampil normal

:: Komentar Anda ::

Silahkan isi Komentar anda pada Form Komentar dibawah ini !!!
Kritik dan Saran yang membangun sangat saya harapkan dari sobat semua !!!

NO SPAM PLEASE !!!

Senyum :)) tunggu :)] centil ;)) kedip ;;) unjuk gigi :D hai ;) week - Jelek :p menangis :((
smile :) gawat :( Love - cinta :X briken love - patah hati =(( ooo - ounght :-o bingung :-/ kiss - cium :-* nothing :|
Gila - stres 8-} pusing ~x( takut :-t tenju - pukul b-( marah :-L marah kali x( sangat lucu =))

[[ Form Komentar Klasik ]]

Jika Anda Ingin Berlangganan Artikel Dari Situs Ini,
Silahkan Ketik Email Anda Pada Form Di Bawah Ini :

 
Copyright © 2009 Black Nero is Designed by Ipietoon | Tweaking by Mufied