Membuat Link Friends Dengan Dropdown Menu adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Membuat Link Friends Dengan Dropdown Menu ini.
Pemasangan link website dan blog yang lain merupakan salah satu cara untuk menaikan pagerank blog kita seperti yang pernah saya bahas sebelumnya. Sebab, backlink yang kita dapatkan akan secara otomatis akan meningkatkan SEO pada blog kita.
Yang menjadi permasalahan kadang kita harus dihadapkan oleh banyaknya widget yang ada pada blog kita, dimana kita akan memasang link-link yang tidak menggangu penglihatan atau tampilan yang dinamis dalam blog. Untuk itu, pada tutorial kali ini akan membahas tentang topik pemasangan link yang menggunakan dropdown menu.
Ini sangat membantu kita lebih mengirit tempat widget yang kita pasaang. Biar tidak terlalu panjang lebar mari kita langsung pada caranya.
Seperti biasa cara menambahkan widget pada blog anda, Kang Fathur gak usah membahas step by step karena ditiap-tiap tutorial sebelumnya sering kali diberikan langkah-langkah yang terkait penambahan widget atau gadget dalam blog. Berikut kode HTML atau Java Script yang harus dipasang pada gadget anda.
<form name="doublecombo">
<select name="example" onchange="redirect(this.options.selectedIndex)" size="1">
<option>Te Best Friends</option><option>My Friends </option>
<option>My Link Friends </option>
</select>
<select name="stage2" size="1">
<option value="http://www.briangardner.com/">Brian Gardner </option>
<option value="http://kang-onk.blogspot.com/">Kang Onk Design </option>
</select>
<input name="test" onclick="go()" type="button" value="Go!" />
<script>
<!--
/*
By Kang Fathur
*/
var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
group[0][0]-new Option("Brian Gardner","http://www.briangardner.com/")
group[0][1]=new Option("Kang Onk Design","http://kang-onk.blogspot.com/")
group[1][0]=new Option("KR Tutor Plus","http://www.krtutorplus.com/")
group[1][1]=new Option("Free Template","http://ftemplates4u.blogspot.com/")
group[1][2]=new Option("Free Ebook","http://frebook4u.blogspot.com/")
group[2][0]=new Option("Cak Slamet","http://cakslamet.blogspot.com/")
group[2][1]=new Option("Farheisty","http://farheisty.wordpress.com/")
group[2][2]=new Option("Klik Zona","http://klikzona.blogspot.com/")
var temp=document.doublecombo.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}
function go(){
location=temp.options[temp.selectedIndex].value
}
//-->
</script>
</form>
- Catatan : Silakan ganti semua tulisan yang berlatar belakang warna ORANGE sesuai dengan keinginan anda sendiri.
Hasilnya
Semoga ini bermanfaat bagi anda pengunjung setia blog yang bertajuk Berbagi Untuk Semua SELENGKAPNYA atau SEPENUHNYA Sistem Komputer Sitemap 1 2 3 4 5
