Menghemat Ruang Sidebar dengan Custom Blogroll

Submitted by rismaka on April 16, 2009 – 7:15 am37 Comments
This entry was writen by Rismaka, The Admin, Biochemist (sometimes) and Data Management Staff of PT. Ex-WF. [Contact: rismaka[at]rismaka.net]

chain links3Banyak 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.

[Perhatikan baik-baik paragraf ini] Kedua cara di atas kurang disukai oleh banyak master ber-PR tinggi, salah satunya Fatihsyuhud. Sejujurnya saya juga kurang suka dengan blogger yang menautkan link-link teman-temannya di suatu halaman khusus, karena dalam pertukaran link, kita ingin agar webspider dari mesin pencari akan meng-”crawl” link kita. Dan halaman yang paling sering dicrawl oleh mesin pencari adalah halaman induk (Home), oleh karenanya link-link yang ditaruh di halaman khusus (selain halaman home) akan jarang di-crawl oleh mesin pencari. Maka dari itulah banyak para master ketika melakukan pertukaran link, mensyaratkan agar link mereka diletakkan di sidebar atau footer, karena sidebar dan footer pasti akan selalu berada di halaman induk (Home). Sampai sini penjelasan mengenai kenapa blogroll dan awan tag harus diletakkan di sidebar atau footer.

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 sini.

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

1
<?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:

1
2
3
4
5
6
7
<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:

1
2
3
4
5
6
7
<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)

1
2
3
4
5
6
7
<center>
<div dir="ltr" style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; OVERFLOW: auto; WIDTH: 200px; 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 yang tentunya sangat tidak disukai oleh para master. 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.

Artikel yang berhubungan:

  1. Menambahkan Link Blogroll Secara Efisien di Sidebar
  2. Plugin Untuk Menampilkan Blogroll di Halaman
  3. Membuat Custom Tag Cloud (Awan Tag)
  4. Membuat Template Custom Page Sendiri
  5. Tips Menghemat Paket Bandwidth
  6. Cara Mengetahui Attribut dari Suatu Link (nofollow atau dofollow)
  7. Cara Menampilkan Random Image

Berlangganan Artikel

Dengan berlangganan, anda akan dikirim artikel terbaru blog ini secara lengkap. Masukkan alamat email anda, kemudian tekan tombol subscribe:

Cari Artikel

Jika tidak mendapatkan informasi yang diinginkan, anda bisa manfaatkan mode pencarian berikut ini:
Next Post: »
« :Prev Post

37 Comments »

Leave a comment!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.