Get Gifs at CodemySpace.com

Sabtu, 05 November 2011

Membuat Tampilan Home Berbeda ( Merubah - Ubah Template )


         Sudah sekian lama aku ingin sekali, membuat tampilan halaman utama blog menjadi berbeda dengan halaman postingan. Terutama dari segi tata letak widget. Memang sulit untuk menemukan tutorialnya, karena memang bingung juga harus mengetik keyword apa di kotak pencarian. Dalam hal ini saya juga di bantu teman saya yaitu ilham. Thanks Brow,,, untuk membuat halaman awal blog saya berbeda dengan postingan. Yang pertama yaitu menyembunyikan widget di halaman tertentu. berikut kodenya : -->

Menampilkan Widget Hanya di Homepage 

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


Menampilkan Widget selain di Homepage

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


Menampilkan Widget hanya di Archivepages

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................................
</b:if> 


Menampilkan Widget selain di Archivepages

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
....................................................
</b:if>


Menampilkan widget selain di Itempages

<b:if cond='data:blog.pageType != &quot;item&quot;'>
....................................
</b:if>


Menampilkan widget hanya di Staticpages

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
..................................
</b:if>


Menampilkan widget selain di staticpages

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
............................
</b:if>


Menampilkan widget pada URL Postingan Tertentu

<b:if cond='data:blog.url == &quot;alamatpostingan&quot;'>
.........................................
</b:if>


Menampilkan widget selain di URL postingan tertentu

<b:if cond='data:blog.url != &quot;alamaatpostingan&quot;'>
................................................
</b:if>

Bagaimana menggunakannya...???

Begini, apabila kamu ingin menyembunyikan widget tersebut satu per satu maka begini caranya. (lihat kode di bawah ini)
Berikut adalah contoh kode widget yang saya gunakan

<b:widget id='HTML2' locked='false' title='Link Exchange' type='HTML'>
<b:includable id='main'>
.................................................. salah satu kode pembuka
<!-- 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'/>
.............................................. kode penutup
</b:includable>
</b:widget>

Note : Kode yang berwarna Merah adalah kode pembuka
Kode Yang berwarna Orange adalah kode penutup

Tapi apabila kamu ingin menyembunyikannya secara keseluruhan dari bagian sidebar maka ini dia kodenya.

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

kode yang berwarna biru, ganti dengan kode ID dari sidebar blog kamu. Apabila lebih dari satu, maka pisahkan dengan koma. Kemudian taruh di atas kode </head> , sebagai contoh kalian bisa lihat blog iniwww.GREENZONE.CC.CC .. Oke,,, semoga bermanfaat....

Tidak ada komentar:

Posting Komentar