cara menghilangkan sidebar/footer pada artikel tertentu

pada postingan sebelomnya yaitu  tutorial cara menampilkan widget ter tentu di halaman depan saja ,sekarang saya lanjutkan dengan  cara menampilkan  halaman penuh pada artikel tertentu (artikel yang anda inginkan  tampil di halaman penuh tampa sidebar dan fo0ter) waduh kok saya bingung yaa gimana menjelaskannya. hehehe mudah-mudahan dapat dimengerti deh. maklum postingan serupa sudah banyak di bahas di blog tetangga.jadi bingung nentukan judulnya.

miskipun postingan jadul gpp deh coz tujuan saya sekedar buat catatan online agar tidak lupa dengan apa yang sudah di dapatnya:-)

LIHAT DEMO DISINI

yuk langsung saja  ikuti cara menghilangkan sidebar pada postingan tertentu di blogger


1=>login dulu dunk.

2=>pergi ke dashboard | design |edit html

3=> temukan kode  </head> kemudian pasang kode berikut di-atas nya

<b:if cond='data:blog.url == &quot;URL/link postingan yang ingin di tampilkan full halaman &quot;'>
<style>
#sidebar-wrapper , #footer{
display: none !important;
}
#main-wrapper, .post {
width: 640px;
}
</style>
</b:if>

4=> simpan template.

keterangan:

warna merah di ganti dengan URL postingan yang ingin anda tampilkan secara full pada  halaman single post.

warna biru  bisa anda ganti dengan lebar halaman.

untuk mengetahui labar halaman template blog anda  bisa lihat di kode CCS dalam template blog anda . biasanya kode CCS-nya seperti ini
#main-wrapper{width: 960px;

ADAPUN CARA YANG KEDUA YANG BISA ANDA GUNAKAN SEBAGAI BERIKUT

1=> menyisipkan kode dibawah ini pada ahir postingan yang ingin anda tampilakan full page seperti demo di atas

<style>#main-wrapper{width: 960px; float: left; margin: 0 10px 0 10px; word-wrap: break-word;overflow: hidden;}</style>

<style>#related-posts{display:none;}</style>
<style>#comment-form{display:none;}</style>
<style>#comments{display:none;}</style>
<style>#sidebar-wrapper{display:none;}</style>

2=>sispkan semua kode di atas jika anda ingin menampilkan hanya postingan saja yang tampil dalam halaman tertentu. tampa menampilkan:

• related post/ artikel terkait
• kotak komentar
• komentar yang masuk
• dan menhilangkan semua sidebar

3=> silahkan hapus beberapa kode di atas jika  tidak ingin anda hilangkan dalam postingan tersebut.

4=> selesai dan lihat hasilnya. semoga bermamfaat deh

NOTA:
Trik ini bekerja dengan baik di Fire Fox dan IE, namun tidak menutup kemungkinan terdapat beberapa kelemahan. Saran dan kritik dari sahabat sangat saya harapkan. Semoga trik diatas bisa membantu, untuk mendapatkan hasil yang maksimal dalam memanipulasi halaman blog Anda sehingga menjadi beraneka ragam seolah-olah menggunakan hosting hehhehe