Bikin Postingan Full Page

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Sebelumnya pada artikel Sembunyikan Widget Tanpa Edit Template saya hanya menyembunyikan satu atau beberapa widget pada halaman tertentu. Nah sekarang saya mau berbagi satu halaman penuh hanya kita gunakan untuk area postingan saja.

Jadi saat ini ceritanya postingan nu hawek atau serakah, ya serakah karena terpaksa. Seperti kejadian saat membuat postingan Main Catur Flash di Blog dimana semua  widget hilang  lenyap  entah kemana  tersingkirkan oleh  papan catur.  Memang nggak dipungkiri sekali-kali kita memerlukan area postingan yang lebih lebar dari default template yang ada. 

Ikuti step-stepnya sbb.

Pertama-tama identifikasi dulu berapa pixel lebar blog anda, misal blog anda punya area postingan dan sidebar saja maka lebar full page = lebar postingan + lebar side bar.

Kedua identifikasi ID area postingan pada template.  ID postingan punya Sakahayang adalah #main-wrapper

Kedua identifikasi bagian mana yang akan disembunyikan.  Misal seperti pada postingan   Main Catur Flash di Blog  yang saya sembunyikan adalah

1. Middle bar yang berisi  banyak widget
2. Side bar kanan  yang berisi banner sponsor
3. widget javascript di atas postingan yang berisi Custom Search Engine dan banner sponsor

Nah ketiga bagian di atas kita identifikasi ID-nya dengan mencari di template.blog

Hasil identifikasi ID di template saya dapatkan

1. ID middle bar   adalah #middlebar
2. ID side bar  adalah  #sidebar
3. ID widget diatas postingan #HTML9 

Kalo sudah mengidentifikasi semuanya  maka masuk ke dalam  editor postingan pada mode HTML, sisipkan di paling bawah artikel  code berikut

Disini postingan ,,,
Disini postingan ,,,
Disini postingan ,,,
,,,
,,,
Ini akhir postingan dan tempelkan code-nya di area paling bawah.

<style>
#main-wrapper{width:780px;padding-top:10px;padding-left:15px;padding-right:5px;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
overflow:hidden;/* fix for long non-text content breaking IE sidebar float */
}

#middlebar{display:none!important;}
#sidebar{display:none!important;}
#HTML9{display:none!important;}
</style>

Kode di atas adalah contoh untuk postingan Main Catur Flash di Blog .  Yang perlu anda perhatikan  adalah  tulisan yang tebal dan yang warna merah sesuaikan dengan kondisi blog anda.

Disini terlihat untuk menyembunyikan banyak widget, kita tidak perlu menyembunyikan satu per satu, tapi yang perlu kita sembunyikan adalah container-nya.  Container  tersembunyi, maka seluruh widget yang ada di dalamnya pasti hilang dari pandangan.

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Jika sobat menyukai artikel atau tutorial di blog ini, Silahkan ketik email di sini untuk berlangganan GRATIS via EMAIL , dengan begitu sobat akan mendapatkan kiriman artikel atau tutorial setiap ada yang terbit di Sakahayang Dot Com :

Delivered by FeedBurner

Artikel Terkait: