Javascript include for DewekRoll

Berikut adalah step pembuatan DewekRoll yang dipakai dibeberapa webslog, awalnya cukup dengan menempelkan javascript include pada body html.

1) javascript source file, dewekroll.js
<!--
//Blogrolling
writeRoll(''+
'<a href="http://servername.com/index.html">Your Main Page</a>'+
'<br><br><b style="font-size: smaller;"><a href="http://www.geocities.com/apachelynx/">Powered by DewekRoll</a></b>'+
'');
function writeRoll(s){
document.write(s);
}
//-->


2) Meletakan code berikut pada area BODY
<script language="javascript" type="text/javascript" src="http://yourserver.com/dewekroll.js"></script>

Namun cara tersebut kurang baik, karena akan terlihat seperti delay pada saat loading html page karena harus membaca javascript source di server terpisah pada saat ditengah-tengah render html. Untuk mengatasinya sederhana saja yaitu dengan memisahkan list dari DewekRoll untuk diload pada awal html (sebaiknya sebelum BODY atau pada tag HEAD). Baru kemudian menambahkan document.write pada bagian yg di inginkan. Berikut contoh sederhananya.

1) javascript source file, sebagai contoh saja saya beri nama dewekroll.js dan di letakan di server terpisah. Saya lebih senang menggunakan geocities sebagai tempat hosting gratis karena layanannya yg cukup reliable dan hampir tidak pernah down.

<!--
//Blogrolling
var sRollText = ''+
'<a href="http://servername.com/index.html">Your Main Page</a>'+
'<br><br><b style="font-size: smaller;"><a href="http://www.geocities.com/apachelynx/">Powered by DewekRoll</a></b>'+
'';
//-->


2) kemudian pada page yang anda inginkan tambahkan code berikut diantara tag HEAD:
<script language="javascript" type="text/javascript" src="http://yourserver.com/dewekroll.js"></script>

3) Baru setelah itu meletakan RollText anda ditempat yg ingin anda tampilkan, sederhana saja cukup gunakan code berikut dimana saja pada area BODY dipage anda.

<script type="text/javascript">
<!--
document.write(sRollText);
//-->
</script>