Thursday, April 18, 2013

Cara Menghilangkan Sidebar Blog Pada Posting Tertentu

Cara menghilangkan sidebar blog pada posting tertentu. Menghilangkan bukan berarti menghapus. Sidebar hanya disembunyikan dari halaman tertentu. Dengan tujuan agar posting suatu halaman terlihat rapi dan bersih dari Widget atau Gadget yang berada di kanan atau kiri posting blog. Sebagai contoh kalian bisa lihat menu  About,  dan Contact dari blog ini. Dengan menghilangkan Sidebar, dapat juga mempercepat loading blog untuk di akses.
cara menghilangkan sidebar blog pada posting tertentu
Ada 2 cara yang berbeda yang akan saya jelaskan, yang pertama adalah menyembunyikan sidebar dengan lebar posting sampai ke samping, hampir seluruh ukuran web digunakan untuk posting. Dan yang kedua adalah menyembunyikan sidebar dengan lebar yang masih sama seperti ketika ada Widget/Gadget dikanan-kiri posting, contohnya lihat about di blog ini. Silahkan pilih kedua cara tersebut, sesuaikan dengan fungsinya, jika ingin dibuat lebih lebar,  maka pilih cara yang pertama, sidebar disembunyikan, dan lebarnya sampai kesamping. Untuk cara membuat sidebar menghilang dari posting tertentu. Ikuti langkah-langkah dibawah ini.

 Cara menyembunyikan sidebar yang Pertama

  1. Login ke blogger. 
  2. Dari dasbor pilih menu template dan klik edit HTML.
  3. Dan Cari kode </head> (Gunakan Ctrl F) dan letakkan kode berikut diatas </head>
  4. <b:if cond='data:blog.url == "http://pengguna-komputer.blogspot.com/"'>
    <style type='text/css'>
    .main-inner .columns {
    padding-left: 0px;
    padding-right: 0px;
    }
    .main-inner .column-left-outer {
    display: none;
    }
    .main-inner .column-right-outer {
    display: none;
    }
    </style>
    </b:if>
  5. Keterangan: Ganti kode biru dengan url dari posting kamu yang ingin dihilangkan sidebarnya.
  6. Kode Merah diatas gunanya untuk menyembunyikan sidebar bagian kiri. Dan Kode Hijau itu untuk menyembunyikan sidebar bagian kanan. Jadi kalian bisa atur sidebar yang mau disembunyikan, yang kanan atau yang kiri, atau kedua-duanya di sembunyikan. Berikut: Contoh susunan kode kanan dan kiri.
  7. Untuk yang Kanan. 
    <b:if cond='data:blog.url == "http://pengguna-komputer.blogspot.com/"'>
    <style type='text/css'>
    .main-inner .columns {padding-right: 0px;}
    .main-inner .column-right-outer {display: none;}
    </style>
    </b:if>

    Untuk yang Kiri.
    <b:if cond='data:blog.url == "http://pengguna-komputer.blogspot.com/"'>
    <style type='text/css'>
    .main-inner .columns {padding-left: 0px;}
    .main-inner .column-left-outer {display: none;}
    </style>
    </b:if>
  8. Atur sesuai keinginan kamu, Terakhir Save template, dan lihat hasilnya. Selesai.

Cara menyembunyikan sidebar yang kedua

  1. Cara menyembunyikan sidebar yang kedua, seperti halaman about dan contact di blog ini. Cara ini sedikit lebih simpel jika dibandingkan dengan cara yang pertama.
  2. Caranya klik Edit HTML dan Cari kode <head> dan tempatkan kode berikut diatas <head>
  3. <b:if cond='data:blog.url == "http://pengguna-komputer.blogspot.com/p/var-servicedomainwww.html"'>
    <style type='text/css'>
    .sidebar{
    display: none;
    }
    </style>
    </b:if>
  4. Keterangan: Ganti kode Merah  dengan url posting yang akan kamu sembunyikan. .sidebar{
    display: none; } itu artinya kiri-kanan sidebar disembunyikan. tapi lebarnya posting tetap sama, tidak berubah.
  5. Terakhir Save dan lihat hasilnya, Selesai. Semoga Bermanfaat.
Share:

0 comments:

Post a Comment

BTemplates.com

Blog Archive

Powered by Blogger.

Blog Archive