Pada umumnya blogroll berupa daftar link yang berbentuk memanjang ke bawah dengan jumlah yang cukup banyak. Blogroll ini biasa diletakkan pada sidebar blog maupun footer yang berguna untuk menghemat tempat, karena panjangnya bisa kita sesuaikan dengan kebutuhan blog tersebut.
Sebagai contoh di sini saya akan membuat kotak blogroll dengan fungsi scroll.
Selain mudah cara membuatnya, blogrool ini cukup ringan sehingga tidak begitu menghambat loading blog.
Jika Anda berkeinginan membuatnya, bisa ikuti caranya di bawah ini.
- Login ke blog Anda.
- Selanjutnya pilih tata letak/layout.
- Pilih tambah gadget.
- Kemudian pilih edit html/javascript.
- Dan langkah selanjutnya masukkan kode di bawah ini.
<div style="overflow: auto; width:300px; height: 200px; padding-right:10px; border:2px solid #000000;" >
<ul>
<li><a href="http://www.nimbuzzin.com/2012/12/cara-mudah-membuat-blog-di-blogger.html "target="_blank">CARA MUDAH MEMBUAT BLOG</a>
<li><a href="http://www.nimbuzzin.com/2012/12/cara-membuat-read-more-di-blogger.html "target="_blank">CARA MEMBUAT READ MORE DI BLOGGER</a>
<li><a href="http://www.nimbuzzin.com/2014/01/Cara-membuat-kolom-widget-di-bawah-header.html "target="_blank">CARA MEMBUAT KOLOM WIDGET DI BAWAH HEADER</a>
<li><a href="http://www.nimbuzzin.com/2013/02/cara-membuat-link-warna-warni-di-blog.html "target="_blank">CARA MEMBUAT LINK WARNA-WARNI DI BLOG></a>
<li><a href="http://www.nimbuzzin.com/2013/03/cara-membuat-link-dengan-menggunakan-gambar.html "target="_blank">CARA MEMBUAT LINK DENGAN MENGGUNAKAN GAMBAR</a></ul></li></div>
<ul>
<li><a href="http://www.nimbuzzin.com/2012/12/cara-mudah-membuat-blog-di-blogger.html "target="_blank">CARA MUDAH MEMBUAT BLOG</a>
<li><a href="http://www.nimbuzzin.com/2012/12/cara-membuat-read-more-di-blogger.html "target="_blank">CARA MEMBUAT READ MORE DI BLOGGER</a>
<li><a href="http://www.nimbuzzin.com/2014/01/Cara-membuat-kolom-widget-di-bawah-header.html "target="_blank">CARA MEMBUAT KOLOM WIDGET DI BAWAH HEADER</a>
<li><a href="http://www.nimbuzzin.com/2013/02/cara-membuat-link-warna-warni-di-blog.html "target="_blank">CARA MEMBUAT LINK WARNA-WARNI DI BLOG></a>
<li><a href="http://www.nimbuzzin.com/2013/03/cara-membuat-link-dengan-menggunakan-gambar.html "target="_blank">CARA MEMBUAT LINK DENGAN MENGGUNAKAN GAMBAR</a></ul></li></div>
- Anda ganti yang berwarna hijau dengan link milik Anda.
- Anda bisa menyesuaikan ukuran width dan height sesuai dengan ukuran template blog Anda.
- selanjutnya pilih simpan.
- Jika langkah-langkah di atas sudah benar maka bentuk blogroll tersebut akan terlihat seperti di bawah ini.
Tidak ada komentar:
Posting Komentar