Menghemat Ruang Sidebar dengan Custom Blogroll
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(); ?>




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.
Wih… tipsnya mantep2 euy!
ga ada ide buat komen nih!
Oww, jadi itu otomatis to. Aku mbikinnya manual :mrgreen:
Sekalian mas pake gambar dari Thumbshot. Bisa juga kan?
NaisInpoGan™
abrari’s last blog post..Belajar Bahasa Arab…
Bisa banget, insya Allah.
Wah, thanks nih, jadi ada ide :idea:
Hehee..
wah ilmu baru nih, makasih mas, halaman tak masukin bookmark ya.
antokoe’s last blog post..Emang Lo Bisa Jadi Presiden ?
Wah kok mumet, ya? Sementara saya tinggal dulu karena temen saya memang belum banyak. Dan saya memang sangat selektif. 8) Cool deh.
NIce inpo. Btw, udah saya add di link saya. Add juga ya.
Rian Xavier’s last blog post..Facebook
Wokeh, udah di-add tuh bro.
makasih banget infonya.
langsung praktek :)
saya lebih menyukai mode accordion. :mrgreen:
thegands’s last blog post..A Great Flash Based Online Game
mantab bgt
fandy’s last blog post..Acer Aspire One AOA 150-160
hmmm…
saya sih manual..
pake HTML..
php gag ngerti saya..
hehehehe…
:mrgreen:
oRiDo™’s last blog post..[QOTH] hukum peRzinaan
wah, info yg berguna mas, ijin make, salam kenal
nyubi’s last blog post..Memaksimalkan Fungsi Meta Tag
jadi kalo kita exchange link dan nyimpennya bukan di home ga akan ke crawl??
atau gmn?
kalo yang dipake diblog ini di footernya pake kode yg mana??hemm bingung..
jadi pertamanya kita nulis link tuh di blogroll link yg ada di menu wp dlu gtu?
terus masukin salahsatu kode diatas di sidebar
nanti otomatis ngeload blogroll nya?
bner?
cheuw’s last blog post..Update Postingan Yuu
Bukannya ga akan ke-crawl, tapi intensitas lebih kecil dibanding link tsb berada di homepage. Klo di blog ini masih ngedit pakai manual mbak, coz saya udah tidak menerima pertukaran link lagi.
Iya betul, masukin link lewat menu blogroll, dan pasang custom blogroll dengan kode2 di atas, nanti link2 yg kita masukan akan tersusun secara otomatis.
oh gitu ya mas..
nanti saya coba dulu kalo masih bingung mau nanya lagi ya,,heuu.btw kenapa ga menerima tukeran link lagi??
Mengenai kenapa saya tidak mau bertukar lagi sudah saya jelaskan di halaman “link exchange”. Selain karena makan hati, hal tsb juga dirasa kurang efektif.
sebenarnya selain membuat kemungkinan link tersebut di kunjungi orang lain sangat kecil, link pada satu halaman hanya memberikan 1 backlink ke blog teman. beda halnya jika di letakkan di halaman home.
thegands’s last blog post..Create Vertical Ad Space Text Using JQuery FlipV
Wah, sip mantabs..
kalo nambahin sidebar menjadi 2 seperti blogku gimana boss,..
bloggerkampungan’s last blog post..Free Template Minima “Expand”
Itu harus mengedit themes sendiri mas. Dan kita harus tahu dasar2 CSS tentunya.
wah, mantaf euy tipsnya.bisa ngga mas dipasang di blog gratisan? oh iya, minta ijin pasang blog ini di blogroll saya mas.
paijos’s last blog post..Koalisi Demokrat-Golkar-PKS, mungkinkah ?
Tidak bisa mas, blogdetik tidak mengizinkan usernya memasang kode php di sidebarnya. Terlebih blogdetik hanya membatasi pada plugin2 yang diperbolehkan saja.
Silahkan link saya dipasang mas, saya sangat berterimakasih :)
Hhmm…. alternativ yang keren
apa klo kayak gitu ke index sama search engine ya?
klo blog diriku sie emang niatnya yang kanan khusus buat link :mrgreen:
aNGga Labyrinth™’s last blog post..Putus dengan telkom speedy berpaling ke smart
Keindex kok mas. Karena pada dasarnya blogroll ini sama dengan blogroll standar, hanya bentuknya saja yang lain.
terlalu banyak link keluar di homepage tidak begitu bagus
Gak bisa buat blogspot ya?
Uhmm… ini khusus untuk WordPress mbak.
Pengetahuan saya tentang blogspot nol besar :)
wew..8O saya cowok mas…hehehe
makasi untuk jawabannya mas :D
Aduh maaf mas.. Soalnya nama blognya “menipu” siy. :)
Terima kasih udah berkenan mampir.
wah.. om.
makasi itu info dan penjeLasan nya..
sayah dari duLu emang penasaran gimana cara nya bLogroLL bisa dengan modeL begitu..
nanti kaLo ada waktu sayah mau coba deh.. :)
saLam kenaL ya.
Mas, kenapa padding-nya gak disatukan saja [ padding:5px; ], ada pengaruhnya ?
Wah saya sih gak begitu ambil pusing mas dengan pertukaran link, link-link saya justru saya buat untuk memudahkan saya saja, walaupun menguntungkan teman yang laen ya gak apa-apa, itung-itung amal saja.
Karena kalau pake bookmark browser ribet, apalagi saya sering gonta ganti browser :D
Bisa kok mas kalau disatukan. Itu kan terserah pengguna.
Mengenai pertukaran link, sekarang saya juga begitu, tidak terlalu menggebu-gebu untuk melakukan pertukaran link. Dan juga saya menutup sementara ajakan “link exchange” dari beberapa blogger. Capek ngurusnya…
makasih infonya mas.. di coba deh menu puldownnya
[...] sidebar: Recent post, Recent comments, Random post (kalau ada), Search (text pencarian), Kategori, Blogroll (Tautan), Tag cloud (awan tag), statistik blog, dan feed. Widget-widget tersebut sangatlah penting [...]
nice info
thx
makasih sob infonya… Saya coba dlu.. Kalo dipasang di home bukannya nanti tambah berat loadingnya sob?
wah, ini yang aku cari mas Rismaka… Hmm… tapi aku pernah ngerti yang dipasang itu banner, tapi ya di box gitu. gimana ya kalo pasang banner temen gitu? makasih mas ya? salam kenal! ^^
[...] Biasanya terdapat pranala (link) ke website atau blog sering dikujungi, biasanya dikenal dengan nama Blogroll. [...]
mas kalau mau memanggil salah satu/lebih category link bs gak ya??
jadi misalnya saya punya 2 kategori link sahabat dan blogger.. nah saya pengen memanggil 1 kategori aja gt??
trima kasih
Bisa banget mas tomi. Contohnya category blogroll sahabat itu = 2, blogger = 3, maka kode yang dipasang adalah:
< ?php get_links(2, '
< ?php get_links(3, '
makasih ya mas atas jawabannya.. mantabbs :D
makasih juga sudah berkunjung ke blog saya yang baru…
saya langsung coba deh tutorialnya
btw mau tanya lg mas.. dapat angka untuk link category itu dari mana ya??hehehe..
Sudah saya jelaskan di Cara Mengetahui ID Postingan, Halaman, dan Kategori. Semoga membantu.
langsung ke TKP broo :D
wow makasi mas, ini yang saya butuhkan untuk blogrol blog saya. keren2
wah mas, kok setelah saya edit di sidebar.php. ga berubah tuh. apa tema saya yang ga cocok atau bagaimana ya? tema saya pakai suffision