Cara Membuat Blogroll Dengan Scroll

Cara Membuat Blogroll Dengan Scroll - Assalamualaikum sob, alhamdulillah kita bisa bertemu kembali di blog mestiqui ini ya. Kali ini saya akan bagikan sebuah tips cara membuat, yaitu cara membuat blogroll dengan scroll.

Biasanya blogroll ini digunakan untuk media tukar link blog, biasanya juga dipasang di sidebar atau lainnya, sudah tahukan Anda apa itu blogroll ?? berikut sedikit penjelasan singkatnya.

Blogroll adalah daftar link blog eksternal yang dipasang dalam suatu blog. Fungsi tukar link sendiri katanya juga bisa meningkatkan pagerank karena backlink yang didapatkan.

Dan lebih baik jika blog Anda bertukar link dengan blog yang mempunyai pagerank tinggi, karena Anda akan memperoleh backlink yang lebih berkualitas dan tentunya akan menambah kemungkinan pagerank blog Anda akan naik.

Untuk membuat blogroll sendiri hanya membutuhkan sedikit kode HTML sederhana, disini saya sudah siapkan blogroll yang linknya bisa terbuka tab baru atau link yang tidak terbuka di tab baru, Anda bisa memilihnya sesuka hati.

Selain itu, dengan tukar link Anda juga bisa lebih mempererat rasa silaturahmi antar blogger pemilik blog, dan juga bisa memperkenalkan blog Anda di blog lain, sehingga tidak menutup kemungkinan visitor blog Anda akan semakin banyak.

Nah, berikut ini kode HTML yang bisa Anda gunakan untuk membuat blogroll.

Cara Membuat Blogroll Dengan Scroll

Silahkan sobat copy code berikut ini pada tambahkan html/javascript blog sobat:

Blogroll Normal (Tidak Open New Tab)

<div style="overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="Alamat Yang Dituju">Judul Blog </a></li>
<li><a href="Alamat Yang Dituju">Judul Blog </a></li>
<li><a href="Alamat Yang Dituju">Judul Blog </a></li>
</ul>
</div> 

Blogroll  Open New Tab

<div style="overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="Alamat Yang Dituju" target="new">Judul Blog</a></li>
<li><a href="Alamat Yang Dituju" target="new">Judul Blog </a></li>
<li><a href="Alamat Yang Dituju" target="new">Judul Blog </a></li>
</ul>
</div>

Fungsi Scroll Untuk Banner Atau Gambar 

<div style="overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="Alamat Yang Dituju" target="new"><img src="Url Gambar" height="150" width="200"/></a></li>
<li><a href="Alamat Yang Dituju" target="new"><img src="Url Gambar" height="150" width="200"/></a></li>
</ul>
</div>  

Untuk demo blogrollnya sobat semua bisa melihat di sidebar blog mestiqui ini, pada judul widget "blogroll", dan itulah Cara Membuat Blogroll Dengan Scroll semoga bermanfaat, dan jika masih ada pertanyaan bisa lewat pesan komentar dibawah ini, terimakasih.