Cara Gampang Membuat Halaman Statis Menjadi Full

11:54 AM
loading...

Cara Membuat Halaman Statis Full WidthOke sobat, kita masih di seputaran blog. Coba sobat lihat judul artikelnya. oke inilah maksudnya. Maksud halaman statis full width disini adalah menjadikan halaman statis/static page menjadi satu halaman penuh khusus untuk halaman statis saja. Jadi kita harus menghilangkan sidebar atau widget yang ada di samping blogger sobat.
Sebenarnya caranya mudah-mudah gampang sobat, hehehe....gampangnya adalah bahwasanya kode nya sudah banyak bertebaran di internet, nah susahnya adalah kita harus menyesuaikan ID widget template kita, karena setiap template itu berbeda ID widgetnya.


Membuat Halaman Statis Menjadi Full


Ini lah contoh halaman statis yang full width:



Oke sobat kita langsung saja ke tutorialnya tanpa basa-basi karena cinta yang bertepuk sebelah tangan akan basi, hahaha.....bercanda sedikit sobat karena kopi saya sudah habis.



1. Buka blog sobat.

2. Pilih halaman statis yang mana akan diubah ke halaman full.

3. Kalau sobat sudah menentukan halamanya. Buka halamanya, pilih HTML

4. Dan sobat copy kan kode dibawah ini.


<style scoped="" type="text/css">
#post-wrapper {width:100%;max-width:100%;margin:0 auto;text-align:left;float:none;background-position:center!important;}
#sidebar-wrapper{display:none;margin-top:0;margin:0;}
.post img{background:#fff;}
#comments,#disqus_thread,#disqusshow{display:none;}
</style>


5. Dan sobat publikasikan, lihat apa yang terjadi.


#sidebar-wrapper = Adalah ID widget sidebar, kalau kode diatas tidak bekerja coba sobat cari ID widget sobat. Biasanya.
#comments = menghilangkan kolom komen di halaman statis. Tapi kalau sobat mau menampilkan kolom komentarnya, cukup hapus aja kode #comments nya.
#post-wrapper = Membuat halaman posting menjadi full, dan sesuaikan ID widget sobat seandainya kodenya tidak bekerja.

Baca Juga : Cara Tag Seseorang Di Postingan Blogger

Oke sobat itulah kira-kira cara/tutorial membuat halaman statis menjadi full. Semoga bermanfaat. 


Artikel Menarik Lainnya

Next Article
Next Post
Previous Article
Previous Post
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Contact Form

Name

Email *

Message *