Cara Membuat Blogroll Alternatif

Jumat, 08 Januari 2010 ·

Apa itu Blogroll?

Blogroll atau di sebut juga Link Exchange atau tukeran link antar blog atau website adalah menyimpan link address milik orang lain pada blog/website milik kita.

Apa manfaat dari blogroll?

Mungkin secara sekilas Anda berpikir bahwa memasang link address milik orang lain pada blog/website milik kita akan merugikan, sebab dengan itu tentu saja kita memberikan jalan kepada para pengunjung untuk meninggalkan blog kita. Alasan itu mungkin ada benarnya, akan tetapi tidak seutuhnya benar. Dengan adanya blogroll banyak sekali manfaat yang kita dapatkan, antara lain yaitu mempererat tali silaturahmi atau tali persaudaraan diantara pemilik blog/website. Selain itu semakin banyak blog kita di link oleh blog lain maka semakin baik pula posisi rangking blog kita pada Search Engine semacam Google, Yahoo, Msn serta teman-temannya. Tentu saja sama-sama kita ketahui bahwa setiap pemilik blog/website berkeinginan bahwa blog/website miliknya mempunyai rangking yang baik pada search engine. Makanya budayakan tukeran link jangan pelit, karena kalau kita pelit memberi link ya tentu saja tidak akan ada yang mau pasang link addres milik kita pada blog mereka.


Bagi Anda yang baru membuat blog dan baru memiliki blogroll hanya beberapa saja mungkin tulisan ini tidak terlalu bermanfaat, tapi mungkin barangkali nanti setelah link Anda jumlahnya sampai ratusan atau bahkan ribuan informasi ini bisa jadi bermanfaat. Memang seperti yang tadi Rully katakan di awal bahwa bertukar link atau link Exchange sangat bermanfaat, tapi kalo link Anda sudah mencapai ratusan atau bahkan ribuan tentu saja akan menemui masalah, yaitu tentu saja link ini akan memakan tempat yang banyak dan jadi tidak enak untuk di pandang mata para pengunjung. Nah jika Anda mempunyai masalah demikian, maka Rully akan memberikan beberapa alternatif jalan keluarnya.

Blogroll dengan marquee

Yang paling banyak di gunakan oleh para blogger untuk menghemat space pada blog adalah dengan menggunakan perintah marquee.

Contoh membuat blogroll dengan perintah marquee :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" >

<a href="http://denithul.blogspot.com" target="_blank">Denithul</a>
<br/><br/>
<a href="http://denithul-downloadmp3.blogspot.com" target="_blank">Download Mp3</a>
<br/><br/>
<a href="http://belajartrikblog.blogspot.com" target="_blank">Belajar Trik Blog</a>
<br/><br/>

</marquee>


Maka nanti yang akan tampil pada blog kita adalah seperti ini :



Denithul



Download Mp3



Belajar Trik Blog







Kode diatas tidak baku harus di tuliskan persis seperti di atas, tapi bisa di sesuaikan dengan kondisi dan keinginan Anda. Kode yang bisa di rubah adalah :

scrollamount="2" --> angka "2" adalah menunjukan kecepatan gerakan, jika ingin lebih cepat silahkan ganti nilainya dengan yang lebih tinggi. Misal : scrollamount="3" ,scrollamount="4" , scrollamount="5"

direction="up" --> tulisan "up" menunjukan arah gerakan keatas, kalau ingin di rubah tinggal ganti kata "up" menjadi "down,left,right" . Misal : direction="down" , direction="left" , direction="right" .

width="50%" --> tulisan "50%" menunjukan lebar dari marquee sebesar "50%" dari tempat dimana perintah ini ditempatkan, jika ingin di rubah tinggal ganti dengan nilai yang di inginkan. contoh : width="30%" , width="70%" , width="100%"

height="200" --> tulisan "200" menunjukan tinggi dari marquee sebesar 200px, jika ingin di ganti tinggal di rubah nilai angkanya. Misal : height="100" , height="300" , height="400" , height="250" .



Ada variasi lain, yaitu dengan memakai tabel, contoh :

<table border="3" width="155" height="130" cellpadding="2">

<tr>

<td align="left">

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" >

