Menghemat Ruang Sidebar dengan Custom Blogroll

Submitted by rismaka on April 16, 2009 at 7:15 am Tags: , , ,
46 Comments

chain links3

Banyak kita jumpai para blogger meletakkan blogroll mereka di sidebar. Tentunya jika link dalam blogroll tersebut masih sedikit tak mengapa, tapi jika link yang kita tautkan di blogroll sudah mencapai puluhan atau bahkan ratusan? Pastinya kita akan berpikir 1000 kali untuk meletakkan blogroll di sidebar tersebut, karena tampilan sidebar akan memanjang ke bawah, dan sangat tidak proporsional dengan panjang kontent blog. Dan hal tersebut tentunya akan mengurangi estetika maupun tampilan blog kita.

Salah satu jalan untuk menanggulangi masalah tersebut adalah meletakkan blogroll di suatu halaman khusus, dan tentunya kita harus menuliskan dan mentautkan daftar link secara manual. Itu adalah cara pertama yang sangat tidak efektif, karena akan menghabiskan waktu saja. Cara yang kedua adalah dengan menggunakan plugin yang akan menampilkan blogroll di halaman secara otomatis, sehingga kita tidak perlu membuatnya secara manual. Saya dulu pernah membuat plugin tersebut, hanya saja karena belum punya waktu, maka sampai sekarang belum diupdate lagi. Silahkan bagi yang mau mencobanya ataupun mencelanya bisa dilihat di sini.

Bagaimanakah solusi praktisnya bila kita ingin meletakkan blogroll tanpa mengurangi estetika blog kita? Adalah dengan membuat custom blogroll (ini penamaan saya pribadi, saya tidak tahu apakah ada nama lainnya). Custom blogroll adalah bentuk blogroll yang bisa kita buat sedemikian rupa hingga dapat menghemat ruang sidebar, tentunya tanpa mengurangi atau menghilangkan satupun dari link-link yang ada. Cara ini bisa kita lakukan dengan menggunakan kode PHP. Sebenarnya tanpa kode PHP pun kita bisa membuat blogroll dalam bentuk pulldown (lihat footer kiri blog ini), namun setiap kali ada teman yang minta bertukar link, kita harus menambahkannya secara manual dengan mengedit kode HTML-nya, belum lagi menyusun nama berdasarkan abjad, dan lain sebagainya. Tapi dengan blogroll manajemen, kita cukup menambahkan link melalui admin panel, dan link pun akan tersusun berdasarkan abjad secara otomatis.

Yang perlu dilakukan adalah anda harus mengedit sidebar, atau bagi yang tidak mau ribet, bisa juga dengan menggunakan plugin exec-PHP atau plugin yang sejenis. Artikel mengenai Exec-PHP bisa dilihat di Cara menjalankan kode php di text widget.

Kode standar blogroll yang biasa kita jumpai adalah seperti di bawah:

<?php get_links_list(); ?>

blogroll-standar

blogroll-pulldown-standarblogroll-pulldown-standar-tanpa-judul

blogroll-pulldown-hemat

Tampilan blogroll untuk kode di atas adalah memanjang ke bawah dari link pertama hingga hingga link terakhir. (lihat gambar 1)

Untuk menghemat ruang, kita dapat membuat blogroll menjadi bentuk pulldown (gambar 2) dengan kode sebagai berikut:

<center>
<div dir="ltr" style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px; overflow: auto; width: 150px; padding-top: 5px; height: 200px">
<center>
< ?php get_links_list(); ?>
</center>
</div>
</center>

Ubah panjang dan lebar blogroll-pulldown tersebut dengan mengubah angka-angka WIDTH dan HEIGHT-nya

Di gambar 2, terlihat judul kategori blogroll (ada link 1 dan link 2), untuk menghilangkannya kita bisa menggunakan kode berikut:

<center>
<div dir="ltr" style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px; overflow: auto; width: 150px; padding-top: 5px; height: 200px">
<center>
< ?php get_links(-1, '', '<br/>', ' - '); ?>
<center>
</div>
</center>

Di situ terlihat semua link tersusun per-baris berdasarkan abjad secara otomatis. (gambar 3)

Jika kita ingin menghemat lagi ruang yang ada, kita bisa menjadikan link-link blogroll tersebut tersusun secara merata, dan masing-masing link dipisahkan dengan simbol “|”. (gambar 4)

<center>
<div dir="ltr" style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px; overflow: auto; width: 150px; padding-top: 5px; height: 200px">
<center>
< ?php get_links(-1, '', ' | ', ' - '); ?>
</center>
</div>
</center>

Demikian contoh kode PHP untuk blogroll yang bisa kita gunakan untuk menghemat ruang sidebar blog kita, sehingga kita tidak perlu memindahkannya ke halaman terpisah. Sebenarnya masih banyak bentuk-bentuk lain yang bisa kita explorasi lebih jauh, hanya saja karena terbatasnya waktu, maka saya hanya menyampaikan yang perlu kita ketahui saja. Selamat mencoba, semoga bermanfaat.

This entry was writen by rismaka, The Admin, A part time blogger, Biochemist, and Energy Consultant in PT. BKA. More profile on Contact.

Search For:

46 Comments | Leave a respond | Back To Top

  • tomi says:
    April 14, 2010 at 9:21 am
    using Firefox 3.5.7 on Windows XP

    btw mau tanya lg mas.. dapat angka untuk link category itu dari mana ya??hehehe..

    Reply to this comment →
  • andre says:
    August 11, 2010 at 12:36 pm
    using Firefox 3.6.3 on Windows XP

    wow makasi mas, ini yang saya butuhkan untuk blogrol blog saya. keren2

    Reply to this comment →

    • Leave a comment!