Membuat Blogroll

Hallo jumpa lagi dan pertemuan kali ini kita akan belajar membuat sebuah blogroll. Ide membuat blogroll ini sebenarnya bukan dari saya melainkan ditanyakan oleh teman kita WIZURAI dimana pertanyaan sebagai berikut :

Kang gimana caranya bikin scrolling di sidebar kaya CHUBBY link frame bukan?kok nampak bbeda sama punya saya?

Disini sedikit saya luruskan bahwa kepunyaan CHUBBY sebenarnya bukan scrolling melainkan Blogroll. Kalau scrolling kode yang dipakai adalah format HTML berjalan yaitu Marquee namun kalau yang dipakai CHUBBY memakai kode HTML biasa dalam pembuatan blogroll.

Sekarang langsung saja kita membuat blogroll tersebut, karena kalau kepanjangan basa-basi ntar basi dan ngga bisa dipakai lagi.

Inti dari Blogroll punya CHUBBY sebenarnya adalah :

<div style=”overflow: auto; height: 400px;”>

<a href=”alamat URL”>Nama site</a>

</div>
<div class=”clear”></div>

Nah dapat dilihat bahwa kode yang dipakai lumayan singkat namun pada tampilan akhir sangat mengesankan. Oke..sepertinya tampilan akhir juga tidak terlalu penting amat karena baiknya saya jelaskan bagian – bagian penting yang harus diketahui dan bisa diotak-atik ataupun dimodifikasi nantinya adalah height:400px yang artinya bahwa blogroll tersebut panjangnya 400px (sesuaikan dengan keinginan anda). Kemudian pada bagian yang berwarna merah adalah isi link yang bisa anda masukkan secara manual (waduh cape nih….) dimana alamat URL diganti dengan alamat link URL teman anda misalnya, kemudian pada Nama Site ganti dengan Nama blog atau situs yang akan di link.

Memasukkan data link secara manual..waduh perlu waktu lagi nih untuk membenahi link teman-teman mungkin itu yang ada dibenak teman-teman semuanya, namun jangan takut karena ada cara lebih gampang yang bisa dikatakan cara semi otomatis.

Lo..kok semi otomatis..yap!!! karena kita tetap memasukkan link secara manual tapi terupdate ke blog kita secara otomatis. Oke..langsung saja saya kasih tahu..yakni memakai sebuah layanan BLOGROLL.COM.

Mohon ma’af kalo saya tidak membahas secara detail BLOGROLL.com tersebut namun saya akan sedikit memberikan gambaran bagaimana caranya mengawinkan kode yang ada di blogroll dengan kode kita diatas tadi.

Sekarang perhatikan kembali kode diatas yang berwarna merah, nah..itu adalah isi dari link kawan – kawan. Sekarang ganti kode tersebut dengan kode yang diambil dari BLOGROLL.com yang nanti hasil akhir kode tersebut adalah sebagai berikut :

<div style=”overflow: auto; height: 400px;”>

Letakkan disini kode yang didapat dari Blogroll.com

</div>
<div class=”clear”></div>

Sekarang pekerjaan sudah selesai dan lihat hasilnya, apakah kira-kira sama dengan punyanya si CHUBBY.

Apakah sudah puas dengan penjelasan diatas, kalau sudah puas silakan kasih komentar dan kalau kesulitan membuatnya hubungi saya..gratis ngga bayar asalkan kasih komentar sebanyak-banyaknya sampai anda lemes.

My logic