Cara Membuat Halaman Statis Full Width

Laman Full Statis di Blog

Yang dimaksud dengan full width disini merupakan halaman statis yang memiliki lebar 100% atau tidak sama sekali memiliki sidebar khusus pada halaman statis atau static page. Dengan memiliki halaman statis atau static page yang memiliki lebar yang full alias tanpa sidebar maka akan terlihat semakin besar dan juga berbeda dengan tampilan seperti biasanya. Agar halaman statis menjadi full width atau lebar penuh, kita bisa menggunakan trik ini dengan kode atau tag conditional yang bisa menempatkan suatu widget dimana yang kita mau.

Dengan menggunakan tag conditional dan ditambahkan sedikit kode CSS yang memerintahkan untuk menjadi full width atau lebar penuh sehingga halaman statis atau static page ini tidak memiliki sidebar. Tidak hanya itu saja, dalam halaman statis juga kita dapat menyembunyikan kotak komentar atau tidak menampilkan kotak komentar khusus pada static page atau halaman statis.

Langkah-langkahnya sebagai berikut :

1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari kode ]]</b:skin> atau kode </style>
4. Salin kode css dibawah ini, lalu Paste dibawah kode ]]</b:skin> atau kode </style>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
.sidebar-wrapper,.comments{display:none;}
#main-wrapper{width: 100%}
</style>

5. Save Template

NB :
- Jika kode diatas tidak berfungsi alangkah baiknya cek setiap kode css pada bagian sidebar, kotak komentar dan lebar halaman yang terdapat dalam template blog Anda, kurang lebihnya seperti dibawah ini :

.sidebar-wrapper : Ganti dengan kode css sidebar template Anda, biasanya kode css sidebar seperti ini (.sidebar-wrapper atau .sidebar atau #sidebar-wrapper atau #sidebar).
.comments : Ganti dengan kode css kotak komentar Anda, biasanya kode css kotak komentar seperti ini (.comments atau #comments atau .comment atau #comment).
#main-wrapper : Merupakan kode untuk menampilkan halaman agar menjadi full width 100%.

Dibawah ini adalah kode css agar kotak komentar muncul pada halaman statis atau static page :

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
.sidebar-wrapper{display:none;}
#main-wrapper{width: 100%}
</style>

Sumur : http://www.ficripebriyana.com/2014/07/cara-membuat-halaman-statis-full-width-di-blog.html