22 May 2016

Cara Membuat Halaman Polos (Tanpa Sidebar&Footer) di Blogger

Membuat halaman di dalam sebuah Blogger bukan perkara yang sulit. Terlebih untuk para mastah di dunia blogging. Namun bagaimana caranya membuat halaman di blogger yang Polos? Polos yang saya maksud bukan polos tanpa tulisan atau bersih dari apapun, tetapi polos disini adalah tanpa adanya Sidebar (kolom samping) dan Footer (Bagian bawah blog).
Cara Membuat Halaman Polos (Tanpa Sidebar&Footer) di Blogger

Di halaman polos tersebut, Anda bisa memasukkan Gambar, Video, Teks, ataupun Sesuai Kreasi Anda. Lantas Bagaimana Cara Membuatnya? Sebelum membuatnya mungkin ada beberapa Blogger yang ingin tahu seperti apa Tampilan yang dimaksud laman Polos. Untuk DEMOnya saya pinjam laman milik Blogooblok.com   .

Bagimana?? Tertarik? Silahkan Simak Tutorialnya.
Dalam membuat laman polos kita harus menyisipkan CSS untuk menghilangkan Sidebar dan Footer. Disini ada dua Jenis Script CSS yang saya berikan.

SCRIPT PERTAMA
untuk Custom Template (Template Instalan/bukan Bawaan)
<style type="text/css">
/*Halaman Polos oleh Djudan™ */
#sidebar-wrapper {
display: none !important;
}
#footer-wrapper {
display: none !important;
}
.blog-pager{
display:none !important;
}
.post-footer{
display:none !important;
}
.author{
display:none !important;
}
.post-labels {
display:none !important;
}
.feed-links{
display:none !important;
}
.comments{
display:none !important;
}
.footer-outer {
display:none !important;
}
#main-wrapper {
width: 100%!important;
float: left;
margin: 0;
.post {
width:100%
}
</style>
 SCRIPT KEDUA
untuk Default Template (Template Bawaan Blogger)
<style type="text/css">
/*Halaman Polos oleh Djudan™ */
.column-left-outer{
display: none !important;
}
.column-right-outer{
display: none !important;
}
.fauxcolumn-inner{
display:none !important;
}
.column-right-inner{
display: none !important;
}
.footer-outer {
display: none !important;
}
.blog-pager{
display:none !important;
}
.post-footer{
display:none !important;
}
.author{
display:none !important;
}
.post-labels {
display:none !important;
}
.feed-links{
display:none !important;
}
.comments{
display:none !important;
}
.column-center-outer {
width:910px!important;
}
.column-center-inner {
width:100%!important;
}
.blog-posts {
width:100%!important;
}
</style>

  • Langkah selanjutnya, Buat suatu isian Halaman (video, Foto, atau Lainnya). Lalu Copy (salin) script diatas (harus sesuai template) . dan Paste setelah isian tadi.
INGAT !!!
Dalam Memasang Script Harus Dalam Mode HTML bukan Compose
  • Simpan dan lihat. apakah sudah Polos Tanpa sidebar atau belum.
Saya rasa cukup sampai situ saja tutorial ini, Jika ada yan ingin di tanyakan bisa Contact di Komentar.

Artikel Terkait

Cara Membuat Halaman Polos (Tanpa Sidebar&Footer) di Blogger
4/ 5
Oleh

1 comments:

June 15, 2016 at 9:45 PM delete

Wah mantap juga nih, bisa buat coba coba + modifikasi, hehehe...
thanks :)
Artikel Unik

Reply
avatar