Cara membuat Daftar Link (Link List)

Link List adalah Daftar Link yang biasa anda kunjungi atau link yang menjadi favorit anda. Sebenarnya blogger.com telah menyediakan gadget untuk ini, yaitu pada saat anda menambahkan sebuah elemen dengan meng-klik Tambah Gadget pada salah satu elemen halaman anda di menu Tata Letak (Lay-out). Pada Saat muncul window Tambahkan Gadget anda tinggal memilih gadget Link List (Daftar Link). Setelah itu tinggal mengisi link yang akan anda tampilkan.
Di sini akan dibahas cara lain untuk membuat Daftar Link versi blogger

Biasanya, para blogger menggunakan blogroll untuk membuat Daftar Link. Wah apa lagi nih blogroll ? Blogroll biasanya juga disebut sebagai Link Exchange atau tukeran link. Jadi blogroll biasanya digunakan untuk menampilkan alamat link dari situs lain, walau bisa digunakan untuk keperluan yang lain (kalo udah ngerti .....).

Loh mengapa mesti menampilkan alamat link orang lain ? Apa ndak rugi ? Begini. Dengan menampilkan alamat link orang lain maka ikatan antar para blogger akan semakin erat dan semakin luas. Ada kemungkinan besar alamat link kita juga akan dipasang di blog atau situs yang lain. Walhasil, akan dapat meningkatkan rank blog kita pada search engine kayak Google dll.

Langsung saja yach .....blogroll bisa digunakan untuk menghemat tempat di blog. Titik.

1. Blogroll dengan block area

1. Tambahkan elemen baru pada salah satu elemen halaman anda. Pilih gadget HTML/Javascript.
2. Salin kode berikut ke elemen halaman yang baru ditambahkan :
   
   
   <div style="border: 1px solid #000000; background:#E0F8F7;color:#000000;
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">

<a href=”http://blog-indonesia.com” target=”new”>www.blog-indonesia.com</a><br/>
<a href=”http://www.blogoholic.info” target=”new”>Forum Blogger</a><br/>
<a href=”http://photobucket.com” target=”new”>Photobucket.com</a><br/>
<a href=”http://www.polnes.ac.id” target=”new”>www.polnes.ac.id</a><br/>

</div>

   
   
   Keterangan :
   
   1. border : 1px → ukuran ketebalan garis border. Angka 1 bisa diganti sembarang jika mau.
   2. solid → style garis border. Jika mau diganti bisa menggunakan dotted (........) atau dashed (------).
   3. #000000 → kode HTML untuk warna garis yang digunakan.
   4. background:#E0F8F7 → mengatur warna latar belakang kotak/blok area. Silahkan diatur sendiri.
   5. color:#000000 → mengatur warna tulisan. Silahkan diatur sendiri.
   6. Kode width:200px dan height:200px → ukuran lebar dan tinggi kotak/blok area. Silahkan diatur sendiri.
   7. text-align:center → perataan tulisan. Bisa diganti dengan left (rata kiri), right(rata kanan), atau justify(rata-rata).
   8. Alamat link yang warna merah tinggal anda ganti dengan daftar link anda sejumlah yang anda mau.
   9. Kode <br/> → untuk ganti baris, biar rapi gitu loh.


3. Simpan. Selesai.

Kayak gini nih hasilnya :

www.blog-indonesia.com

Forum Blogger

Photobucket.com

www.polnes.ac.id

Sekarang coba height kita kurangi jadi 100px, begini nih hasilnya :

www.blog-indonesia.com

Forum Blogger

Photobucket.com

www.polnes.ac.id

2. Blogroll dengan Marquee

Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan disamping untuk menghemat tempat pada halaman blog.
Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>
Caranya :

1. Tambahkan elemen baru pada salah satu elemen halaman anda. Pilih gadget HTML/Javascript.
2. Salin kode berikut ke elemen halaman yang baru ditambahkan :
   
   
   <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" ><code>
<a href=”http://blog-indonesia.com” target=”new”>www.blog-indonesia.com</a><br/><br/>
<a href=”http://www.blogoholic.info” target=”new”>Forum Blogger</a><br/><br/>
<a href=”http://photobucket.com” target=”new”>Photobucket.com</a><br/><br/>
<a href=”http://www.polnes.ac.id” target=”new”>www.polnes.ac.id</a><br/><br/>

</marquee>
   
   Keterangan :
   
   1. scrollamount="angka" → mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya
   2. direction="left/right/up/down" → Mengatur arah gerakan teks
   3. width=”100%” → marquee menggunakan lebar sebesar 100% dari tempat dimana perintah ini diletakkan
   4. Alamat link yang warna merah tinggal anda ganti dengan daftar link anda sejumlah yang anda suka.
   5. Kode <br/><br/> → supaya spasi antar alamat link biar agak lebar. Supaya indah gitu loh.


3. Simpan. Selesai.

Kayak gini nih hasilnya :


www.blog-indonesia.com


Forum Blogger


Photobucket.com


www.polnes.ac.id

Anda juga bisa meletakkan blogroll marquee pada blok area dengan cara :

<div ..........>

<marquee .........>

Daftar link

</marquee>

</div>

Gampang kan ?

3. Blogroll dengan Tabel

1. Tambahkan elemen baru pada salah satu elemen halaman anda. Pilih gadget HTML/Javascript.
2. Salin kode berikut ke elemen halaman yang baru ditambahkan :
   
   
   <table border="3" width="200" height="200" cellpadding="2">
<tr>
<td align="left">

Daftar link ……(atau kode marquee juga bisa)

</td>
</tr>
</table>
   
   Keterangan :
   
   1. Kode <tr> → untuk mendefinisikan baris, sedangkan <td> → untuk kolom. Kode <td alig=”left”> → tulisan ditampilkan rata kiri. Anda bisa atur sendiri.
   2. Daftar link → anda tinggal menuliskan daftar link anda, atau menggunakan kode marquee seperti di atas.


3. Simpan. Selesai.

Kayak gini nih hasilnya.

www.blog-indonesia.com Forum Blogger Photobucket.com www.polnes.ac.id

Waah kopinya mulai dingin ...nyruput kopi dulu yach ...

Insya Allah nanti akan kita lanjutkan ke materi selanjutnya