Senin, 16 Agustus 2010

Menyembunyikan Widget di Halaman Tertentu


Coba kalian perhatikan bagian widget-widget di blog saya, ketika dihalaman depan yang muncul widget A dan ketika kita buka halaman postingan widget yang muncul widget yang B. Bagaimana itu bisa terjadi...?
mungkin bagi yang sudah ahli dan sudah sering berpetualang di dunia template blogger ini seperti kang Rohman, O-om, dan para ahli yang lainnya merupakan hal biasa yang sering mereka gunakan. Tapi bagaimana dengan sebagian sahabat blogger kita yang belum tahu...? seperti salah satu sahabat saya yang mengirim pertanyaannya kemarin :

mas saya juga tanya lagi maklum blooger pemula saya mau tanya tentang gmna membuat related artikel kayak pnya maz aziz cz q dah nyobak related lainnya tp gk bisa mohon bntuannya

bang aziz saya mau tanya lagi gpp khan bgini saya mau tanya tentang pada saat di halaman utama kan itu 3 kolom la pas dibuka postingannya itu koq menjadi 2 kolom beserta menunya berbeda gimana mas solusinya

Untuk menjawab pertanyaan yang pertama, bisa dilihat pada artikel saya yang berjudul membuat artikel terkait / related post. Nah untuk jawaban kedua sebenarnya itu tergantung dari template yang kita gunakan, untuk melakukan hal tersebut yang pertama harus dilakukan adalah kalian harus MENGEDIT BAGIAN DAN UKURAN DARI HALAMAN POSTING DAN SIDEBAR KALIAN dan juga kalian harus menggunakan template 3 kolom, atau jika kalian ingin yang langsung tanpa merubah atau mengeditnya kalian bisa menggunakan template R1.5 magazine milik kang Rohman yang bisa kalian download DISINI. Tapi kalo yang menggunakan template 2 kolom kalian harus mengedit template kalian dan merubah ukurannya yang asalnya dibagi menjadi 2 kolom sekarang harus dibagi 3 kolom.

balik ke permasalahan, bagaimana cara menghilangkan widgetnya di halaman tertentu. Mudah dan sangat simple sebenarnya, Kalian hanya tinggal menyisipkan kode dibawah ini :

== Untuk menampilkan di halaman depan saja ( homepage )

<b:if cond='data:blog.url == data:blog.homepageUrl'>


</b:if>

== Untuk menampilkan di halaman selanjutnya

<b:if cond='data:blog.pageType == "item"'>

</b:if>

Untuk penempatannya sendiri kalian bisa melihat contoh dibawah ini. Saya ambil contoh pada salah satu sidebar saya.

== Kode HTML Asli

<b:widget id='HTML28' locked='false' title='Pasang Iklan disini ...' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

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


== Setelah disisipkan kode tambahan ( ditampilkan di homepage )

<b:widget id='HTML28' locked='false' title='Pasang Iklan disini ...' 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 != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

</b:if>

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


== Di tampilkan di halaman selanjutnya

<b:widget id='HTML28' locked='false' title='Pasang Iklan disini ...' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.pageType == "item"'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

</b:if>

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


Catatan :
== Sisipkan kode merah diatas pada setiap widget yang kalian pilih mau ditampilkan dimana
== Untuk mempercepat pekerjaan, kalian harus memberi judul setiap widget, jadi dalam mengedit akan mudah tinggal kalian cari pakai Ctrl+F setiap widget yang kalian pilih.

tambahan lagi, jika yang kalian ingin sembunyikan satu elemen halaman, seperti elemen footer saya yang hanya saya tampilkan dihalaman depan (Homepage) saja. kalian bisa menyisipkan nya seperti berikut ini :

== Contoh elemen footer saya

<div id='footer'>
<div class='clear'> </div>
<div id='Midfooter'>

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:section class='footbar-div section' id='footbar-1' preferred='yes'>
<b:widget id='HTML23' locked='false' title='Friends Link....' type='HTML'>
<b:includable id='main'><b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- only display title if it's non-empty --> <b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2> </b:if>
<div class='widget-content'> <data:content/>
</div>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

</b:if>
</div>

kode diatas berarti saya hanya akan menampilkan footer saya dihalaman depan (homepage) saja.

duchh kepanjangan nich... kalian bisa melanjutkan membaca artikel ini di artikel selanjutnya. KLIK DISINI untuk melanjutkan membaca.

Terima kasih.

No comments yet