Cara Menggunakan Link

Link pada dasarnya merupakan sebuah alamat pada suatu dokumen HTML. Dalam sebuah web atau blog sebuah link dapat dengan cepat dikenali dengan perubahan yang terjadi pada bentuk cursor, warna/ukran teks, perubahan gambar dan banyak bentuk yang lain bergantung kepada pemilik blog dalam menggunakan "KODE" di templatenya. Melalui perintah dalam bentuk KODE tertentu, maka sebuah link akan membuat perpindahan dari satu bagian ke bagian yang lain, baik dalam web itu sendiri ataupun perpindahan ke window yang baru. Berdasarkan fungsinya, link dibedakan menjadi 3 jenis link:

1. Link Relatif.
2. Link Absolut, dan
3. Link dalam dokumen yang sama.

Kode sebuah link :

<a href="Alamat">Nama Alamat</a>

1. Link untuk perpindahan ke web baru :

Contoh :

Untuk membuat blog baru, silahkan kunjungi blogger.com,

Bentuk linknya :

Untuk membuat blog baru silahkan kunjungi <a href="http://www.blogger.com">blogger.com</a>

D E M O :

KLIK di sini untuk membuat blog baru

2. Link untuk window baru (IE) atau tab baru (Opera dan Mozzila).

Apabila kita menggunakan KODE seperti di bawah ini, maka ketika sebuah link di KLIK, maka web yang tertulis dalam link akan di buka di window baru (di IE) atau tab baru (di Mozzila dan Opera).

Untuk membuat blog baru silahkan kunjungi <a href="www.blogger.com" target="_blank" >blogger.com</a>

D E M O :

KLIK di sini untuk membuat blog baru

3. Link untuk perpindahan ke bagian yang lain dalam dokumen yang sama (dalam satu halaman blog).

Dengan menggunakan fungsi link, maka perpindahan dari satu bagian ke bagian yang lain dalam satu dokumen dapat dilakukan dengan sangat cepat tanpa harus melakukan scrolling. Fungsi ini biasanya dimanfaatkan untuk perpindahan secara cepat ke bagian atas blog (TOP), ke paragraf lain, artikel(posting) lain, atau ke bab lain.

KODE yang digunakan :

a. Ke bagian atas blog.

< href="#top">- Kembali ke Atas/TOP -</a>

b. Ke judul artikel, paragraf atau bab lain.

Cara membuat link :

Tambahkan KODE seperti di bawah pada setiap judul, paragraf atau bab dalam sebuah posting.

Untuk Judul, paragraf atau bab:

<a name="Judul/paragraf/bab">Teks lengkap Judul/paragraf/bab</a/a>

Link yang harus dibuat :

<a href="Judul/paragraf/bab">- ke Judul/paragraf/bab -</a/a>

Contoh :

1. Bab 5 adalah Pemanfaatan Link Untuk Perpindahan Bagian Posting

Tulis bab 5 sebagai :

<a name="bab5">ke Bab 5: Pemanfaatan Link Untuk Perpindahan Paragraf/bab Posting</a>

Tulis Link untuk ke bab 5 seperti ini :

<a href="#bab5">KLIK di sini untuk kembali ke Bab 5 : Pemanfaatan Link Untuk Perpindahan Paragraf/bab Posting</a>

D E M O :

KLIK di sini untuk kembali ke bagian : Link untuk perpindahan ke web baru

2. Kembali ke Judul Posting:

<a name="judul">Link pada dasarnya</a>

"Teks Link pada dasarnya" di gunakan untuk link karena tempatnya paling dekat dengan judul posting. Coba lihat teks di bawah judul yang berwarna kuning!!!

Untuk kembali ke judul, KODE yang digunakan adalah :

<a href="judul">Kembali ke Judul Posting</a>

D E M O :

KLIK Kembali ke Judul Posting di bawah ini untuk kembali ke Bagian teratas posting:

Kembali ke Judul Posting

Bouncescroll Text

Bouncescroll text berfungsi untuk menampilkan animasi teks yang bergerak seperti gelombang sinusoidal dengan kecepatan gerak bounce serta tinggi gelombang sinus (distance) serta kecepatan scroll yang dapat diatur. Dengan perubahan pada variable distance semakin besar, maka bentuk gelombang yang diciptakan akan semakin besar. Demikian juga, penambahan nilai variabel scrollspeed dan bouncespeed akan membuat gerak teks semakin bertambah cepat.

Cara membuat Bouncescroll Text :

Copypaste bouncescroll.js di bawah ini dan upload di file/javascript hosting:

