Blogroll.
Apa itu
Blogroll atau di sebut juga Link Exchange atau tukeran link antar blog atau website adalah menyimpan link address milik orang lain pada blog/website milik kita.
Manfaat dari blogroll
Mungkin secara sekilas para sobat berpikir bahwa memasang link address milik orang lain pada blog/website milik kita akan merugikan, sebab kita memberikan jalan kepada para pengunjung untuk meninggalkan blog kita. menuju Blig orang lain, Alasan itu mungkin ada benarnya, akan tetapi tidak seutuhnya benar.
Manfaat dari blogroll
Mungkin secara sekilas para sobat berpikir bahwa memasang link address milik orang lain pada blog/website milik kita akan merugikan, sebab kita memberikan jalan kepada para pengunjung untuk meninggalkan blog kita. menuju Blig orang lain, Alasan itu mungkin ada benarnya, akan tetapi tidak seutuhnya benar.
Dengan adanya blogroll banyak sekali manfaat yang kita dapatkan, antara lain: mempererat tali silaturahmi atau tali persaudaraan 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 semacam Google, Yahoo, Msn serta sedulur-sedulurnya. Tentu saja sama-sama kita ketahui bahwa setiap pemilik blog/website berkeinginan bahwa blog/website miliknya mempunyai rangking yang baik pada search engine. Makanya budayakan tukeran link jangan pelit, karena kalau kita pelit memberi link ya tentu saja tidak akan ada yang mau pasang link address milik kita pada blog mereka.
Bagi para sobat yang baru membuat blog dan baru memiliki blogroll hanya beberapa saja mungkin tulisan ini tidak terlalu bermanfaat, tapi mungkin barangkali nanti setelah link sobat jumlahnya sampai ratusan atau bahkan ribuan informasi ini bisa jadi bermanfaat. Memang seperti yang tadi saya katakan di awal bahwa bertukar link atau link Exchange sangat bermanfaat, tapi...ada tapinya nie sobat..kalo link sobat sudah mencapai ratusan atau bahkan ribuan tentu saja akan menemui masalah, yaitu tentu saja link ini akan memakan tempat yang banyak dan jadi tidak enak untuk di pandang mata para pengunjung.
Solusinya adalah dengan membuat Blogroll yang di modifikasi sehingga menghemat halaman...
Ada banyak variasi yang bisa kita ciptakan,suka-suka saja sesuai selera.
Ok..kita langsung menuju ke TKP..(ah basi banget dech..heheheh)
*Variasi dengan menu dropdown
Untuk membuat blogroll pada menu dropdown, silahkan lihat contoh atau copy paste kode-kode berikut.
<form>
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<option> - Blogroll - </option>
<option value="http://kolom-blogku.blogspot.com">Panduan ngeBlog</option>
<option value="http://zona-iklan.blogspot.com">Iklan Gratis</option>
<option value="http://reonkzone.blogspot.com">Zona Berbagi</option>
<option value="http://pcbreonk.co.cc">PCB ReOnk.co.cc</option>
<option value="http://reonknews.blogspot.com/">Informasi dan Cerita</option>
</select>
</form>
Hasilnya akan seperti ini, Coba klik pada menu dropdownnya :
Untuk membuat blogroll pada menu dropdown, silahkan lihat contoh atau copy paste kode-kode berikut.
<form>
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<option> - Blogroll - </option>
<option value="http://kolom-blogku.blogspot.com">Panduan ngeBlog</option>
<option value="http://zona-iklan.blogspot.com">Iklan Gratis</option>
<option value="http://reonkzone.blogspot.com">Zona Berbagi</option>
<option value="http://pcbreonk.co.cc">PCB ReOnk.co.cc</option>
<option value="http://reonknews.blogspot.com/">Informasi dan Cerita</option>
</select>
</form>
Hasilnya akan seperti ini, Coba klik pada menu dropdownnya :
<option value="http://kolom-blogku.blogspot.com">Panduan ngeBlog</option>
<option value="http://zona-iklan.blogspot.com">Iklan Gratis</option>
<option value="http://reonkzone.blogspot.com">Zona Berbagi</option>
<option value="http://pcbreonk.co.cc">PCB ReOnk.co.cc</option>
<option value="http://reonknews.blogspot.com/">Informasi dan Cerita</option>
<option value="http://zona-iklan.blogspot.com">Iklan Gratis</option>
<option value="http://reonkzone.blogspot.com">Zona Berbagi</option>
<option value="http://pcbreonk.co.cc">PCB ReOnk.co.cc</option>
<option value="http://reonknews.blogspot.com/">Informasi dan Cerita</option>
</select>
</form> </div>
Blogroll
*Coba dengan Varian lain
<table border="3" width="155" height="130" cellpadding="2">
<tr>
<td align="left">
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" > <a href="http://kolom-blogku.blogspot.com"target="_blank">Panduan ngeBlog</a> <br/><br/> <a href="http:/"zona-iklan.blogspot.com"target="_blank">Iklan Gratis</a> <br/><br/> <a href="http://pcbreonk.co.cc"target="_blank">PCB ReOnk</a> <br/><br/> <a href="http:/"reonkzone.blogspot.com"target="_blank">Zona Berbagi</a> <br/><br/> <a href="http://reonknews-blogku.blogspot.com"target="_blank">Informasi dan Cerita</a> <br/><br/> </marquee>
</td> </tr>
</table> Hasilnya telihat seperti ini.
*Variasi lainnya misal:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" > <a href="http://kolom-blogku.blogspot.com"target="_blank">Panduan ngeBlog</a> <br/><br/> <a href="http:/"zona-iklan.blogspot.com"target="_blank">Iklan Gratis</a> <br/><br/> <a href="http://pcbreonk.co.cc"target="_blank">PCB ReOnk</a> <br/><br/> <a href="http:/"reonkzone.blogspot.com"target="_blank">Zona Berbagi</a> <br/><br/> <a href="http://reonknews-blogku.blogspot.com"target="_blank">Informasi dan Cerita</a> <br/><br/> </marquee> Hasilnya telihat seperti ini.
Sedikit Catatan:
Kode diatas tidak baku harus di tuliskan persis seperti itu, tapi bisa di sesuaikan dengan kondisi dan keinginan sobat semua.sesuai selera. Kode yang bisa di rubah ialah :
scrollamount="2" --> angka "2" adalah menunjukan kecepatan gerakan, jika ingin lebih cepat silahkan ganti nilainya dengan yang lebih tinggi. Misal : scrollamount="3" ,scrollamount="4" , scrollamount="5"
direction="up" --> tulisan "up" menunjukan arah gerakan keatas, kalau ingin di rubah tinggal ganti kata "up" menjadi "down,left,right" . Misal : direction="down" , direction="left" , direction="right" .
width="50%" --> tulisan "50%" menunjukan lebar dari marquee sebesar "50%" dari tempat dimana perintah ini ditempatkan, jika ingin di rubah tinggal ganti dengan nilai yang di inginkan. contoh : width="30%" , width="70%" , width="100%"
height="200" --> tulisan "200" menunjukan tinggi dari marquee sebesar 200px, jika ingin di ganti tinggal di rubah nilai angkanya. Misal : height="100" , height="300" , height="400" , height="250" .
scrollamount="2" --> angka "2" adalah menunjukan kecepatan gerakan, jika ingin lebih cepat silahkan ganti nilainya dengan yang lebih tinggi. Misal : scrollamount="3" ,scrollamount="4" , scrollamount="5"
direction="up" --> tulisan "up" menunjukan arah gerakan keatas, kalau ingin di rubah tinggal ganti kata "up" menjadi "down,left,right" . Misal : direction="down" , direction="left" , direction="right" .
width="50%" --> tulisan "50%" menunjukan lebar dari marquee sebesar "50%" dari tempat dimana perintah ini ditempatkan, jika ingin di rubah tinggal ganti dengan nilai yang di inginkan. contoh : width="30%" , width="70%" , width="100%"
height="200" --> tulisan "200" menunjukan tinggi dari marquee sebesar 200px, jika ingin di ganti tinggal di rubah nilai angkanya. Misal : height="100" , height="300" , height="400" , height="250" .
Kata left yang berada pada kode
<div align="left"> menunjukan bahwa menu ini akan di simpan di sebelah kiri, jika mau di rubah tinggal ganti saja dengan kata "center" atau "right".
0 komentar:
Posting Komentar
Terima kasih kunjungan Anda silahkan berkomentar