Cara Membuat Kotak Blogroll

Cara Membuat Kotak Blogroll - Sobat pasti sudah pernah lihat kotak blogroll yang ada pada sidebar atau footer sebuah blog. Tahukah sobat fungsi dan kegunaan dari membuat kotak blogroll pada blog atau website sobat ? Tahukah sobat cara membuat kotak blogroll tersebut ? :)

Sebelum memulai postingan tentang cara membuat kotak blogroll  pada blog atau website, ijinkan terlebih dahulu saya mengucapkan banyak terima kasih kepada sobat semua yang telah sudi mampir ke blog TERMINAL SEO. Saya juga membuka tangan dan hati saya jika ada sobat blogger semua yang ingin mengenal TERMINAL SEO lebih jauh atau hanya sekedar bertukar link dengan saya. Saya anggap ini adalah salah satu bentuk tali silaturahmi antar blogger dengan cara saling kunjung mengunjungi blog (blog walking).

Kembali ke topik utama kita, cara membuat kotak blogroll sebenarnya sangat mudah dan dapat kita kerjakan dalam hitungan menit. Fungsi dan kegunaan dari membuat kotak blogroll salah satunya adalah untuk mempercantik tampilan sidebar atau footer blog kita, tergantung area apa yang akan sobat pasang blogroll tersebut.

Blogroll umumnya dipasang pada menu arsip, tautan link, kategori, daftar isi dan lain sebagainya. Bisa kita bayangkan jika blog kita mempunyai daftar isi yang sangat panjang, itu tentunya akan membuat blog sobat menjadi tidak menarik dan tidak terlihat simpel dimata pengunjung blog sobat.

Macam dan bentuk dari blogroll sangat bervariasi tergantung dari kemampuan si empunya blog tersebut. Cara membuat kotak blogroll yang saya posting kan kali ini akan membahas 3 macam / jenis dari kotak blogroll. Ada yang memakai background, ada yang memakai garis border atau sebaliknya.

Blogroll juga menghemat tempat pada blog kita, ini bisa kita manfaatkan jika banyak link teman-teman di blog kita, kemudian blogroll juga bisa kita gunakan bukan hanya link berupa teks saja tapi link-link bergambar seperti banner dari blog teman-teman atau gambar-gambar lainnya. di bawah ini tiga contoh blogroll yang bisa sobat gunakan. tipe-tipe ini perbah dicoba pada blogger dan worpress. widget blogroll ini berupa tag HTML/cript dan sobat tinggal memasangnya pada gadget. Ketiga tipe tersebut adalah blogroll yang menggunakan background, blogroll border (garis pinggir), dan blogroll tanpa border. lihat contohnya di bawah ini:
 

Code scipt blogroll dengan background (Blogroll 1)

<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 150px; height: 180px; text-align: left; background:#7fffda;"> <a href="http://url-blog/" target="_blank">nama lik 01</a><br/> <br/> <a href="http://url-blog/" target="_blank">nama link 02</a><br/> <br/> link lainnya<br/> <br/> </div>

Code scipt blogroll dengan garis pinggir (Blogroll 2)

<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 150px; height: 180px; text-align: center; background:#FFFFF;"> <a href="http://url-blog/" target="_blank">nama link 01</a><br/> <br/> <a href="http://url-blog/" target="_blank">nama link 02</a><br/> <br/> link lainnya<br/> <br/> </div>

Code scipt blogroll tanpa garis pinggir (Blogroll 3)

<div style="border: 0px; overflow: auto; width: 150px; height: 180px; text-align: center; background:#FFFFFF;"> <a href="http://url-blog/" target="_blank">nama link 01</a><br/> <br/> <a href="http://url-blog/" target="_blank">nama link 02</a><br/> <br/> link lainnya<br/> <br/> </div>

Cara pasangnya:

Masuk blog sobat->Tata Letak-> Tambah Gadget-> HTML/JavaScript, kemudian masukan salah satu script di atas, klik simpan.

Tambahan sobat bisa merubah align teks dan backgroundnya, sobat bisa mengubah left (kiri), right (kanan) atau center (tengah) setalah text-align: dan mengubah kode warna setelah background:# … disesuaikan dengan warna template.

Kemudian untuk merubah lebar dan tinggi kotak widget blogroll terseb sobat tinggal mengganti angka yang terdapat setelah width (lebar) dan height (tinggi) disesuaikan dengan ukuran sidebar template sobat.

Demikian postingan saya kali ini tentang Cara Membuat Kotak Blogroll pada blog atau website. Semoga bermanfaat untuk kita semua dan tidak lupa terima kasih sudah mampir ke halaman ini.

Salam Senyum Sukses ... :)