Membuat Daftar Blog Teman Atau Blogroll

Cara Membuat Widget Blogroll. Tau kan widget blogroll seperti apa ? itu loh.. yang buat, taruh link-link teman. Hehe.. Nah, widget blogroll kali ini bisa dibilang hemat tempat. Saya juga bingung mau memberi apa ini nama widget. Karena, widget blogroll ini menggunakan fungsi table. Jadi, kita bisa memberi nama widget ini adalah Widget Blogroll Hemat Tempat Fungsi Table. Hehe..

Previewnya seperti gambar pada dibawah ini...

Sebenarnya widget blogroll hemat tempat fungsi table seperti ini, cocok untuk sobat yang menaruh link-link sahabatnya pada satu halaman khusus.. Karena nanti bisa dibagi menjadi 2, 3 atau 4 bagian.. atau juga bisa untuk sobat yang pada sidebarnya lebar, seperti pada blog ini, hehe.. multi fungsi deh..

Oke, langsung aja Cara Membuat Widget Blogroll Hemat Tempat Fungsi Table. Berikut langkah-langkahnya...

1. Login terlebih dahulu ke blogger dengan akun sobat.
2. Pilih dan klik "Rancangan", kemudian pada halaman "Edit Tata Letak". Klik "Tambah Gadget". Scroll kebawah dan pilih "HTML/Javascript".

Berikut kodenya/yang sobat taruh pada HTML/Javascript..

<table border="0" cellspacing="0" style="width: 300px;">
<tbody>
<tr>
<td valign="top" width="150">
<ul>
<li><a href="Alamat Url" target="_blank" title="Deskripsi"><strong>Anchor Teks</strong></a></li>
<li><a href="Alamat Url" target="_blank" title="Deskripsi"><strong>Anchor Teks</strong></a></li>
<li><a href="Alamat Url" target="_blank" title="Deskripsi"><strong>Anchor Teks</strong></a></li>
<li><a href="Alamat Url" target="_blank" title="Deskripsi"><strong>Anchor Teks</strong></a></li>
<li><a href="Alamat Url" target="_blank" title="Deskripsi"><strong>Anchor Teks</strong></a></li>
</ul>
</td>

<td valign="top" width="150">
<ul>
<li><a href="Alamat Url" target="_blank" title="Deskripsi"><strong>Anchor Teks</strong></a></li>
<li><a href="Alamat Url" target="_blank" title="Deskripsi"><strong>Anchor Teks</strong></a></li>
<li><a href="Alamat Url" target="_blank" title="Deskripsi"><strong>Anchor Teks</strong></a></li>
<li><a href="Alamat Url" target="_blank" title="Deskripsi"><strong>Anchor Teks</strong></a></li>
<li><a href="Alamat Url" target="_blank" title="Deskripsi"><strong>Anchor Teks</strong></a></li>
</ul>
</td>
</tr>
</tbody>
</table>

Keterangan :

Pada kode tulisan berwarna merah, sesuaikan dengan template sobat.
Pada kode tulisan berwarna hijau, isi dengan alamat url/link sahabat sobat.
Pada kode tulisan berwarna kuning, isi dengan deskripsi link sahabat sobat.
Pada Kode tulisan berwarna biru, isi dengan anchor teks blog sahabat sobat.

3. Terakhir, klik "Simpan".

Sebenarnya, link-link diatas pada widget ini, sudah dibuat semaksimal mungkin Seo Friendly. Mungkin cukup sekian.. postingan kali ini, semoga bisa berguna yah, hehe...

Semoga bermanfaat.
Akhir kata...

Posted in: Tips n Trik Bloging