Cara Sederhana Membuat Blogroll dengan Scroll di Sidebar WordPress.com

Bagi Blogger, Tukar Link merupakan hal yang cukup manjur untuk mempromosikan blognya, karena dengan ditempelnya link tersebut memungkinkan blog Anda akan dikunjungi oleh sahabat yang mengunjungi blog dimana link Anda ditempel. Selain itu yang tidak kalah pentingnya dari bertukar link yaitu dapat mempererat persahabatan antar sesama blogger. Eh satu lagi point yang tidak bisa kita abaikan, yaitu berkomentar. Btw, kok malah membahas Tukar Link sih, padahal kita kan ingin tahu bagaimana Cara Membuat Blogroll dengan Scroll di Sidebar WordPress.com? Saya membicarakan ini karena memang ada hubungannya, yaitu bagaimana cara memasang link sahabat di sidebar blog Anda. Tentunya artikel ini saya tujukan bagi sahabat yang baru bergabung di WordPress.com, karena bagi senior ini merupakan hal yang sangat mudah untuk dilakukan.

Sebelumnya saya pernah berbagi cara Membuat Blogroll Sahabat di Sidebar WordPress dengan Avatar, tapi bagi pemula ternyata cara itu terasa cukup rumit. Semoga dengan adanya tutorial wordpres dasar yang sederhana ini, sahabat yang ingin Membuat Blogroll dengan Scroll di Sidebar WordPress.com ini dapat terbantu. Baiklah, mari kita ikuti langkah-langkahnya.

1. Masuk ke [Menu] [Tulisan] -> [Tambahkan baru] lalu klik Mode HTML.

2. Copy – Paste code dibawah ini kedalam mode HTML tadi,

Sehingga hasilnya seperti ini :

Keterangan :

• width: 220px  = adalah lebar dari area blogroll, dapat disesuaikan dengan lebar sidebar Anda.
• height: 175px = adalah tinggi area blogroll, ini juga dapat Anda sesuaikan dengan keinginan Anda.
• background-image: url('http://alamat gambar yang anda inginkan.jpg') = adalah gambar yang dapat anda tambahkan di belakang nama-nama blog sahabat Anda. (support format : jpg, png dan gif animasi)
• border: 2px  = besar garis pinggir
• solid #0000ff  = warna garais

3. Kembali ke Mode Visual, maka Anda dapat melihat hasilnya seperti gambar berikut :

4. Selanjutnya Anda dapat menghapus tulisan “Masukkan Nama Link Sahabat Anda Disini” dengan nama Link Sahabat yang Anda inginkan. Misalnya “Irfan Handi – Hanya Ingin Berbagi“, blok nama link tersebut lalu klik tombol insert/edit link, atau dengan menekan (alt + Shift + A)tampak pada gambar dibawah.

maka akan muncul pop up seperti dibawah ini.

5. Masukkan alamat link blog misalnya http://irfanhandi.wordpress.com/. Centang Open link in a new window/tab untuk membuka di halaman baru atau biarkan saja untuk membuka di halaman yang sama, jangan lupa klik tombol Tambahkan Tautan, maka hasilnya akan terlihat seperti berikut :

Nah, Anda sudah berhasil membuat blogrollnya, sekarang Anda tinggal mengisi nama-nama blog sahabat yang ingin Anda ajak untuk bertukar link.

Sedikit saya tambahkan untuk menambahkan link selanjutnya yaitu dengan menekan enter pada akhir nama blog dan silahkan lakukan cara yang sama seperti cara diatas, misalnya :

Dengan menambahkan blog baru maka secara otomatis scroll yang kita inginkan akan muncul, seperti yang terlihat pada contoh berikut :

Perlu diperhatikan :

Agar hasilnya tersusun kebawah tambahkan kode <div> didepan link dan diakhiri dengan kode </div> seperti contoh dibawah ini :

Tinggal Finishingnya, yaitu untuk memunculkannya disidebar.

Caranya, Silahkan buka Menu [Tampilan] klik [Widget] dan cari Widget Teks, lalu klik sambil tahan dan geser ke sidebar blog Anda.

Kembali ke halaman blogroll yang Anda buat tadi dan masuk ke Mode HTML, blok semua kode tersebut atau dapat juga dengan menekan (CTRL + A) lalu copy (CTRL + C) dan pastekan (CTRL + V) pada Widget Teks yang telah Anda buat tadi dan jangan lupa Simpan.

Selesai.

Refresh Halaman Blog Anda dan Lihat Hasilnya.