Membuat halaman post full view atau disebut juga cara membuat tampilan postingan penuh tanpa header,sidebar,dan footer, Disini cybermistick 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 cybermistick bisa lihat contohnya misalkan contoh cara untuk embed forum blog lihat disini sedangkan contoh cara untuk embed TV online bisa lihat DEMO-nya DISINI
Jika sobat cybermistick 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 footerdibawah ini.
Pertama lihat dulu code bagian pada halaman HTML sobat, dan lihat bagan-bagan yang di hastag seperti contoh halaman HTML pada template punya cybermistick, 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 == "item""><br />
<style type="text/css">
#footer,#comments,#sidebar-wrapper1,#sidebar-wrapper2,#sidebar-bottom,#header-wrapper,#sidebar-top, .sf-menu{display:none !important}body {background:#FFFFFFurl();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 cybermistick 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 cybermistick 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 cybermistick 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 cybermistick saja jadi masih banyak kekurangan dan agak sedikit kurang dimengerti...!
Selamat mencoba dan semoga bermanfaat.
Post a Comment
❖ Terimakasih atas kunjungannya. ヅ ❝Silahkan tinggalkan komentar.❞
↚ ----------------------------------------------------------------------- ↛
⇨ Berkomentarlah dengan Baik & Sopan.
⇨ NO SPAM, No Links, No SARA, No G*mbling, No P◉RN◉!. KOMENTAR BERISI LINK & tidak sesuai dengan Comment Policy akan langsung dihapus.Thanks.
⇨ Jagalah Tali Silaturahmi dan Rasa Saling Menghargai.