<a href="http://denithul.blogspot.com" target="_blank">Denithul</a>
<br/><br/>
<a href="http://denithul-downloadmp3.blogspot.com" target="_blank">Download Mp3</a>
<br/><br/>
<a href="http://belajartrikblog.blogspot.com" target="_blank">Belajar Trik Blog</a>
<br/><br/>

</marquee>

</td>

</tr>

</table>



Maka hasilnya akan seperti di bawah ini :













Denithul



Download Mp3



Belajar Trik Blog









Blogroll dengan menu dropdown

Untuk membuat blogroll pada menu dropdown, silahkan lihat contoh di bawah :

<form>

<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>

<option> - Blogroll - </option>

<option value="http://denithul.blogspot.com">Denithul</option>

<option value="http://denithul-downloadmp3.blogspot.com">Download Mp3</option>

<option value="http://belajartrikblog.blogspot.com">Belajar Trik Blog</option>

<option value="http://kolom-authorized.blogspot.com">Authorize service</option>

<option value="http://contoh-blog.blogspot.com/">Blog D'tree</option>

</select>

</form>


Hasilnya akan seperti ini, silahkan klik pada menu dropdownnya :







Contoh variasi lainnya :

<h3> Blogroll </h3>

<div align="left">

<select style size=5="font-weight: normal; font-size: 13px; width="135"; font-family: Verdana,Tahoma,Arial; background-color: rgb(229, 229, 229);" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" name="menu">

<option style="font-weight: normal; font-size: 11px; color: rgb(204, 204, 204); font-family: Verdana,Tahoma,Arial;" value="" selected="selected">--Teman-temanku--</option>

<option value="http://denithul.blogspot.com">Denithul</option>

<option value="http://denithul-downloadmp3.blogspot.com">Download Mp3</option>

<option value="http://belajartrikblog.blogspot.com">Belajar Trik Blog</option>

<option value="http://kolom-authorized.blogspot.com">Authorized Service</option>

<option value="http://contoh-blog.blogspot.com/" target="_blank">Blog D'Tree</option>

</select>

</form> </div>



Hasilnya akan seperti ini :

Blogroll










Kata left yang berada pada kode <div align="left"> menunjukan bahwa menu ini akan di simpan di sebelah kiri, jika mau di rubah tinggal ganti saja dengan kata "center" atau "right".


Selamat mencoba!!!

Artikel Menarik Lainnya



12 komentar:

blogGuaonline mengatakan...
26 Juni 2010 22.28  

very thank u so much!!!!!
ling nya lansung saya pasang ya,link balik juga.

MIFTAH mengatakan...
1 Agustus 2010 11.04  

Bisa ni di coba...
thank's

Admin mengatakan...
1 Agustus 2010 12.20  

@Miftah : Sama-sama. Terima kasih udah berkunjung.

download module iso mengatakan...
31 Agustus 2010 14.23  

ada yang mau tukeran link dgn blog saya PR3

jbnoer mengatakan...
12 Februari 2011 00.32  

thanks ya master tipsnya

resistanCe mengatakan...
26 Maret 2011 10.55  

keren bos, saya pengen coba nih. Thanks infonya

Singgih Rindi Pratomo mengatakan...
16 April 2011 02.03  

Om... udah saya Follow and Tukar Link di blog saya .

Erwin Kundya mengatakan...
21 April 2011 15.29  

mksih ya infonya, saya tunggu kunjunganya, http://ekoendya.wordpress.com

Reasker mengatakan...
11 Juli 2011 21.10  

waaah terima kasih infonya, sungguh bermanfaat
sudah saya coba di blog saya :D

http://bang-x.blogspo.com mengatakan...
27 Oktober 2011 15.02  

makasih infonya bos.tolong linkback saya bos http://bang-x.blogspot.com

cahaya ilmu mengatakan...
31 Maret 2012 12.18  

kurang manataf tapi berguna ko :D

devid mengatakan...
5 April 2012 16.27  

Mantap nih gan, akasih ya...
http://depidpu.blogspot.com

Posting Komentar

Komentar Klasik Klik di sini

Artikel Populer

Postingan Terakhir

Komentar Terakhir

Tukeran Link

<a href="http://belajartrikblog.blogspot.com">target="new"><strong>Belajar Trik Blog</strong></a>

Mengenai Saya

Foto saya
Saya adalah pemula di dunia blogging