Home » » Menyembunyikan Sidebar Satu Kolom dihalaman tertentu

Menyembunyikan Sidebar Satu Kolom dihalaman tertentu

Written By Unknown on Selasa, 26 Maret 2013 | 21.32

Blogger Tips - Setelah lama tidak update di blog ini karena sibuknya aktifitas di blog utama dan yang lainnya, hari ini saya mencoba menulis tentang beberapa kode untuk menghilangkan salah satu widget maupun sidebar satu kolom pada halaman tertentu. Hal ini saya tulis disini untuk mengingatkan saya kembali agar apa yang sudah saya gunakan tidak akan hilang dan menjadi salah satu data saya pribadi. ya maklum, saya sendiri bukan ahlinya codding. cuman baca totor sana sini doang. 

Dan untuk menghilangkan salah satu widget di halaman tertentu cukup dengan menambahkan kode- dibawah ini. Seperti biasa sebelum menambahkan kode ini, backup dulu templatenya supaya nantinya jika terjadi kesalahan masih ada cadangan templatenya.. 

langkah yang pertama masuk ke edit template - centang edit HTML dan cari kode kode ]]></b:skin> semua kode ini diletakkan dibawah kode tersebut.


1. Menghilangkan widget dihalaman utama (homepage)


WIDGET:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
#HTML6, #HTML7 {display:none;}
</style>
</b:if>

Note : Ganti tulisan yang berwarna biru dengan ID widget yang akan disembunyikan.


2. Menghilangkan sidebar satu kolom dihalaman utama (homepage)


Sidebar:

 <b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
#sidebar-wraper, #footer-wraper {display:none;}
</style>
</b:if>

Note : Ganti tulisan yang berwarna biru dengan ID sidbar/kolom yang akan disembunyikan.

Dari kedua kode tersebut intinya cuma mengganti ID sidebar maupun widget yang ingin disembunyikan dari halaman homepage..


Dan untuk menghilangkan widget maupun sidebar dari halaman posting/singlepost berikut ini kode yang harus ditambahkan dibawah ]]></b:skin> 


1. Menghilangkan widget dihalaman posting


WIDGET:

<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#HTML5, #HTML6 {display:none}
</b:if>
</style>

Note : Ganti tulisan yang berwarna biru dengan ID widget yang akan disembunyikan.

2. Menghilangkan sidebar satu kolom dari halaman posting


Sidebar:

<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#sidebar-wraper, #footer-wraper {display:none}
</b:if>
</style>

Note : Ganti tulisan yang berwarna biru dengan ID widget yang akan disembunyikan.

Dan untuk menyembunyikan salah satu widget saja, kode bisa ditambahkan langsung pada ID widget tersebut. Berikut ini contohnya..

1. Menampilkan widget hanya dihalaman posting saja


WIDGET:

<b:widget id='HTML4' locked='false' title='Artikel Terkait' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

2. Menampilkan widget hanya dihalaman homepage saja


WIDGET:

<b:widget id='HTML2' locked='false' title='Profile' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty –>
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'> <data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Note : Perhatikan kedua contoh di atas. Kode yang berwarna merah itulah yang harus ditambahkan di widget yang akan di sembunyikan atau ditampilkan dihalaman tertentu saja. 

Langkah terakhir adalah dengan menyimpan atau save dan lihat hasilnya.



Share this article :

0 komentar:

Posting Komentar

Berkomentarlah dengan baik dan relevan. No Spam.!!

Deskripsi Iklan
Deskripsi Iklan
Deskripsi Iklan
Deskripsi Iklan
Advertise Now!
 
Support : About Me | Contact Us | Privacy Policy
Copyright © 2013. Belajar Blog - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger