- Tips dan trik mempercepat koneksi internet - Tips dan trik memonitor bandwidth koneksi internet - Software lain seputar koneksi internet -

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 != &amp;quot;item&amp;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 :
  1. Membuat Daftar Isi atau Table Of Contents (TOC) pada Blogspot
  2. Menyembunyikan dan Menampilkan Sebagian Konten Tulisan (Spoiler) dalam Blogspot
  3. Membuat Tab dalam Blogspot
  4. Related Articles atau Artikel Terkait dalam Blogspot
  5. Membuat Navigasi Page Number Blogspot
Bookmark and Share

:, , ,

9 komentar:

9 Responses to “Membuat Daftar Judul Arsip Tulisan dalam Blogspot”

  1. 1
    TEKNOLOGI « Udin63's Blog Says:

    [...] Membuat Daftar Judul Arsip Tulisan dalam Blogspot [...]

  2. 2
    Bikin Tag Cloud di Blogspot | Ariawijaya.com | All about internet connection and blogging Says:

    [...] 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 [...]

  3. 3
    iteza Says:

    nanti q coba test…..

  4. 4
    mengejar readmore « winterwing Says:

    [...] 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. [...]

  5. 5
    araca Says:

    pak, sebenarnya itu codingnya ditaruh disebelah mananya y??
    saya bingung ..

  6. 6
    Lewi Says:

    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.

  7. 7
    kavie Says:

    thanks infonya..
    nyoba ah…:-)

  8. 8
    ongisnade Says:

    Sipps muantab …lanjutkan?!

  9. 9
    BUDIANTO.COM Says:

    thanks infonya gan ….

Leave a Reply

Creative Commons License
Ariawijaya.com by Victor Aria Wijaya is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.

Join My Community at MyBloglog! Internet Blogs - BlogCatalog Blog Directory