Tips-tricks Blogger kembali lagi dengan urusan coding.nih, bermain-main lagi dengan b if cond, b else dan b include.
Terkadang akan sangat lama dan menjemukan apabila kita membuka halaman label atau arsip blog yang jumlah postingnya sudah banyak. Bahkan, semakin tidak efisien lagi jikamembuka halaman lain untuk melihat daftar/list posting yang lebih lama. So, menampilkan judul posting saja pada bagian label dan arsip dapat membuat loading halaman lebih cepat dan visitor dapat lebih cepat melihat daftar semua judul posting yang ingin dibaca. Contohnya kaya gini:
Siap mengubah tampilan halaman label dan arsip blog anda dengan cara tersebut?
Oke, kalo begitu lanjuuut ke cara menampilkan judul posting saja di label dan arsip Blogspot:
1. Masuk ke dashboard > Design/Rancangan > Klik 'expand widget template'.
2. Cari kode: <b:include data='post' name='post'/> (Ctrl+F)
3. Ganti dengan script ini:
<!--Judul post saja di label dan arsip-->
<b:if cond='data:blog.searchLabel'>
<h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
</b:if>
<!--Buka-rahasia.blogspot.com-->
4. Save template HTML.
5. Done! (done itu artinya Yang terjadi maka Terjadilah! olret..)
6. Coba dicek hasilnya pada halaman label dan archive blog.
Update (04-05-11):
Kemarin ada yang bertanya lewat Contact Form: "Gimana cara menampilkan judul di label saja atau di arsip saja? Thanks."
Update (04-05-11):
Kemarin ada yang bertanya lewat Contact Form: "Gimana cara menampilkan judul di label saja atau di arsip saja? Thanks."
Oke, saya jawab sekaligus update disini sekalian:
*Jika ingin menampilkan judul posting saja khusus di label, ambil perintah pada b if cond label dan b include posting saja:
*Jika ingin menampilkan judul posting saja khusus di label, ambil perintah pada b if cond label dan b include posting saja:
<!--Judul posting saja di label-->*Jika ingin menampilkan judul posting saja khusus di arsip, ambil perintah pada b if cond archive dan b include posting saja:
<b:if cond='data:blog.searchLabel'>
<h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<!--Buka-rahasia.blogspot.com-->
<!--Judul posting saja di arsip-->-Cara memasukkan scriptnya sama dengan cara yang telah disebutkan di atas.
<b:if cond='data:blog.pageType == "archive"'>
<h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<!--Buka-rahasia.blogspot.com-->
Demikian tips menampilkan judul post saja di bagian label dan archive. Harap maklum.
Jika ada permasalahan atau ada hal yang ingin ditanyakan tentang "merias" tampilan judul tersebut (CSS styling), bapak ibu sekalian bisa sampaikan melalui komentar, karena setiap template blog tidak sama aturan dasar pada tampilan, font, link, margin, dan lain-lain. Feel free to use the comment form, I will be ready to help and do the best I can.

