//
you're reading...
ARTIKEL

Cara Membuat Blogroll dengan Scroll di Sidebar WordPress.com


Cara seorang blogerr agar dapat mendapatkan trafik banyak dapat menggunakan berbagai macam,  salah satunya dengan bertukar link dengan sahabat blogger yang lainnya. membuat link Bligroll dengan Scroll, mungkin Cara ini  sudah pasti di gunakan para mastah yang sudah mahir dalam ngeblok maupun bagi yang baru berkecimbung dalam Blog. bagi yang sudah mastah silahkan jalan dulu dan bagi yang baru belajar mari kita simak sedikit pencerahan ane terkait dengan cara membuat menu blogrol dengan scroll.

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>

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, dan masukan nama link sahabat. gantilah tulisan yang berwarna merah tersebut dengan nama link sahabat anda.

4.Setelah anda memasukan nama sahabat anda lalu  blok nama link tersebut lalu klik tombol insert/edit link, atau dengan menekan (alt + Shift + A)tampak pada gambar dibawah. dan jangan lupa centang Open link a New tab untuk membuka halaman baru atau dibiarkan saja .

catatan .

 agar hasilnya bisa tersusun kebawah tambahkan kode <div> di awal setiap link nama sahabat anda dan di akhiri </div>.

contohnya seperti 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://.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>

<div><a href=”http://blogteman.wordpress.com/” target=”_blank”>Blog Teman yang lain</a></div>

</div>


setelah selesai mengisi nama link sahabat kemudian copy paste tulisan tadi, sahabat masuk menu  kemudian masuk pada dasbor anda klik appereance klik widget, pilihlah pada widget Text kemudian geser kesidebar dengan mouse dan kopi paste link sahabat tadi dan selesai lah link blogroll dengan scrollnya.

sekian dari saya semoga bermanfaat dan selamat mencoba,

sumber: http://irfanhandi.wordpress.com

About TokiMachi

Menjadi orang yang berguna bagi orang lain itu adalah prinsip hidup saya, melalui Coretan Puena Ini mudah-Mudahan apa yang ada pada diri saya dapat saya transformasikan dan mudah-mudahan berguna bagi mereka.

Discussion

Trackbacks/Pingbacks

  1. Pingback: Coretan Poena - July 24, 2012

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s