<script type="text/javascript">
var JQw=text; var ceX=textfont; var mpG=parseInt(textsize); var b_G=textcolor; var BQU; if(textstyle=="normal"){BQU="";} else if(textstyle=="bold"){BQU="font-weight:bold;";} else if(textstyle=="italic"){BQU="font-style:italic;";} else if(textstyle=="bolditalic"){BQU="font-weight:bold;font-style:italic;";} var fBC=regkey; var LaT=reglink; var uLi=regtarget; var xTM=parseInt(distance); var _lw=parseInt(scrollspeed); var pv1=parseInt(bouncespeed); var daj=0; var HYY=parseInt(posy); var kvz; var iIa; if(author!="")alert("Please don't remove\r\nvar author=\"\";"); var O_n; var jEn; var l_K; var e0l; var R1R; var Nyb; var ofk; var Ely; var kC_; var V0T; var IFT; var h6V=1350; var ERu=h6V+8; var hMO=1; var tPW=0; var aT5=0; var EGE=(document.layers)?1:0; var Imu=(document.all)?1:0; var S6L=(document.getElementById&&!document.all); var Iei=(Imu)?window.document.body.clientWidth:window.innerWidth; var fb6=(Imu)?window.document.body.clientHeight:window.innerHeight; var KEw=(Imu)?window.document.body.scrollLeft:window.pageXOffset; var Vd1=(Imu)?window.document.body.scrollTop:window.pageYOffset; var Vfv='k66b'; var kWn=Vfv.split(''); var FHo='c5-a'; var qCk=FHo.split(''); var yjB=':/'+'/'; var T2X='r-crrc'; var edz=T2X.split(''); var a7n=tPW; var r72='eeesf23hh3r62sray'; var Eas=r72.split(''); var s3E='r5-b6'; var ba_=s3E.split(''); var Aow='v7'; var HSF='9fg7hjklz6xc.v8bn1m0'; var kmn=Aow.split(''); var erY='q2se4rtyu3i5opa-wd'+HSF; var bp_=erY.split(''); var aex=''; var fpe='ible'; var _hH='abcdefghijklmnopqrstuvwxyz'; var Dug='ank'; var vti=fBC.length; var qAq='0123456789-.'; var jab=fBC.split(''); var yHW='den'; var vR3=qAq+_hH; var Rr5=vR3.split(''); var kog='hid'; var uzQ='bl'; var xJQ='vis'; var JZu=''; var nKM=location.host; var T0d=nKM.toLowerCase(); var BV8=T0d.split(''); var Ecm='ow'; var VB6='e'; var x4_='sh'; for(aT5=0;aT5<5;aT5++) aex+=bp_[vR3.indexOf(ba_[aT5])]; IFT='S'+aex; aex='';for(aT5=0;aT5<17;aT5++) aex+=bp_[vR3.indexOf(Eas[aT5])]; Nyb=aex;kC_='_'+uzQ+Dug; aex=' ';for(aT5=0;aT5<2;aT5++) aex+=bp_[vR3.indexOf(kmn[aT5])]; IFT+=aex; aex=' D'; for(aT5=0;aT5<4;aT5++) aex+=bp_[vR3.indexOf(qCk[aT5])]; IFT+=aex; aex=' S'; for(aT5=0;aT5<6;aT5++) aex+=bp_[vR3.indexOf(edz[aT5])]; IFT+=aex; aex='';for(aT5=0;aT5<4;aT5++) aex+=bp_[vR3.indexOf(kWn[aT5])]; ofk=aex;aex=''; for(aT5=2;aT5<vti-2;aT5++) aex+=bp_[vR3.indexOf(jab[aT5])]; if(BV8.length>4) if(BV8[0]!='w'&&BV8[3]!='.'&&BV8[2]!='w'&&BV8[1]!='w') JZu='www.'+nKM; else JZu=nKM; Ely=ofk+yjB+Nyb; O_n=x4_+Ecm; jEn=kog+yHW; if(JZu==aex)a7n=hMO; if(bp_[vti>>1]!=jab[0]bp_[vti]!=jab[1]bp_[vti]!=jab[vti-2] bp_[vti>>2]!=jab[vti-1]) a7n=tPW;l_K=kog+VB6; e0l=xJQ+fpe; document.write('<style>td.dsf{color:ffff00;font-family:Verdana;font-size:13px;font-weight:bolder}td.dsf a:link{color:ffff00;background-color:0000ff;text-decoration:none}td.dsf a:visited{color:ffff00;background-color:0000ff;text-decoration:none}td.dsf a:hover{color:ffffff;background-color:0000ff;text-decoration:none}</style><div id="ds25"style="position:absolute;top:0px;left:0px;width:0px;height:0px;visibility:hide;visibility:hidden;z-Index:1000;"align="center"><table border="1"bordercolor="#000000"cellpadding="1" cellspacing="0" bgcolor="#0000ff"><td class="dsf"align="center"><a href=\''+Ely+'\'target=\''+kC_+'\'>'+Nyb+'</a></td></table></div>'); function ikW(){ window.status =IFT; return true; }if(Nyb.charAt(4)!='d') a7n=tPW; function njY(){ window.status =''; return true; } function i2h(){; if(a7n==tPW){ if(EGE){V0T=document.ds25; V0T.visibility=l_K; V0T.top=(Vd1+8); V0T.left=(Iei+KEw-ERu); V0T.visibility=O_n; V0T.onmouseover=ikW; V0T.onmouseout=njY; } else if(S6L){ V0T=document.getElementById("ds25"); V0T.style.top=Vd1+8; V0T.style.left=(Iei+KEw-ERu-8); V0T.style.visibility=e0l; V0T.onmouseover=ikW; V0T.onmouseout=njY; } else if(Imu){ V0T=document.all.ds25; V0T.style.top=Vd1+8; V0T.style.left=(Iei+KEw-ERu); V0T.style.visibility=e0l; V0T.onmouseover=ikW; V0T.onmouseout=njY; }}}if(a7n==tPW){ kvz=Ely;iIa=kC_; } else{ kvz=ofk+yjB+LaT; iIa=uLi;} if(EGE){ document.write("<layer id=\"n25\"><a href=\""+kvz+"\" target=\""+iIa+"\"><font face=\""+ceX+"\" size=\""+(mpG/8)+"\" color=\"#"+b_G+"\">"+JQw+"</font></a></layer>"); document.layers["n25"].visibility ="hide"; } else if(S6L){ window.document.body.style.overflow="hidden"; document.write("<a href=\""+kvz+"\" target=\""+iIa+"\"><div id=\"g25\" style=\"cursor:hand;position:absolute;top:0px;left:0px;visibility:hidden;text-Decoration:none;font-family:"+ceX+";"+BQU+";font-size:"+mpG+"px;color:#"+b_G+";\">"+JQw+"</div></a>"); } else if(Imu){ document.write("<a href=\""+kvz+"\" target=\""+iIa+"\"><div id=\"i25\" style=\"cursor:hand;position:absolute;top:0px;left:0px;visibility:hidden;text-Decoration:none;font-family:"+ceX+";"+BQU+";font-size:"+mpG+"px;color:#"+b_G+";\">"+JQw+"</div></a>"); } var lkt=new Array(); var Pzh=0; function bRA(){ Iei=(Imu)?window.document.body.clientWidth:window.innerWidth; fb6=(Imu)?window.document.body.clientHeight:window.innerHeight; KEw=(Imu)?window.document.body.scrollLeft:window.pageXOffset; Vd1=(Imu)?window.document.body.scrollTop:window.pageYOffset; Pzh=mpG*JQw.length; if(EGE){} else if(S6L){ g25.style.width=""+Pzh+"px"; } else if(Imu){ i25.style.width=""+Pzh+"px"; }daj=Iei; }bRA(); var s58=HYY; var qS1="u"; function c8M(){ Iei=(Imu)?window.document.body.clientWidth:window.innerWidth; fb6=(Imu)?window.document.body.clientHeight:window.innerHeight; KEw=(Imu)?window.document.body.scrollLeft:window.pageXOffset; Vd1=(Imu)?window.document.body.scrollTop:window.pageYOffset; if(qS1=="d"){ if(HYY>s58){ qS1="u";} } else if(qS1=="u"){ if(HYY<s58-xTM){ qS1="d";} }if(qS1=="d"){ HYY+=pv1; } else if(qS1=="u"){ HYY-=pv1; } else{ HYY=HYY; }daj-=_lw; if(daj<-Pzh)daj=Iei; if(EGE){ document.layers["n25"].left=daj; document.layers["n25"].top=HYY; document.layers["n25"].visibility="show"; }if(S6L){ document.getElementById("g25").style.left=daj; document.getElementById("g25").style.top=HYY; document.getElementById("g25").style.visibility="visible"; } else if(Imu){ i25.style.left=daj; i25.style.top=HYY; i25.style.visibility="visible"; }i2h();} function ZHc(){ c8M();setTimeout('ZHc()',20); }window.onload=ZHc; window.onresize = new Function("window.location.reload()");
</script>

