Menu

Kamis, 14 Juli 2016

Cara Gampang Membuat Halaman Statis Menjadi Full


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. 

Share This

Previous Post
Next Post
Azmi Ifana Afif Son

Written by

Related Posts

0 komentar: