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,
<div style="overflow: auto; width: 220px; height: 175px; background-attachment: scroll; background-image: url('http://alamat gambar yang anda inginkan.jpg'); border: 0 solid #0000ff; padding: 5px; border: 2px solid #0000ff;">
Masukkan Nama Link Sahabat Anda Disini
</div>
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)= besar garis pinggirborder: 2px= warna garaissolid #0000ff
3. Kembali ke Mode Visual, maka Anda dapat melihat hasilnya seperti gambar berikut :
Masukkan Nama Link Sahabat Anda Disini
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 :
<div style="overflow: auto; width: 220px; height: 175px; background-attachment: scroll; background-image: url('http://alamat gambar yang anda inginkan.jpg'); border: 0 solid #0000ff; padding: 5px; border: 2px solid #0000ff;">
<div><a href="http://irfanhandi.wordpress.com/" target="_blank">Irfan Handi - Hanya Ingin Berbagi</a></div>
<div><a href="http://blogteman.wordpress.com/" target="_blank">Blog Teman yang lain</a></div>
<div><a href="http://blogteman.wordpress.com/" target="_blank">Blog Teman yang lain</a></div>
<div><a href="http://blogteman.wordpress.com/" target="_blank">Blog Teman yang lain</a></div>
<div><a href="http://blogteman.wordpress.com/" target="_blank">Blog Teman yang lain</a></div>
<div><a href="http://blogteman.wordpress.com/" target="_blank">Blog Teman yang lain</a></div>
<a href="http://blogteman.wordpress.com/" target="_blank">Blog Teman yang lain</a></div><div>
</div>
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.
Refresh Halaman Blog Anda dan Lihat Hasilnya.









wuihh keren bang
backlink blog saya juga ya, link blog abang sudah saya pasang
nih link blog saya vrloversblog.wordpress.com
Posted by VRLoversblog | Agustus 27, 2012, 10:05 amTerima kasih gan! Infonya,sangat bermanfaat.
Posted by Pinangsari blog | Agustus 28, 2012, 2:01 amTerima kasih tutorialnya sangat membantu, alhamdulillah saya sudah bisa
Posted by Blog Penghasil Uang | September 7, 2012, 4:09 pmmohon bantuannya yaaa masss
newbie nieh
Posted by yugeafri | September 26, 2012, 5:24 pmTerima kasih gan! Infonya,sangat bermanfaat. Patut dicoba…
Posted by roemahgergasi | September 26, 2012, 6:00 pmTerima kasih ilmunya ya…
Posted by mawarbenhour | Oktober 7, 2012, 1:33 ammaksih bos infonya
tukaran link yuk?
Posted by Photoshop for Beginner | Desember 26, 2012, 3:58 amgan ikut tuker link ya… link Irfanhandi udah ane pasang.. di cek ya bang..
Posted by Knoweledgeinstinct | Januari 2, 2013, 10:25 amCara memasang tanda lingkaran warna merah dan kotak warna merah, apa pakai Photoshop Mas? Mohon pencerahannya. Atau pakai menu lainnya? Mohon katagori tulisan di blog ini ditambahkan dengan Kesehatan dan atau Kuliner. Salam….
Posted by Arumsekartaji | Januari 9, 2013, 10:59 pmMengenai lingkaran dan kotak, dalam hal ini saya hanya menggunakan paint saja Mba Arum.
Untuk Kategori Kesehatan dan Kuliner, saya sudah tambahkan.
Terimakasih telah banyak berbagi disini. InsyaAllah setelah ada waktu luang saya akan nulis lagi. (saat ini saya sedang menghadapi Pilgub NTB). Mohon dumaklumi.
Posted by Irfan Handi | Januari 10, 2013, 1:33 amSukses dengan Pil Gubnya. Mengenai Paint, maksudnya apa harus ada sowfare khusus. Mohon penjelasan saja cara menempatkannya di menu yang dimaksud. Salam…..
Posted by Arumsekartaji | Januari 10, 2013, 3:28 amsms ke sini 081805768000
Posted by Irfan Handi | Januari 10, 2013, 3:39 amTrims, sudah ada penjelasan tentang cara kerja Paint dan petunjuk penggunaannya dari rekan kerja. Maaf mengganggu kesibukan kerja. Sukses selalu.
Posted by Arumsekartaji | Januari 10, 2013, 3:50 am