Sebelum kita buat. Mungkin ada yang bertanya, untuk apa laman atau halaman polos pada blog dibuat? Jawaban setiap orang niscaya berbeda, namun intinya dengan laman polos tanpa sidebar dan footer di blogspot, bakal memberi kita ruang berkreasi lebih jauh.
Lihat demonya, laman polos tanpa sidebar dan footer yang bakal kita buat.
Gimana? Tertarik? Kita bakal membuatnya dalam dua versi. Versi dari template bawaan blogger dan template dari Pihak ketiga atau Kostum Template. Template dari pihak ketiga kadang-kadang telah mengalami banyak perubahan, sehingga script yang kedua memungkinkan trik ini berfungsi.
Kita mulai saja. Silahkan dipilih mana yang sesuai dengan template Anda.
1. Script Buat Laman Polos Tanpa Sidebar dan Footer Untuk Template Blogger.
<style type="text/css">
/*satu halaman penuh dikostumisasi oleh blogoooblok.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>
/*satu halaman penuh dikostumisasi oleh blogoooblok.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. Script Buat Laman Polos Tanda Sidebar dan Footer untuk Kostum Template.
<style type="text/css">
/*satu halaman penuh dikostumisasi oleh blogoooblok.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>
/*satu halaman penuh dikostumisasi oleh blogoooblok.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>
Setelah menentukan script yang sesuai dengan template Anda, selanjutnya sisa membuat laman. Caranya jikalau Anda masih belum punya laman, buatlah laman gres dengan masuk ke dhasbor blog Anda. Pilih laman dan buat laman baru.
Paste script diatas dibagian HTML. Lalu kembali ke Compose untuk menambahkan tulisan. Sekarang lihat hasilnya. Anda telah memiliki satu halaman penuh tanpa sidebar dan footer, 100% bersih. :)
Untuk memasukkan teks, gambar atau video, gunakan format dibawah ini. Letakkan sempurna diatas aba-aba <style> pada script diatas.
<div dir="ltr" style="text-align: justify;" trbidi="on">
Disinilah tempatnya Anda menaruh Tulisan, Gambar atu Video. Silahkan Berkreasi
</div>
<style>
Disinilah tempatnya Anda menaruh Tulisan, Gambar atu Video. Silahkan Berkreasi
</div>
<style>
Jika mengalami kesulitan atau masih belum paham dengan klarifikasi diatas, silahkan meninggalkan komentar dibawah ini. Pertanyaan Anda bakal sesegera mungkin bakal aku respon. Terima kasih!
0 Response to "Cara Membuat Laman Polos Tanpa Sidebar Dan Footer Di Blog"
Post a Comment