Cara Membuat Tampilan Blog Penuh Tanpa Sidebar Header dan Footer

Jumat, 02 Maret 2012

Membuat halaman post full view atau disebut juga cara membuat tampilan postingan penuh tanpa header,sidebar,dan footer, Disini Bloggebu mau bagi bagi cara lagi , biasanya ini dikhususkan untuk halaman tertentu seperti untuk memasukan atau membuat forum di blog (embed forum di blog) dan embed source TV online.sobat bloggebu  bisa lihat contohnya misalkan contoh  cara untuk embed forum blog lihat disini sedangkan contoh cara untuk embed TV online bisa lihat disini

Jika sobat bloggebu sudah mengerti apa maksud artikel ini ketika melihat contohnya, langsung ajah cekibrot cara membuat halaman artikel full view tanpa Tanpa Sidebar Header dan Footer widget atau gadged dengan cara menghilangkan pada bagian header,sidebar,dan footer dibawah ini

Pertama lihat dulu code bagian pada halaman HTML sobat, dan lihat bagan-bagan yang di hastag seperti contoh halaman HTML pada template punya bloggebu, jika salah satu bagian dibawah ini tidak ada, sesuaikan dengan bagian yang ada pada template sobat (bawaan template)

#header-wrapper       : Bagian Header
#outer-wrapper          : Bagian luar
#main-wrapper           : Bagian postingan
#sidebar-wrapper       : Bagian sidebar
#comments                 : Bagian kotak komentar
#footer                       : Bagian Footer (bawah)
#sidebar-top               : Sidebar bagian atas

#sidebar-wrapper1     : Sidebar bagian 1

#sidebar-wrapper2     : Sidebar bagian 2

#sidebar-bottom         : Sidebar Bagian 3

Nah Berikut keseluruhan kode untuk menghilangkan bagian yang tidak ingin ditampilkan di halaman postingan tertentu, copy paste code dibawah ini pada halaman postingan

<b:if cond="data:blog.pageType == &quot;item&quot;"><br />
<style type="text/css">
#footer,#comments,#sidebar-wrapper1,#sidebar-wrapper2,#sidebar-bottom,#header-wrapper,#sidebar-top, .sf-menu{display:none !important}body {background:#FFFFFF url();background-repeat:no-repeat fixed;background-position:top left;}#outer-wrapper{width:950px;background:transparent;border:none;}#main-wrapper{width:900px;}
</style><br />
</b:if><br />
<center><embed align="top" allowfullscreen="true" allowscriptaccess="sameDomain" bgcolor="#ffffff" devicefont="false" height="860" menu="true" name="MivoTV" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" scale="noscale" scroll="auto" src="http://id.imediabiz.com/MivoTV.swf?r=%27%20+%20Math.round%28Math.random%28%29%20*%2099999%29%20+%20%27" type="application/x-shockwave-flash" width="900" wmode="transparent"></embed></center><br />

Untuk kode berwarna Hijau adalah kode bagian #footer,#comments,#sidebar-wrapper1,#sidebar-wrapper2,#sidebar-bottom,#header-wrapper,#sidebar-top yang bloggebu  hilangkan,

Code berwarna ungu {background:#FFFFFF url(alamat gambar background);background-repeat:no-repeat fixed;background-position:top left;} untuk latar belakang misalnya warna background

Code  Berwarna biru #outer-wrapper{width:950px;background:transparent;border:none;} lebar halaman kiri dan kanan sehinga terlihat tampil penuh

Code Berwarna Merah  #main-wrapper{width:900px;} Untuk melebarkan halaman postingan sehingga tampilan menjadi penuh

Dan untuk kode berwarna kuning adalah kode source dari yang bloggebu pakai "TV online MIVO TV", atau sobat bisa juga memasukan artikel apa saja sesuai kebutuhan.


Ket: untuk melakukan cara ini janganlah di praktekan pada postingan baru, cobalah pada postingan dengan waktu yang di sesuaikan, sehingga tidak menggangu postingan atau artikel yang baru sobat buat, contohnya tampilkan pada waktu atau bulan yang lalu.

Ok sobat, itulah cara untuk Membuat halaman full view atau disebut juga tampilan post penuh tanpa widget atau gadged dengan cara menghilangkan pada bagian header,sidebar,dan footer.

Mudah-mudahan cara diatas bisa dimengerti oleh sobat bloggebu sekalian, jika ada yang ingin bertanya silahkan mudah-mudahan bisa dijawab, jika ada kesalahan dalam membuat cara ini mohon dimaklumi ini hanya sedikit cara dari pengalaman bloggebu saja jadi masih banyak kekurangan dan agak sedikit kurang dimengerti...!

Bagikan :

Facebook Twitter