Terinspirasi dari halaman-halaman demo yang cuma memperlihatkan isi dari hasil panduan yang dibahas di suatu website design, muncul pemikiran untuk bikin dan menerapkannya ke template atau penampilan halaman Blogger dan jadinya pun lumayan berhasil.
Kali ini saya akan menyampaikan terhadap anda bagaimana cara bikin satu halaman di blog tanpa ada Sidebar/Widget dan Footer, halaman tanpa memperlihatkan sidebar dan Footer ini sanggup anda pakai selaku halaman khusus untuk demo ataupun untuk kebutuhan lainnya.
Cara kerjanya sendiri cukup sederhana, saya menyembunyikan atau meniadakan Sidebar dan Footer akan tetapi saya tetap memperlihatkan isi posting atau Main Wrapper dari halaman tersebut, tetapi ruang kosong yang ditinggalkan oleh Sidebar akan di isi oleh main wrapper dengan melebarkan ukurannya menjadi 100% dari lebar keseluruhan outer wrapper template.
Ada 2 kode untuk bikin halaman ini, yakni kode untuk Template bawaan dari Blogger dan kode untuk Template yang anda terapkan dari Pihak ketiga atau Kostum Template. Pilihlah kode sesuai dengan template yang anda pakai dikala ini lalu salinlah kode tersebut.
1). Kode untuk template bawaan dari blogger
2). Kode untuk kostum template
Langkah-langkah :
1). Masuk ke Blogger lalu klik Halaman.
2). Klik Halaman Baru lalu pilih Halaman kosong.
3). Pada penampilan ini pilih tab HTML.
4). Agar kode tersebut tidak menjadi permanent link, Pastekan semua kode yang telah di salin tadi kedalam halaman post tersebut tepat di bawah </div>.
5). Klik Pratinjau.
6). Jika telah selesai, klik Publish.
Jika anda ingin memperbesar atau bikin isi kiriman ke halaman tersebut, tempatkan isinya tepat di atas kode <style>.
Contoh :
Sekarang setiap kali anda ingin bikin halaman tanpa memperlihatkan Sidebar dan Footer maka anda cuma perlu menyertakan kode tersebut untuk menjadikannya terhapus. Enjoy & Happy Coding!
Sumber https://henponterbaru.blogspot.com
Kali ini saya akan menyampaikan terhadap anda bagaimana cara bikin satu halaman di blog tanpa ada Sidebar/Widget dan Footer, halaman tanpa memperlihatkan sidebar dan Footer ini sanggup anda pakai selaku halaman khusus untuk demo ataupun untuk kebutuhan lainnya.
Cara kerjanya sendiri cukup sederhana, saya menyembunyikan atau meniadakan Sidebar dan Footer akan tetapi saya tetap memperlihatkan isi posting atau Main Wrapper dari halaman tersebut, tetapi ruang kosong yang ditinggalkan oleh Sidebar akan di isi oleh main wrapper dengan melebarkan ukurannya menjadi 100% dari lebar keseluruhan outer wrapper template.
Ada 2 kode untuk bikin halaman ini, yakni kode untuk Template bawaan dari Blogger dan kode untuk Template yang anda terapkan dari Pihak ketiga atau Kostum Template. Pilihlah kode sesuai dengan template yang anda pakai dikala ini lalu salinlah kode tersebut.
1). Kode untuk template bawaan dari blogger
Klik ganda untuk menyalin
<style type="text/css"> /*satu halaman sarat dikostumisasi oleh teach-how.blogspot.com*/ .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>2). Kode untuk kostum template
Klik ganda untuk menyalin
<style type="text/css"> /*satu halaman sarat dikostumisasi oleh teach-how.blogspot.com*/ #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>Langkah-langkah :
1). Masuk ke Blogger lalu klik Halaman.
2). Klik Halaman Baru lalu pilih Halaman kosong.
3). Pada penampilan ini pilih tab HTML.
4). Agar kode tersebut tidak menjadi permanent link, Pastekan semua kode yang telah di salin tadi kedalam halaman post tersebut tepat di bawah </div>.
5). Klik Pratinjau.
6). Jika telah selesai, klik Publish.
Jika anda ingin memperbesar atau bikin isi kiriman ke halaman tersebut, tempatkan isinya tepat di atas kode <style>.
Contoh :
<div dir="ltr" style="text-align: justify;" trbidi="on"> Disini yakni isi dari Teks atau Gambar yang ingin di tampilkan di halaman tanpa Sidebar dan Footer tersebut. </div> <style>Sekarang setiap kali anda ingin bikin halaman tanpa memperlihatkan Sidebar dan Footer maka anda cuma perlu menyertakan kode tersebut untuk menjadikannya terhapus. Enjoy & Happy Coding!
