Membuat Halaman Blog Penuh Tanpa Sidebar Di Postingan Tertentu

3:18 AM
Membuat halaman blog penuh tanpa sidebar pada postingan tertentu, apa maksudnya?? Maksudnya adalah membuat halaman artikel tertentu akan tampil penuh satu halaman tanpa adanya sidebar di samping kiri kanan blog kita. Sebagai contohnya coba anda ketikkan pencarian di kotak pencarian blog ini anda akan menemukan halaman posting untuk hasil pencariannya penuh satu halaman.

Sebelumnya saya sudah membuat artikel tentang bagaimana caranya membuat hasil pencarian ada di blog sendiri (baca:Membuat hasil pencarian di blog sendiri) dan hasilnya seperti yang anda lihat tadi kalau anda sudah melakukan pencarian pada kotak pencarian di blog ini. Mungkin tutorial ini sudah banyak yang posting, tapi sebagai pengingat jikalau saat saya butuhkan saya lupa scryptnya saya tinggal mencari di blog ini.

Ok dari pada panjang lebar langsung saja ikuti langkah-langkahnya di bawah ini:
1. Login ke blogger
2. Tata Letak
3. Edit HTML
4. Cari kode
5. Letakkan kode berikut ini di atas
<b:if cond='data:blog.url == "http://www.satriacell.com/hasil-pencarian-satriacell.html"'>

#sidebar-wrapper , #footer{
display: none !important;
}
#main-wrapper, .post {
width: 640px;
}


Ganti yang berwarna merah dengan alamat postingan yang ingin Anda buat penuh area postingannya dan hilangkan sidebarnya. Ganti warna biru dengan lebar yang telah Anda perhitungkan.

KETERANGAN: 
#sidebar-wrapper : kode menghilangkan sidebar
#footer                 : Kode menghilangkan footer blog supaya dalam postingan halaman penuh tidak ada footernya

anda bisa merubah kedua kode di atas dengan apapun yang ingin anda hilangkan nantinya, (ingat hilang disini bukan berarti hilang selamanya tapi hanya hilang pada artikel tertentu yang anda kehendaki) misalnya anda mau menghilangkan header kedenya jadi  #header-wrapper  


Apabila ada pertanyaan seputar postingan ini silahkan tinggalkan di kotak komentar, saya akan menjelaskan semampu saya. semoga artikel ini bermanfaat

Artikel Terkait

  • Blogger Post LimitsThis post is inspired by the number of questions about limits the number of posts for our blog. Next came another que ...
  • Kumpulan Scrypt Social Bookmark GratisSocial Bookmark adalah salah satu metode bagi para pengguna Internet untuk saling berbagi dan mengelola suatu file, ...
  • Cara Tepat Memasang Title TAGBerbicara Tentang SEO tidak akan ada habisnya, di artikel kali ini saya akan memberikan cara yang baik ( menurut penge ...
  • Make Transparent Blogger Navbarif you do not want to remove blogger navbar by default, but only want to modify it, maybe this blogger trick can be one ...
  • Cara Agar Blog Ringan Dibuka Dengan HPBlog Ringan Di Akses Dengan PonselSetelah sebulan ini blog ini memberikan berita tentang piala dunia, sekarang mulai la ...
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Disqus
Tambahkan komentar Anda

No comments