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 alhasil 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 tapi saya tetap memperlihatkan isi posting atau Main Wrapper dari halaman tersebut, tapi 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 arahan untuk bikin halaman ini, yakni arahan untuk Template bawaan dari Blogger dan arahan untuk Template yang anda terapkan dari Pihak ketiga atau Kostum Template. Pilihlah arahan sesuai dengan template yang anda pakai sekarang ini lalu salinlah arahan 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 arahan tersebut tidak menjadi permanent link, Pastekan semua arahan 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 arahan <style>.
Contoh :
Sekarang setiap kali anda ingin bikin halaman tanpa memperlihatkan Sidebar dan Footer maka anda cuma perlu menyertakan arahan tersebut untuk menjadikannya terhapus. Enjoy & Happy Coding!
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 tapi saya tetap memperlihatkan isi posting atau Main Wrapper dari halaman tersebut, tapi 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 arahan untuk bikin halaman ini, yakni arahan untuk Template bawaan dari Blogger dan arahan untuk Template yang anda terapkan dari Pihak ketiga atau Kostum Template. Pilihlah arahan sesuai dengan template yang anda pakai sekarang ini lalu salinlah arahan 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 arahan tersebut tidak menjadi permanent link, Pastekan semua arahan 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 arahan <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 arahan tersebut untuk menjadikannya terhapus. Enjoy & Happy Coding!