TUTORIAL BLOG | Cara Mudah Membuat Blogroll “Ceria”, cukup dengan copy paste

Blogroll adalah elemen dalam blog anda sebagai tempat penyimpanan link blog anda yang lain atau link blog teman-teman blogger anda setelah sepakat tukar link. Blogroll bertujuan untuk mempererat tali silaturahmi diantara pemilik blog/website. selain itu semakin banyak blog kita di link oleh blog lain maka semakin baik pula posisi rangking blog kita pada Search Engine. Blogroll juga akan memudahkan blogger untuk melakukan blogwalking, sebab link-link yang akan dijelajahi sudah tersedia di blog kita. So tunggu apa lagi ayo tuker link dengan ilpeng.com.

Bagaimana cara membuat blogroll?

Sobat tentunya tahu bahwa blogger menyediakan fitur blogroll yang dapat kita gunakan dengan mudah. Jika anda ingin menggunakannya ikuti langkah berikut ini ;

• Login akun blogger anda, Jika anda memiliki beberapa beberapa blog pilih blog mana yang akan di pasang widget blogroll kemudian klik layout
• Klik Page element, klik add a gadget lalu tambahkan blogroll
• Selanjutnya tinggal masukkan url dan nama blog yang akan ditaruh di blogroll
• selesai
  

Kelemahan blogroll bawaan blogger adalah jika link di klik tidak membuka jendela baru dan akan menutup jendela blog anda. Selain itu jika jumlah link blog yang banyak akan memakan tempat. Untuk mengatasi itu gunakan blogroll buatan sendiri yaitu dengan menu dropdown.

Blogroll dengan menu dropdown
Untuk membuat blogroll pada menu dropdown, seperti yang sudah saya katakan tinggal copy paste script di bawah ini :

<form> <select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu> <option> - Blogroll Dropdown ilpeng.com - </option> <option value="http://www.ilpeng.com" target=”new”>Blog Ilpeng dan teknologi</option> <option value="http://www.tutorialspss.blogspot.com" target=”new” >tutorialspss</option> <option value="http://www.sandhioke.co.co" target=”new”>knowledge sharing</option> <option value="http://www.sharingknowledge.co.cc" target=”new”>sharing knowledge</option> <option value="http://www.sharingpengetahuan.co.cc" target=”new”>sharing pengetahuan</option> </select> </form>

Tulisan warna merah ganti dengan Url link milik anda dan namanya (anchornya).
Hasilnya akan seperti ini, silahkan coba di klik: 

- Blogroll Dropdown ilpeng.com - Blog Ilpeng dan teknologi tutorialspss knowledge sharing sharing knowledge sharing pengetahuan

Blogroll dengan marquee
Anda juga bisa membuat blogroll dengan marque, keuntungan menggunakan marquee adalah menghemat space, tapi ilpeng.com sangat kurang merekomendasikan sebab blog menjadi terlalu banyak animasi pergerakan yang bisa memperlambat proses loading lagipula terkesan tidak rapi dan kurang professional, tapi itu kembali pada pilihan anda.

Membuat blogroll dengan marquee copy script di bawah ini:

<marquee onmouseover="this.stop()" onmouseout="this.start()"width="100%" height="150" direction="up" scrollamount="3" > < a href ="http://www.ilpeng.com" target=”new”>Blog Ilpeng dan teknologi</a> < a href ="http://www.tutorialspss.blogspot.com" target=”new”>tutorialspss</a> < a href ="http://www.sandhioke.co.co" target=”new”>knowledge sharing</a> < a href ="http://www.sharingknowledge.co.cc" target=”new”>sharing knowledge</a> < a href ="http://www.sharingpengetahuan.co.cc" target=”new”>sharing pengetahuan</a> </marquee>

hasilnya adalah seperti ini :


Blog Ilpeng dan teknologi
tutorialspss
knowledge sharing
sharing knowledge
sharing pengetahuan

Keterangan properties yang digunakan dalam marque:

• onmouseover="this.stop()" onmouseout="this.start()" artinya marquee akan berhenti jika ditunjuk oleh mouse
• scrollamount="3" menunjukkan kecepatan gerakan, nilai lebih tinggi untuk lebih cepat.
• direction="up" " menunjukan arah gerakan keatas, pilihan bisa "down, left,right"
• width="100%" menunjukan lebar dari marquee sebesar "100%" dari tempat dimana perintah ini ditempatkan, bisa dirubah sesuka anda 25% atau 50% atau yang lain.
• height="150" menunjukan tinggi dari marquee ", bisa dirubah sesuka anda 125 atau lainnya

Jika anda menginginkan marquee di dalam bingkai, meskipun ilpeng.com tidak merekomendasikan tapi akan di share juga caranya disini. Marque dalam bingkai.

Artikel Terkait