Selamat datang agan atau aganwati kali ini saya akan berbagi tips blogging yaitu cara membuat halaman statis blog menjadi full screen. Halaman statis blog merupakan laman yang dibuat khusus pada blog untuk membuat sebuah laman berisi yang diisikan oleh pemilik atau administrator yang tidak bercampur dengan postingan oleh sang pemilik blog.
Biasanya halaman statis yang dibuat oleh seorang blogger adalah seperti laman contact us, about us, sitemap, privacy policy, disclaimer dan masih banyak lagi. Namun adakalanya laman yang kita buat agar lebih profesional kita buat untuk satu halaman penuh agar pengunjung fokus dengan isi laman yang kita buat tersebut.
Berikut beberapa langkah untuk membuat halaman statis blog menjadi full screen :
Langkah
1. Login pada blog anda masing-masing,2. Pada menu dashboard pilih menu laman,
3. Setelah itu pilih laman yang ingin dibuat satu halaman penuh,
4. Setelah itu copy script di bawah ini lalu paste pada laman yang ingin dibuat satu laman penuh.
<style type="text/css">
body{background:#eee;}
#main-wrapper{width:100%;border:1px solid #ccc;}
#sidebar-wrapper, .breadcrumbs, #comments, .post-footer, #blog-pager{display:none}
</style>
Jangan lupa untuk mengubah tipe halaman dari compose menjadi html pada saat menempelkan script di atas!
Jangan lupa sesuaikan tag-tag yang ingin dihilangkan agar menjadi satu laman penuh pada script tersebut, mungkin tag tersebut bisa saja berbeda dengan tag template anda, seperti #main-wrapper merupakan laman yang ingin dibuat full, #sidebar-wrapper merupakan sidebar, #comments merupakan kolom komentar dan lainnya bisa disesuaikan pada template anda.
Demo
Nah itu saja dari saya semoga artikel tentang cara membuat halaman statis blog menjadi full screen bermanfaat bagi anda, jangan lupa bagikan serta tinggalkan komentar anda. Terima kasih
Share this
Found an article helpful? Donate via Paypal
Cara style text di komentar Disqus dan Blogger:
- Untuk menulis huruf bold silahkan gunakan
<strong></strong>
atau<b></b>
. - Untuk menulis huruf italic silahkan gunakan
<em></em>
atau<i></i>
. - Untuk menulis huruf underline silahkan gunakan
<u></u>
. - Untuk menulis huruf strikethrought silahkan gunakan
<strike></strike>
. - Untuk menulis kode HTML silahkan gunakan
<code></code>
atau<pre></pre>
atau<pre><code></code></pre>
, dan silahkan parse dulu kodenya pada kotak parser di bawah ini. - Untuk menggunakan emoji di bawah ini cukup copy kode tersebut dan beri jarak 1 spasi untuk menampilkan emoji pada kolom komentar Blogger.
Parser Kode
FAQEmotikon
Pilih Sistem Komentar Yang Anda Sukai
11 Comments
Renaldy Rizki Ramadani
27 December 2016 at 21:29
sama-sama gan :mantapgan
Renaldy Rizki Ramadani
28 December 2016 at 16:41
iyaa gan sama-sama hehe
Renaldy Rizki Ramadani
28 December 2016 at 16:41
sama-sama gan :D
Renaldy Rizki Ramadani
28 December 2016 at 16:42
iya gan harus tau basic-basicnya hehe
Firza Ramadhan
3 December 2017 at 07:32
Makasih sob infonya, sukses selalu, mampir balik ke www.idhoweb.xyz
Renaldy Rizki Ramadani
7 December 2017 at 16:04
Okee siap gannn