Cara Buat Halaman Blog Satu Layar

cara buat halaman blog satu layar - Setelah pada postingan gang tutorial sebelumnya sudah share tips blog yang direq oleh pengunjung blog ini, maka sekarang giliran request dari salah satu sobat komunitas blogger madura, sebut saja virus legowo. Dia request cara buat halaman blog satu layar. Sebenarnya, postingan ini sudah di request beberapa hari yang kemaren via tlp, berhubung saya sedikit pelupa orangnya, maka postingan ini molor hingga sekarang. Saking pengennya, dia tlp lagi tadi malem setelah posting Cara Pasang Random Post Di Sidebar Blog.

Memang tampak bersih kalo blog jika semuanya widget yang menempel dihilangkan, dan pengunjung blog itu sendiri dibuat bener-bener fokus pada postingan. Tapi dibalik itu semua kadang-kadang sobat blogger ada yang gak suka bahkan menurut saya blog itu sendiri ada sedikit ruginya. Karena dengan gaya tampilan Halaman Blog Satu Layar, pengunjung blog tidak disuguhkan dengan hal lain.

OK. Dari pada sobat penasaran berikut screenshotnya dan bedakan antara home page dan halaman blog

Live Demonya : Disini

Langkah-langkah buat halaman blog satu layar

• Lakukan seperti bisa login ke blogger
• Pilih Rancangan >> Elemen Halaman >> Edit HTML
• Silahkan cari kode </head>
• Jika sudah ketemu, silahkan letakkan kode dibawah ini tepat diatasnya kode tersebut

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#sidebar-wrapper{display:none;}
#main-wrapper { width: 900px; float: left;}
</style>

Keterangan :
Kode #sidebar-wrapper adalah kode yang berhungan dengan sidebar blog bahkan sobat juga dapat menghilangkan header blog ataupun footer blog, kode #main-wrapper adalah kode halaman postingan. 900 adalah lebarnya, silahkan ganti lebarnya sesuai denan template sobat

• Jika sudah, simpan template dan lihat hasilnya

OK. sampai disini dulu cara membuat halaman blog satu layar, semoga bermanfaat dan selamat mencoba