Coba yang ini

Search

Cara Membuat Blogroll

Apa itu Blogroll ? Pertama kali membacanya saya juga bingung, apa sih yang dimaksud dengan blogroll. Ternyata Blogroll adalah tempat menyimpan link address milik orang lain atau blogger lain di tempat blog milik kita. Jadi Apa fungsinya blogroll itu sendiri. Bisa Saudara bayangkan jika pada suatu saat Link Exchange milik kita sudah mencapai ratusan, gimana menampungnya, apa gak jelek kalau blog saudara linknya sepanjang gitu. tentu sangat menyebalkan.

Dari pada bingung lebih baik kita praktek aja langsung. Untuk membuat blogroll sebenarnya ada beberapa cara antara lain :


Blogroll dengan marquee

Login dulu ke blog saudara

Masuk ke pengaturan tata letak dan buat element baru dengan javascrip

Copy code dibawah ini dan paste kedalam element yang baru dibuat

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

<a href="alamat blogger" target="_blank">nama blogger</a>
<a href="alamat blogger" target="_blank">nama blogger</a>
<a href="alamat blogger" target="_blank">nama blogger</a>
<a href="alamat blogger" target="_blank">nama blogger</a>
<a href="alamat blogger/" target="_blank">nama blogger</a>

</marquee>

Simpan element dengan judul yang sobat suka, misal : Link Sobatku

Lalu view blog, dan lihat hasilnya.

Sekarang tugas sobat adalah mengganti alamat blogger dan nama blogger sesuai dengan punya sobat.

alamat blogger = isi alamat blog teman sobat misal : http://businternet.blogspot.com
nama blogger = nama teman sobat misal : can301

Kode yang barusan kita pakai bisa dirubah sesuai dengan kebutuhan sobat. 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" .

<br/><br/> = pemisah antara yang satu sama yang lainnya.


Blogroll dengan marquee dengan table.

Caranya sama dengan yang diatas copy code dibawah ini dan paste pada element baru dan simpan lalu view blog untuk melihat hasilnya.

Contohnya seperti ini :

<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="alamat blogger" target="_blank">nama blogger</a>
<a href="alamat blogger" target="_blank">nama blogger</a>
<a href="alamat blogger" target="_blank">nama blogger</a>
<a href="alamat blogger" target="_blank">nama blogger</a>
<a href="alamat blogger/" target="_blank">nama blogger</a>

</marquee>
</td>
</tr>
</table>

Blogroll dengan menu dropdown

Contohnya seperti ini :

<form>

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

<option> - Blogroll - </option>

<option value="Alamat blogger">Nama Blogger</option>

<option value="Alamat blogger">Nama Blogger</option>

<option value="Alamat blogger">Nama Blogger</option>

<option value="Alamat blogger">Nama Blogger</option>

<option value="Alamat blogger">Nama Blogger</option>

<option value="Alamat blogger">Nama Blogger</option>

</select>

</form>


Contoh 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="Alamat blogger">Nama Blogger</option>

<option value="Alamat blogger">Nama Blogger</option>

<option value="Alamat blogger">Nama Blogger</option>

<option value="Alamat blogger">Nama Blogger</option>

<option value="Alamat blogger">Nama Blogger</option>

</select>

</form> </div>


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.