Jumat, 11 Januari 2013

Membuat Tampilan Home Berbeda

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم


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 == &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 ini www.greenzone.cc.cc .. Oke,,, semoga bermanfaat....

0 komentar:

Posting Komentar