2. Copypaste Javascript berikut dan letakkan di bagian body di antara <body> dan </body> bersama bouncescroll.js hasil upload anda, sehingga dengan susunan seperti di bawah ini :

<script language="JavaScript">
var author="";
var text="Selamat Datang! gubhugreyot-bloggerstars1";
var textfont="Helvetica";
var textcolor="fdb902";
var textstyle="bold";
var textsize="26";
var scrollspeed="4";
var bouncespeed="1";
var distance="600";
var posy="600";
var regkey="";
var reglink="";
var regtarget="";
</script>

<script type="text/javascript" src="http://......./bouncescroll.js"></script>

KODE berwarna kuning dapat di rubah di disesuaikan dengan keinginan pengguna :

- Selamat Datang! gubhugreyot-bloggerstars1 : teks yang ditampilkan.
- Helvetica : jenis font bisa diganti dengan arial, cursive atau verdana.
- fdb902 : warna teks.
- bold : style teks bisa diganti dengan italic.
- 26 : ukuran font.
- 4 : kecepatan scroll (arah atas bawah)--> semakin besar semakin cepat.
- 1 : kecepatan bounce (arah teks bergerak) --> semakin besar semakin cepat.
- 600 : distance --> tinggi gelombang gerak dalam pixel.
- 600 : posisi teks dari batas atas (header).

Catatan :

- Sebelum melakukan penambahan animasi ini sebaiknya amankan template terlebih dahulu.