Membuat tampilan beda di home | cara bikin tampilan home berbeda |
bikin tampilan home beda | Kali ini postingan tentang 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. 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 == "archive"'>
......................................
</b:if>
Menampilkan Widget selain di Archivepages
<b:if cond='data:blog.pageType != "archive"'>
....................................................
</b:if>
Menampilkan widget selain di Itempages
<b:if cond='data:blog.pageType != "item"'>
....................................
</b:if>
Menampilkan widget hanya di Staticpages
<b:if cond='data:blog.pageType == "static_page"'>
..................................
</b:if>
Menampilkan widget selain di staticpages
<b:if cond='data:blog.pageType != "static_page"'>
............................
</b:if>
Menampilkan widget pada URL Postingan Tertentu
<b:if cond='data:blog.url == "alamatpostingan"'>
.........................................
</b:if>
Menampilkan widget selain di URL postingan tertentu
<b:if cond='data:blog.url != "alamaatpostingan"'>
................................................
</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 != ""'>
<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 == "item"'>
#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 ini
www.greenzone.cc.cc .. Oke,,, semoga bermanfaat....
