Membuat Kotak Blogroll (Tempat Link Teman)


Blogroll adalah media untuk menggabungkan link-link teman kita, namun apabila sahabat memiliki banyak teman, tentu hal ini akan menjadi sidebar di blog sahabat penuh dengan link-link tadi. Untuk mengatasi hal tersebut, lebih baik kita menaruh link-link teman tadi pada kotak blogroll agar tidak terlalu banyak tempat yang termakan hanya karena link teman yang kelewat banyak. Nah, pada kesempatan kali ini saya akan memberikan tutorial pada sahabat tentang bagaimana cara membuat kotak blogroll di blogspot serta jenis-jenis Blogroll yang ada :

1. Model Text area
2. Model Marque (efek text bergerak)
3. Penggabungan Text Area dan Marque

Nah dari ketiga diatas apakah sahabat ingin membuatnya?? jika ingin ikuti langkah-langkah berikut :

1. Login dulu ke blogger
2. Buka menu Layout
3. Kemudian pilih Add A Gadget kemudian pilih HTML/JavaScript
4. Taruh salah satu cara dibawah ini

1. Model Text Area

Model ini jika linknya banyak, tidak akan membuat blog menjadi sesak karena jika link melebihi batas text area akan ada roll bar disampingnya. Nah begini cara pembuatanya :

Copy Code dibawah ke HTML/JavaScript


<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">



#alamat link <br />
#alamat link2 <br />
#alamat link3 <br />

#Link-link seterusnya..
<br />

</div>

Keterangan :

width: 200px; : Ukuran panjang text area tersebut
height: 200px; : Ukuruan lebar text area tersebut
#alamat link <br /> : Link teman blog sahabat, yang akan dipasang pada blogroll sahabat.

Linknya harus sahabat isi dengan kode seperi dibawah ini :

<a href="http://caraindra.blogspot.com">Blog tips trick</a>

Contoh jadinya :



Atau jika ingin membuka di tab browser baru tambahkan target="_blank" dan menjadi seperti dibawah ini :

<a href="http://caraindra.blogspot.com"target="_blank">Blog tips trick</a>

2. Model Marque

Model marque ini link-linknya akan bergerak dari atas ke bawah atau dari bawah ke atas dan juga bisa dari kiri ke kanan bisa juga sebaliknya. Nah cara pembuatanya begini :


Copy Code dibawah ke HTML/JavaScript

<MARQUEE align="center" direction="up" height="100" scrollamount= "2"
onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

#link1 <br />
#link2 <br />
#link3 <br />
#link...<br />

</marquee>

Keterangan :


Up = Pergerakan link bisa kamu ganti dengan down, left, right
100 = Tinggi batas blogrollnya

Linknya kamu harus isi dengan HTML seperi dibawah :


<a href="http://caraindra.blogspot.com">Blog tips trick</a>

Contoh jadinya :



#Blog tips trick


#Blog tips trick


#Blog tips trick


#link...


Atau jika ingin membuka di tabel baru tambahkan target="_blank" Jadinya Seperti ini :

<a href="http://caraindra.blogspot.com"target="_blank">Blog tips trick</a>

3. Penggabungan Text Area Dan Marque

Ini adalah penggabungan dari text area dan marque bloggroll. cara pembuatanya seperti ini :

Copy Code dibawah ke HTML/JavaScript

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">
<marquee direction="up" width="95%" scrollamount="2"


onmouseover="this.stop()" onmouseout="this.start()" height="200" align="center">


#Link <br/>
#Link <br/>
#Link <br/>


</marquee>
</div>

Keterangan :

width: 200px; height: 200px; = Panjang dan lebar batas text area
height="200" = Tinggi batas marque areanya

Linknya kamu harus isi dengan HTML seperi dibawah


<a href="http://caraindra.blogspot.com">Blog tips trick</a>

Contoh Jadinya :


atau jika ingin membuka di tabel baru tambahkan target="_blank" Jadinya Seperti ini

<a href="http://caraindra.blogspot.com"target="_blank">Blog tips trick</a>

Oke sahabat, sekian dulu info dari saya, semoga bermanfaat. Akhir kata sampai jumpa dan salam blogging :D

Related Posts

Membuat Kotak Blogroll (Tempat Link Teman)
4/ 5
Oleh

4 comments

4 April 2009 at 05:40 delete

Mantap coy,, dengan template baru lebih fress. . .

Reply
avatar
5 June 2009 at 20:25 delete

trimz bos atas infonya,... sekalian saya pasang linknya di blog saya

Reply
avatar
17 June 2009 at 21:25 delete

thanks cuy ats pengumummannya hehehehehehe....

Reply
avatar
6 November 2010 at 15:59 delete

yo,,,sama broo,,thx udh pd komentar

Reply
avatar