Wah lama sekali saya tidak update blog ya, seminggu lalu tapi masih sempet - sempet sih blogwalking :D. Nah entri saya yang baru ini akan membahas mengenai cara mengatur elemen blog hanya tampil di halaman utama atau halaman post saja, dengan kata lain kamu mengatur widget - widget blog misalnya buku tamu blog sobat ingin ditampilkan di halaman utama saja, sobat dapt menggunakan cara ini.
Fungsinya ya untuk menghemat space blog yang sudah kepenuhan atau barangkali ingin mengatur beberapa elemen yang hanya ingin di tampilkan di halaman utama tau di halaman post, langsung saja saya mulai caranya :
Untuk lebih mudah melakukan caranya saya sarankan sobat harus mengetahui sedikit saja mengenai css selector.
Caranya mudah yaitu copykan script ini sesudah ]]></b:skin>
1. Untuk membuat selector tidak tampil di halaman post (Hanya tampil di halaman utama saja)
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
Selector{display:none}
</style>
</b:if>
<style type='text/css'>
Selector{display:none}
</style>
</b:if>
2. Untuk membuat selector tidak tampil di halaman utama (Hanya tampil di halaman postingan saja)
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
Selector{display:none}
</style>
</b:if>
<style type='text/css'>
Selector{display:none}
</style>
</b:if>
Contoh penerapannya yaitu :
1. Masuk ke dashboard > Pilih blog kemudian > Pilih Template > Edit HTML2. Kemudian ketahui id dari elemen yang ingin sobat atur caranya mudah :
Misalnya sobat akan mengatur widget dengan nama Buku Tamu, cari di template sobat dengan cara Ctrl+F kemudian ketikan buku tamu misalnya ketemu seperti ini :
<b:widget id='HTML3' locked='false' title='Farkryzer Mania' type='HTML'>
kemudian copykan idnya yaitu HTML3nya kedalam scriptnya
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
#HTML3{display:none}
</style>
</b:if>
Apabila ingin tambah elemen sobat tinggal gunakan tanda koma ( , ) setiap selector misalnya :<style type='text/css'>
#HTML3{display:none}
</style>
</b:if>
#HTML3,#HTML2,#HTML1{display:none}
Silahkan berkreasi sendiri untuk menciptakan blog sesuai dengan keinginan sobat ...
Ane udah pernah baca juga sob :)
BalasHapusKunjungan perdana ni sob, salam kenal :D
MAIN DI BLOG AKU JUGA YA http://www.ideini.com
oke thx dah main di blog saya, ... :D
Hapuswihih nice post gan, asik tuh saya juga udah make hehe
BalasHapushaha sip, sangat diperlukan memang trick ini :D
Hapusnice tutorial sob, thanks ya :)
BalasHapussama - sama sob :)
HapusMantep infonya nih sobat,, makasih ya udah share,,
BalasHapusiya sama - sama :)
BalasHapusinfonya bagus nih :D
BalasHapusdatang utk mengantarkan Award..semoga berkenan http://kidungkinanthi.blogspot.com/2012/01/versatile-seven-shadow-award.html
BalasHapuswah asik akhirnya dapet award lagi
Hapuswah makasih ya sob atas tutorialnya :D
BalasHapusAbsen sore sob
oke, sama - sama sob :D
HapusBerkunjung sambil baca baca artikel yang menarik....salam kenal & izin follow ya sob, jika sudi follow back...:)
BalasHapusoke - oke saya follback sob :)
Hapuswah mantab gan bisa di coba
BalasHapusfoll sukses mohn follbacnya :)
sudah selesai sob, thx
Hapusooo..sambil angguk2 kpla :D, ngerti deh saya sob, hehe..pernah ke blog tetangga, dan dia pakai tips ini, akhirnya waktu mau follow saya binggung karena gak ada follownya hehe..gak taunya di halaman depan hehe...ternyata gini nih caranya...
BalasHapusmakasih sudah berbagi sobat ya :)
ya sob sama - sama, lumayan berguna trik yang satu ini (:
Hapusgan kode yang no 1 dan 2 ko sama ya... bedanya dimana
BalasHapusfollow back ya gan, Q dah follow ni blog.. thanks
kalo dilihat sepintas memang kelihatan sama sob, tapi sebetulnya beda yang satu == dan yang satu lagi != btw saya dah follback sob :)
HapusHemmmm Tag Conditional emang mantep thanks 4 share :D
BalasHapussaya kurang mudeng klo masalah css tau script2an gan hehe.. tapi nda ada salahnya kalau saya coba di blog yang lain saya :D. keep posting bang
BalasHapusga usah di ambil pusing kok sob, sebetulnya sangat mudah kalo mau belajar, sama - sama sob :D
Hapuspertamx
BalasHapus:)
Mantef banget nih bang...sikatttttttttttttttttttttttt..hahayyyyyyyyyy
BalasHapuskalo saya ngga pake css tapi langsung tag conditional, tapi ada beberapa yg pake CSS display:none, ehehehe...
BalasHapussipp infonya ^^
iya sob tapi caranya membuahkan hasil yg sama kan :D
Hapussungguh banyak manfaat dan ilmu serta tutorial yang bisa saya peroleh di blog ini, trimakasih sobat sudah berbagi info :)
BalasHapussama - sama sob :)
Hapuswah Ini Juga sangat Penting Sob dalam menata Blog supaya Rapi dan Elegan :D
BalasHapusiya sob cocok buat yang pengen hemat space
Hapusgan bgmn buat kotak comment spt ini
Hapusnice info om :D
BalasHapusTutorial yang bagus gan...
BalasHapusNice gan ^_^
BalasHapusvisit http://carolinadwita.blogspot.com/ yaa :)
BalasHapuswow awesome, nice blog :) visit my web log to find out the last information technology
BalasHapusWah luar biasa nih. Silahkan kunjungi blog saya : sugengdrs.blogspot.com tapi ya masiah berantakan, gimana ya memperbaikinya. Pemula, sih!
BalasHapusSangat Bermanfaat sob . .
BalasHapusterimakasih Tips nya . . .
mohon sarannya di Http://nawayhac.blogspot.com