Membuat Daftar Judul Arsip Tulisan dalam Blogspot
Oleh Victor | Oct. 10, 2009 | Blogging, Tutorial & Trik Blogspot
Dalam Blogspot kita mengenal Label yang mempunyai fungsi mirip dengan Tag dalam WordPress. Dengan adanya Label ini kita bisa mengelompokkan arsip tulisan kita dalam kategori tertentu, misalnya seperti kategori tulisan humor, berita, puisi, film, dan lain sebagainya. Manfaat dari pengelompokan tulisan ini tentunya akan memudahkan fungsi navigasi dalam mencari tulisan tertentu yang sejenis (satu kategori).
Jika kita memasang widget Label di Sidebar maka dengan mudah kita bisa melihat atau membaca arsip tulisan yang sejenis tersebut (bisa berfungsi seperti menu tulisan). Hanya saja ada satu hal menurut saya mengganggu dari fungsi Label ini, yaitu saat kita memilih Label tertentu dan kebetulan arsip tulisan dalam Label tersebut ada banyak misalnya ada 20 tulisan, maka tulisan tersebut akan muncul semua (judul dan isi) berurutan dari tulisan 1 sampai ke 20, sehingga kita harus melakukan scroll ke bawah cukup banyak, apalagi kalo yang kita cari ada di urutan paling bawah. Padahal belum tentu kita akan membaca arsip tulisan tersebut semuanya satu persatu, selain lama tentunya hal ini juga akan membuat berat untuk membukanya.
Nah, dari permasalahan tersebut di atas, saya akan menginformasikan cara membuat arsip tulisan yang muncul dalam label tertentu tersebut hanya berisi daftar judul tulisannya saja, jadi kita tidak perlu melakukan scroll terlalu banyak, isi lengkap tulisan baru akan muncul setelah kita memilih judul tulisannya (sebagai gambaran bisa langsung melihat 2 gambar terakhir tulisan ini).
Untuk membuat list judul ini kita mulai dengan masuk ke tab Layout (1), kemudian Edit HTML (2), jangan lupa pilih Expand Widget Templates (3).

Selanjutnya gunakan fungsi pencarian dari browser (di sini saya gunakan Firefox), cari script <data:adStart/> (1). Di bawah script yang kita cari tersebut ada 2 script lainnya (2) dan (3). Yang akan kita lakukan adalah menghapus script (3) tersebut (bisa delete biasa, atau menonaktifkan script tersebut dengan menambahkan <!– di depannya dan –> di belakang.
<data:adStart/> (cari script ini) <b:loop values='data:posts' var='post'> <b:include data='post' name='post'/> (script yang akan diganti dengan script baru)

Berikut adalah script yang akan dipergunakan untuk mengganti script (3) di atas.
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'>
<div style='padding:6px 0 6px 5px; border-bottom:1px dotted #000000;margin-bottom:2px; color:#000000;'>
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Jika sudah diganti maka script tersebut akan menjadi seperti gambar di bawah.

Setelah itu kita simpan hasilnya (Save Templates).
Untuk melihat hasilnya sekarang coba kita pilih label tertentu dalam blog kita (usahakan yang memiliki tulisan agak banyak), dalam contoh di bawah ini, saya menggunakan pilih Label Driver. Jika sebelumnya ada sekitar 12 tulisan yang memanjang kebawah (untuk sampai pada tulisan ke 12, saya harus melakukan scroll cukup jauh), sekarang dalam satu halaman ke-12 judul tulisan sudah terlihat semua, dengan demikian saya tinggal memilih tulisan mana yang ingin saya baca dengan mudah dan cepat (contoh ini saya ambil dari blog Softdbase, widget Label saya ganti namanya dengan Category).


Oke temen-temen itu tadi informasi singkat tentang pembuatan (lebih tepatnya merubah) tampilan arsip tulisan dalam Blogspot. Semoga bermanfaat.
Catatan: sebelum mencoba sebaiknya backup dulu template yang sudah digunakan sebagai cadangan, dan ada kemungkinan beberapa template Blogspot sudah memasang fungsi ini di dalamnya.
Tulisan terkait :
|
|










November 24th, 2009 at 15:13
[...] Membuat Daftar Judul Arsip Tulisan dalam Blogspot [...]
December 2nd, 2009 at 10:54
[...] memudahkan pencarian script, sama seperti trik Blogspot sebelumnya (membuat list judul artikel, menambahkan Gadget pada Header, membuat Artikel Terkait, membuat Read more cara lama) kita [...]
December 24th, 2009 at 17:39
nanti q coba test…..
January 2nd, 2010 at 19:54
[...] cuma ngisi daftar judul aja. ariawijaya pernah kasih tahu cara buat daftar judul posting. cara di sini. hanya saja ribet lagi pake kode. aku sudah pusing dengan edit html. apalagi dengan expand widget. [...]
January 6th, 2010 at 21:45
pak, sebenarnya itu codingnya ditaruh disebelah mananya y??
saya bingung ..
January 13th, 2010 at 20:49
Terimakasih banyak code program blognya, saya sudah mencobanya tapi belum sesuai dengan harapan, saya sangat tertarik dan ingin mempelajari menu yang ada diblog ini, dimana pada saat terkena mouse maka daftar sub menunya keluar, kalau tidak keberatan bolehkah saya diajarin codenya. Trimakasih atas bantuannya.
May 18th, 2010 at 21:15
thanks infonya..
nyoba ah…:-)
May 31st, 2010 at 19:54
Sipps muantab …lanjutkan?!
June 19th, 2010 at 09:39
thanks infonya gan ….