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 == "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....
Artikel Terkait
Langganan:
Posting Komentar (Atom)
56 komentar:
Apa yg dimaksud menampilkan widget selain di homepage???
coba liat di greenzone.cc.cc , itu kan tampilan home nya widgetnya berada di kiri.. coba klik postinganya,,, thankz :)
oh begitu..thanks yah but tutornya :) baik sekali
sama2 kak... thankz juga yakk :D
ohh makasih mas....
sama2 sob ^_^
walah.. petirnya membuat aku kaget..... Hmmmmm...
hoho.. hati2 sob klw mau masuk blog ane.. siap2 kaget aja XD
mas aku mau nanya bagaimana caranya membuat tampilan laman apabila kursor di arahkan akan tampil daftar dan satu lagi bagaimana cara membuat tampilan laman seperti tampilan home
misalkan sprti punya mas
[home][topik][daftar isi] dll
bila di klik yang topik akan muncul seperti tampilan home biarpun gak sama persis tapi mirip dikit
tampil daftar gimana ? :/
waduh.. agak rumit sob.. coba email aja ane.. deopradipta2010@gmail.com
sob folow balik blog ane ya?
http://antexamq.blogspot.com
InsyaAllah sob.. makasih udah mampir yakk :)
thank's
iya sob.. sama2 yakk! ^^
eh, masanginnya gmna sich??
coba liat di greenzone.cc.cc .. halaman home sama postingan berbeda kan ? nah seperti itu sob ^^
Ngeri boss blognya...
hohoho... ati2 makanya sob.. untung aja bukan masuh di blog hantu ^^
Gan, ada hal yg baru lg gak diatas .misal widget itu hanya bisa di tempatkan di bagian halaman label/ pencarian....?
gak paham mksdnya ente sob :/
Uhm, kurang paham ya. Anda kan menjelaskan kepada kami cara menampilkan widget itu hanya di halaman tertentu. nah, disini saya hanya ingin menampilkan widget itu di halaman bagian label/search, bisa gak?
oalah.. mksudnya halaman tertentu itu klw dilihat dihome ada di post gak ada.. coba liat di sini http://greenzone.cc.cc/
GAN klo ane mau tampilan blog ane sprti blog agan gimana cranya ? hehehe
klo bisa kirim link tutorial cara membuatnya gan ?
thanks ...
tampilan ? tampilan blog ini biasa aja kok.. sama kyk yg lainnya ^_^
ini postingnya kok sama persis dengan blognya deafile
egak juga sob.. cuma SS nya aja pas di blog itu ^^
thanks gan infonya, dapet tambahan ilmu lagi dari agan :D
wahhaaa.. iya sob.. samasama yaa :D
Mau nanya..itu gimana caranya.pasang item seperti punya blog anda bagian atas yang ada tulusan home, topik,daftar isi, abaut me dll..
silahkan cek di -> view-source:dopind.blogspot.com/ lagi gak sempet ngeshare :)
Kak aku boleh copas gk?
silahkan,, tapi jangan lupa kasih sumber ya... :D
makasih ini yg saya cari :)
sukses terus blog dopind
http://jadikanpinter.blogspot.com/
iyaaa sob.. kalo bisa sebar2in boleh kok .. kasih sumber jga biar yg lain pada tau :)
sukses ganti sob ^^
Ehmm....Thanks nii gan ?
http://fullgamesmediafire.blogspot.com/
ehehehe.. siap semoga bermanfaat :)
Thanks tutorialnya Gan, ijin copas ni.
Ni hasil copasnya Gan, bisa di cek disini http://adf.ly/E8XFW
iya sob , samasama silahkan gunakan dengan bijak dan sertakan sumber :D
btw dimana di letakkan tuh kode2 sop?
Contoh:
Menampilkan Widget Hanya di Homepage
..........................
silahkan lihat bagian akhir dari postingan, makasih :d
kren ni gan. makasi ya udah share.
jossss bop..
.. kalo pengen tampilan di home model kotak n gak memanjang gitu gimana ya?!? ..
Mumet, tapi it works kak , thanks yak ^^
lumayan rumit yaaa kode nya
oh jadi gtu gan cara nya, makasih untuk infonya
menarik postingannya bro, salam sukses
nice artikel.. :)
terimakasih atas informasinya gan, salam sukses
mantap gan infonya
thanks for info
sukses terus bro ngeblognya, semangat
sangat membantu artikelnya gan, terimakasih
thanks for info
makasih gan untuk tutorialnya
thanks gan telah berbagi ilmu
Posting Komentar