Aku selalu butuh waktu lebih lama untuk merenungkan masalah beginian..hihihii...
ReplyDeleteTerima kasih sudah menambah ilmuku. :)
haha, yap direnungkan terus dulu aja mbak. :P, makasi dah mampir mbak Dewi.
ReplyDeletethanks gan info'a & salam kenal ya
ReplyDeleteMantep! hehehe, langsung praktek, berhasil...
ReplyDeleteBTW, dishare dong cara buat recent post yang dinamis kayak punya ente :D
oke bang Afif, akan saya share segera ya..... itu cuma javascript and yahoo pipes aja kok.
ReplyDeletegagal bos.. Bantuin atu, maklum pemula eung,,,,
ReplyDeletemasalahnya dimana bro?
ReplyDeletetetap ga da perubahan, pdahal scriptnya udah di ganti sesuai ptunjuk.
ReplyDeleteMenampilkan Judul Artikel/Posting Saja Pada Halaman Label dan Archive Blogger gagal trus.. pdahal scriptnya udah diganti sesuai ptunjuk diatas.
ReplyDeletetemplatenya dibackup dulu aja bro, trus file xml nya dikirim melalui attachment email. biar saya cek.
ReplyDeleteok.. thanks bos...
ReplyDeleteminta emailnya bos?
ReplyDeletesaya sudah cek template anda dan melakukan hack dengan cara yang sama dengan di atas dan tidak ada masalah sama sekali. Pada halaman label sudah muncul judul2 saja. Silahkan dicoba lagi dan perhatikan benar2 instruksinya. Kemudian save template dan klik halaman label anda untuk mengecek. hasil tes saya pada template anda, silahkan lihat halaman labelnya disini: http://buka-rahasia-help.blogspot.com/search/label/Test%20Posting
ReplyDeletesip gan, ctrl D dulu, ane belum butuh, tapi ini yang membuat efisien saat menjelajah isi blog
ReplyDeletebuat CSS seperti ini:
ReplyDelete.title-only {background: url('http://urlbullet-icon.com/icon-bullet.jpg') no-repeat left center;border:1px bottom #kodewarna;padding:2px;}
ganti http://urlbullet-icon.com/icon-bullet.jpg dan #kodewarna
setelah itu letakkan di atas ]]></b:skin>
Aha.........berhasil, thanks infonya........
ReplyDeletekl gak nemu kode ini gimana? mohon info...
ReplyDeleteterima kasih atas tutorialnya.. :)
ReplyDeletethx bgt mas! ini tips yang selama ini aku cari.. thx sekali lg mas... :D
ReplyDeleteblognya kren abiiiiiis.....mantab lah.
ReplyDeletewah terimakasih banyak sob atas postnya yang sangat bermanfaat ini, mohon izin buat menerapkannya di blog saya.
ReplyDeleteterus semangat n tetap berkarya
Makin sukses....!
makasih tutornya gan, berhasil di blog saya, nyobain script dari tutor blog sebelah malah merusak daftar isi, kini dengan script agan, smua lancar
ReplyDeleteKunjungan rutin mas...tetap semangat blogging ria
ReplyDeleteAku juga sudah coba seperti yang diintruksikan tapi kok gak berhasil, kenapa ya? Ini blog saya http://umarmotivasi.blogspot.com
ReplyDeletemantapp gan...
ReplyDeleteizin curi ilmunya... :)
mantap gan numpang sedot ilmu ya gan. jangan lupa gan kunjungi blog ane juga yach
ReplyDeletemantap gan,,thx atas infonya
ReplyDeleteSukses selalu...
makasih gan ijin pake ilmunya
ReplyDeleteahahaha punya ane gagal bos gk bisa pasaaaaaaaaaaak ae tolong kasih info kasih.?
ReplyDeleteApakah alamat url buka-rahasia.blogspot.com bagian plg bwah hrs diganti dg alamat blog kita?
ReplyDeleteoh tidak perlu sobat, itu cuma atribusi aja.
ReplyDeleteOya thanks pak khairul.
ReplyDeleteMhon lanjut nanya..
1) Gmn caranya memasang judul postingan otomatis di widget sidebar yg tersusun rapi? 2) Sya ingin memasang label dan Daftar Isi dlm satu box tp dipisah dg 2kolom pd widget sidebar, dan kalau di-klik bagian Label maka akan keluar Judul postingan berdasarkn Label, kalo di-klik daftar isi maka akan keluar smua jdul postingan?
Bisakah pak khairul mbantu saya yg sngat baru dlm blog optimized ini?
Sbg pngenalan, saya titip blog saya,
http://pustakaimani.blogspot.com
Thanx ya pak
mantap tutornya.. :)
ReplyDeletedahsyat kang
ReplyDeletemau nanya nih...... gimana cara mengembalikan atau menampilkan judul dan diskripsi pada blog, soalnya saat edit html, tiba ngak tau apa pas disimpan tampilan judul ama diskrip gak ada............. tolong jawabannya, maksih
ReplyDeletemaksudnya gimana sobat, tolong lebih detil kejadiannya gimana
ReplyDeleteaku lagi belajar blog nih, blog sobat yg jadi referensi saya kalo lagi belajar.
ReplyDeleteMau tanya nih, judul postingannya itu sudah termasuk menampilkan fotonya gak?
Gimana cara menampilkan hanya judul dan foto saja pada setiap postingan?
thx ya sob, kalo gak keberatan join balik blogku yah..
thanks sudah di coba.
ReplyDeletekalo dimasukkan k widget atau page gimana mas tapi tanpa menggunakan js alias script :)
ReplyDeleteterimakasih kang.. akhirnya jadi juga..
ReplyDeletesangat bermanfaat :)
ReplyDeletemakasih infonnya, udah aq terapkan di blogku, baguzzzz hasilnya....
ReplyDeletewih nice OM ,
ReplyDeletemaen ya ke http://curhatz.blogspot.com/
oklah, bagus
ReplyDeleteudah berhasil saya terapin mas di blog saya,,
ReplyDeleteoh ya mas, kalo yang di tampilin bukan hanya judul saja, tapi gambar juga ikut serta, kira-kira ada caranya gak mas ,,
makasih tutornya ,, salam kenal :)
@semyceper : cuma mau konfirmasi, triknya berhasil pd blog saya. terima kasih banyak ... Mg Tuhan Melindungi anda sll ...
ReplyDeleteko punya saya ga muncul judul postingan mulu yak pada arsip...napa tuh???
ReplyDeletemas blog saya gk ada "" nya ??? mhon tips nya !
ReplyDeleteblog saya http://tutorialsand.blogspot.com/
@Sandika: Kode tidak terlihat. Parse dulu kodenya di sini:
ReplyDeletehttp://buka-rahasia.blogspot.com/p/blogger-adsense-parser-html-encoder.html
Baru setelah itu copy dan masukkan ke kotak komentar.
terima kasih sobat.. artikelnya sangat sangat banyak membantu..semoga ilmu yang sobat paparkan selama ini dapat balasan yang jauh lebih besar dari Alla swt.. amin.. salam kenal ya mas..
ReplyDeleteAmin, thanks. dan salam kenal juga
ReplyDeletemaksih infonya sngt membantu
ReplyDeleteBlog saya ndak ada kodenya yang seperti agan maksud gan,!?
ReplyDeleteGan,, saya tidak menemukan kode di html blog.
ReplyDeletekodenya yang mana ya? sebelum masukkan kode di komentar convert dulu pake http://buka-rahasia.blogspot.com/p/blogger-adsense-parser-html-encoder.html baru copy ke komentar
ReplyDelete