Membuat Blogroll Di Blog

Sebelumnya kita telah membahas tentang apa itu blogroll dan apa saja manfaat yang akan kita peroleh dari blogroll tersebut pada postingan berikut ini. Pada kesempatan kali ini kita akan membahas masalah bagaimana membuat fitur blogroll tersebut tampil di dalam blog kita dengan berbagai variasi. Bagaimana sebenarnya cara membuat blogroll di sebuah blog?

 

Setidaknya ada tiga variasi pembuatan yang dapat kita gunakan.

Blogroll dengan marquee (huruf berjalan).

Jika kita suka dengan tampilan huruf berjalan, tidak ada salahnya jika mencoba menggunakan teknik marquee untuk menerapkannya. Dengan marquee blog akan terlihat dinamis dan tidak membosankan.

Contohnya,



- Panduan Belajar Blog -

- Hanya Contoh -

- Hanya Contoh -

- Hanya Contoh -

- Hanya Contoh -

- Hanya Contoh -

- Hanya Contoh -

- Nama Blog Yang Ingin Ditampilkan -



Caranya sangat mudah, cukup copy dan paste kan saja kode HTML di bawah ini di dalam blog kita.

<MARQUEE align="center" direction="up" height="200" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="100%">
<a href="http://panduan-belajar-blog.blogspot.com" target="new">- Panduan Belajar Blog -</a>
<a href="http://namablogkita.blogspot.com” target="new">- Nama Blog Yang Ingin Ditampilkan -</a>

 </MARQUEE>

Keterangan;

  • MARQUEE align, merupakan letak huruf yang akan ditampilkan.
  • Direction, arah berjalannya huruf.
  • Height, batas tinggi dari kotak huruf berjalan tersebut.
  • Scrollamount, kecepatan jalannya marquee.

Blogroll dengan drop down.

Membuat blogroll dengan drop down juga relatif mudah dan terlihat cukup bagus.
Contohnya,


Cara untuk membuatnya cukup copy dan paste kan saja kode HTML di bawah ini ke dalam blog kita.

<div style="border:1px solid #006600;overflow:auto;width:160px;height:100px;">
<ul>
<li><a href="http://panduan-belajar-blog.blogspot.com/" target="new"> Panduan Belajar Blog </a></li>
<li><a href="http://namablogkita.blogspot.com /" target="new"> Nama Blog Yang Ingin Ditampilkan </a></li>
</ul>
</div>

Keterangan;

  • Width, merupakan batas lebar.
  • Height, merupakan batas panjang.

Blogroll dengan pull down.

Membuat blogroll dengan cara pull down adalah yang paling hemat tempat, karena bentuknya yang sangat sederhana dan relatif kecil. Akan tetapi, ada yang menyebutkan link yang terpasang dengan variasi pull down ini akan dianggap mati sehingga tidak akan menaikkan page rank dari link yang telah kita pasang tersebut. Jadi, bisa dikatakan jika pembuatan blogroll dengan pull down ini cukup merugikan bagi teman blogger yang kita ajak bertukar link.

Contohnya,



Cara untuk memasangnya cukup copy dan paste kan saja kode HTML di bawah ini ke dalam blog kita.

<form>
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<option> - Blogroll - </option>
<option value="http://panduan-belajar-blog.blogspot.com/">Panduan Belajar Blog</option>
<option value="http://namablogkita.blogspot.com/">Nama Blog Yang Ingin Ditampilkan</option>
</select></form>

Sebenarnya dalam fitur blogger pun sudah disediakan langkah untuk membuat link blog lain yang ingin ditampilkan di blog kita. Namun, cara-cara di atas dapat kita pergunakan sebagai variasi estetika dan sekaligus sebagai langkah penghematan ruang di blog kita.

Jika ada pertanyaan atau tanggapan, silakan sampaikan lewat kotak komentar ya kawan-kawan..
Salam blogger!

5 komentar:

  1. wah lengkap sekali tutorial blogger disini, makasih sharenya sobat :)

    BalasHapus
  2. amin..
    mohon dukungan dan kerja samanya juga kawan agar dunia blogging bisa lebih maju dan menyenangkan.
    salam blogger! =)

    BalasHapus
  3. ok thenks...atas infonya lam kenal

    BalasHapus
  4. Informasi yang sangat bagus dan berguna. Ditunggu untuk informasi berikutnya. Thanks gan

    silahkan berkunjung di intanqq

    BalasHapus