Kali ini saya cuman ingin share bagaimana caranya menghilangkan sidebar pada halaman utama atau home page blogger, sidebar disini bisa berlaku untuk sidebar widget statis dan stiky.
Cara untuk menghilangkan sidebar pada home blogger
Adalah dengan menggunakan script sederhana di bawah ini, yaitu menggunakan script tag condition, letakan script tersebut pas di atas </head> :<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
#post-wrapper{float:none;margin:0 auto}
#sidebar-wrapper { display:none;}
</b:if>
</style>
Jadi penjelasan singkatnya bagaimana script ini bekerja adalah sebagai berikut : Jika data kondisi url berada pada home page atau halaman utama, maka :
Kode ini -> #post-wrapper{float:none;margin:0 auto} : berarti Class #post-wrapper akan bertransisi ke tengah / menjadi 1 kolom saja,
lalu Kode ini -> #sidebar-wrapper { display:none;} : Class #sidebar-wrapper akan di hilangkan atau di hide / di sembunyikan, bukan di hapus loh ya.
Untuk contoh hasil seperti gambar di atas
Ok mungkin itu aja tips merubah layout blogger, tentang cara menghilangkan sidebar pada home, semoga bermanfaat.
Post a Comment