Home » , » CARA PALING MUDAH MEMBUANG SIDEBAR TEMPLATE BLOGSPOT

CARA PALING MUDAH MEMBUANG SIDEBAR TEMPLATE BLOGSPOT

AbuazmaShare.Id - Cara Membuat Template Menjadi 1 Kolom - Bagaimana Cara Membuang Atau Menghilangkan Sidebar Pada Template Blogspot? - Entah apa tujuan para blogger merubah template standar menjadi 1 kolom saja terutama pada template bawaan blogger, yang pasti tujuan-nya adalah bisnis. Seperti saya sendiri, pada awalnya saya mau mencari dan mendownload template landing page yang sudah di bagikan oleh para blogger senior perancang template, saya akui tampilan template yang dibagikan terlalu keren, karena keren-nya sehingga jika diakses melalui versi mobile malah kurang userfrendly sebab content utama yang di sajikan tidak tampil secara langsung.

Kemudian saya beralih mencari template 1 kolom yang banyak bertebaran di situs penyedia template yang lengkap mulai 1 kolom, 2 kolom, hingga 3 kolom namun sepertinya masih kurang pas karena kita tidak bisa memodifikasi keseluruhan, mulai dari baground, warna template, dan kurang fest loading.


Lalu saya berpikir "bagimana kalau template simple bawaan dari blogger karya josh peterson di jadikan template 1 kolom sehingga mirip, bukan mirip lagi tapi berubah menjadi template jenis landing page yang fokus pada konten yang di sajikan. Lihat nih.. DEMO

Sehingga template 1 kolom ini cocok sekali untuk blog bisnis yang memuat 1 atau beberapa artikel saja tidak memerlukan read more, walaupu pada tata letak terlihat ada addgadget, Dan ternyata mudah saja, karena hanya perlu memasukan script saja di bawah </b:skin>. Dengan Menghilangkan Sidebar, Halaman Statis atau Posting akan full dan bisa diisi seperti galery foto atau Random Post dengan Thumbnail.

Tips desain blog untuk halaman tertentu ini mungkin berguna bagi blog toko online untuk menyimpan galeri produk. Blog pribadi juga bisa membuat halaman khusus menampilkan galeri foto atau gambar. mau tau caranya nih... lagsung saja..

BACA JUGA: OTAK ATIK WARNA TEMPLATE BLOGGER YUK...!!! MUDAH BANGET LHO...BACA DISINI


1. Menghilangkan Laman Tertentu

Untuk menghilangkan Sidebar di Halaman Tertentu, copas atau simpan kode berikut ini di bawah kode </b:skin>

<b:if cond='data:blog.url == "http://namabloganda.blogspot.com/p/nama-halaman.html"'>
<style>
.main-inner .columns {padding-left: 0px !important;padding-right: 0px !important;}
.main-inner .fauxcolumn-center-outer {left: 0px !important;right: 0px !important;}
.main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer, .main-inner .column-left-outer, .main-inner .column-right-outer {display: none !important;}
</style>
</b:if>
Ganti warna merah diatas dengan laman yang anda hilankan

2. Menghilangkan Sidebar kanan/kiri (ini sesuai demo diatas)

Untuk menghilangkan Sidebar di Seluruh Halaman Statis, copas atau simpan kode berikut ini di bawah kode </b:skin>

<b:if cond='data:blog.pageType == "static_page"'>
<style>
.main-inner .columns {padding-left: 0px !important;padding-right: 0px !important;}
.main-inner .fauxcolumn-center-outer {left: 0px !important;right: 0px !important;}
.main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer, .main-inner .column-left-outer, .main-inner .column-right-outer {display: none !important;}
</style>
</b:if>

3. Semua Halaman Statis & Halaman Posting (Semua kolom)

Untuk menghilangkan Sidebar Seluruh Halaman Statis dan Halaman Posting, copas atau simpan kode berikut ini di bawah kode </b:skin> (template anda nggak ada sidebar sama sekali)

<b:if cond='data:blog.pageType == "item"'>
<style>
.main-inner .columns {padding-left: 0px !important;padding-right: 0px !important;}
.main-inner .fauxcolumn-center-outer {left: 0px !important;right: 0px !important;}
.main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer, .main-inner .column-left-outer, .main-inner .column-right-outer {display: none !important;}
</style>
</b:if>

Nah begitulah cara menghilangkan, menyembunyikan sidebar blogspot, sehingga menjadi template 1 kolom bisa juga disebut Landing page, muah kan... selamat mencoba
Abu Azma
abuazmaShare Updated at: Friday, September 16, 2016

0 komentar:

Post a Comment

Terima kasih sudah singgah di blog kami yang sederhana ini,
* Jika artikel kami bermanfaat silakan berbagi di media sosial tombolnya ada di atas itu,
* Jika berkenan tinggalkan jejak anda di kolom komentar di atas/bawah ini...
* KOMENTAR ANDA AKAN DI TAYANGKAN & DI JAWAB KETIKA ADMIN SEDANG ONLINE

Artikel Terkait

back to top