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 performa halaman Blogger dan risikonya 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 instruksi untuk bikin halaman ini, yakni instruksi untuk Template bawaan dari Blogger dan instruksi untuk Template yang anda terapkan dari Pihak ketiga atau Kostum Template. Pilihlah instruksi sesuai dengan template yang anda pakai sekarang ini lalu salinlah instruksi 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 performa ini pilih tab HTML.
4). Agar instruksi tersebut tidak menjadi permanent link, Pastekan semua instruksi 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 instruksi <style>.
Contoh :
Sekarang setiap kali anda ingin bikin halaman tanpa memperlihatkan Sidebar dan Footer maka anda cuma perlu menyertakan instruksi tersebut untuk menjadikannya terhapus. Enjoy & Happy Coding!
Sumber https://8tutorialandroid.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 instruksi untuk bikin halaman ini, yakni instruksi untuk Template bawaan dari Blogger dan instruksi untuk Template yang anda terapkan dari Pihak ketiga atau Kostum Template. Pilihlah instruksi sesuai dengan template yang anda pakai sekarang ini lalu salinlah instruksi 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 performa ini pilih tab HTML.
4). Agar instruksi tersebut tidak menjadi permanent link, Pastekan semua instruksi 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 instruksi <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 instruksi tersebut untuk menjadikannya terhapus. Enjoy & Happy Coding!
Posting Komentar
Posting Komentar