Bagi para blog mungkin yang namanya blogroll itu adalah tampilan yang
simpel, blogroll biasa nya banyak digunakan untuk meletakkan daftar
link yang akan anda pasang , berisi postingan bahkan untuk memasang
benner, tapi bagi semua yang belum tahu contohnya adalah seperti gambar
dibawah ini.
Kenapa mesti ada Blogroll? Untuk saya pribadi :
1. Memudahkan saya melihat atau mengikuti update postingan sahabat tanpa harus repot login ke akun blogger.
2. Dengan Blogroll kita akan dibawa langsung ke link tujuan tanpa masuk ke beranda dan meng-klik readmore.
3. Kita lebih mudah berkunjung ke blog teman ataupun blog favorite kita.
4. Dari daftar blogroll yang kita miliki, kita dengan mudah berpindah
dari blog satu ke blog lainnya. Tinggal pencet link yang ada.
5. Jika sobat mau menambahkan fungsi Blogroll ini silahkan di form komentar,hehehe.
<div style="border: 4px solid rgb(100, 100, 100);
height: 100px; overflow: auto; text-align: left;
width: 300px;">
-<a href="
http://pengendali-blog.blogspot.com/" target="_blank">
Pengendali Blog</a><br />
-<a href="
http://pengendali-blog.blogspot.com/" target="_blank">
Pengendali Blog</a><br />
-<a href="
http://pengendali-blog.blogspot.com/" target="_blank">
Pengendali Blog</a><br />
-<a href="
http://pengendali-blog.blogspot.com/" target="_blank">
Pengendali Blog</a><br />
-<a href="
http://pengendali-blog.blogspot.com/" target="_blank">
Pengendali Blog</a><br />
-<a href="
http://pengendali-blog.blogspot.com/" target="_blank">
Pengendali Blog</a><br />
-<a href="
http://pengendali-blog.blogspot.com/" target="_blank">
Pengendali Blog</a></div>
Keterangan:
>>Untuk tulisan yang saya tandai dengan warna
merah itu adalah tinggi dari blogroll.
>>Untuk tulisan yang saya tandai dengan warna
hijau itu adalah lebar dari blogroll.
>>Untuk tulisan yang saya tandai dengan warna
biru itu adalah daftar link, ganti dengan link sahabat anda.
>>Dan untuk Tulisan yang saya tandai dengan warna
orange itu adalah anchor text, ganti dengan judul blog sahabat anda.
Scrip Lain:
<div id="demo1" style="width:283px; height:150px; padding:8px; background:lightyellow; border:1px solid gray; resize:both; overflow:scroll">
<div style="background:#020D8A;"><font color="#FFFFFF"><b>TUTORIAL BLOG</b></font></div>
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/multi-level-drop-down-dengan.html">1.MultiLevel Drop Down dengan jQuery</a><br />
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-menu-dtree-di-blogger.html">2.Menu dTreedi Blogger</a><br />
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/menu-horizontal-animasi-di-blog.html">3.Menu Horizontal Animasi di Blog</a><br />
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/effect-jquery-link-nudging-di.html">4.Effect JQuery Link Nudging</a><br />
<div style="background:#020D8A;"><font color="#FFFFFF"><b>TUTORIAL LAIN</b></font></div>
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/info-panel-slide-vertikal.html">5.Info Panel Slide Vertikal dengan jQuery</a><br />
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-chatbox-slide-vertikal-dengan.html">6.Chatbox Slide Vertikal Dengan jQuery di Blog</a><br />
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/daftar-isi-dengan-jquery.html">7.DaftarIsiDenganjQuery Accordion</a><br />
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/slider-gambar-ala-drakon.html">8.Slider Gambar ala Drakon Template</a><br />
10.Translate Gambar Bendera di Blog<br />
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/menu-navigasi-horisontal-dan.html">11.NavigasiHorisontaldanKotak Pencari </a><br />
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/memasang-artikel-berlangganan-di-blog.html">12.ArtikelBerlangganan</a><br />
</div>
Itu saja cara cara yang saya berikan semoga bermanfaat dan dapat membantu kesulitan yang anda hadapi sekarang
sumber: http://pengendali-blog.blogspot.com
