Trik Membuat Double Klik Untuk Back To Top

Hy..Friend Setelah selesai membaca artikel di blog, tanpa sadar kita sudah berada di bagian paling bawah blog. Untuk kembali ke atas harus gulung scrollbar deh.Karena itu kita bisa membuat sebuah shortcut agar pengunjung bisa kembali ke bagian atas blog dengan mudah hanya dengan double klik,
Langsung aja deh, caranya gini nih:

1. Pergi ke Layout--->Edit HTML
2. Centang dulu kotak pada Expand Template Widget
3. Kemudian pasangkan kode berikut sebelum kode  </head>

<script language="JavaScript1.2">
function dblclick() {
window.scrollTo(0,0)
}
if (document.layers) {
document.captureEvents(Event.ONDBLCLICK);
}
document.ondblclick=dblclick;
</script>

4. Simpan
Mudah kan? Semoga Bermanfaat...

Trik Cursor Selalu Di Ikuti Text

Jika sobat tertarik untuk menciptakan cursor dengan text sendiri seperi di blog ini..
Silahkan ikuti langkah-langkah berikut ini :

[-] Masuk ke Blog
[-] Klik Tab Tata Letak
[-] Klik Tab Elemen Halaman
[-] Klik Tambah Gadget
[-] Klik pilhan HTML/JavaScript



<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='www.n4ldi.co.cc'.split('').reverse().join('');

var font='Verdana,Arial';
var size=3; // up to seven
var color='#ff0000';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;

// Alter no variables past here!, unless you are good
//---------------------------------------------------


var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}

var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}

var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}

}
cursor_text_circle();

</script>



[-] Pastekan script di bawah ini ke kolom Konten
[-] Silahkan ganti tulisan berwarna hijau dengan tulisan pilihan anda
[-] Klik Simpan
[-] Selesai

Selamat mencoba, semoga bermanfaat

Trik Membuat Gambar Berjatuhan Di Blog (Falling Snow Effect)

Trik membuat gambar berjatuhan ini memiliki kelebihan dimana kita dapat mengubah gambar untuk falling effect-nya sesuai yang kita inginkan. Kita juga dapat mengatur tingkat kecepatan dan banyaknya gambar yang jatuh (Falling Snow) sesuai yang kita mau..

Jika sobat blogger tertarik untuk membuat falling snow ini..
Anda bisa mengikuti langkah-langkah berikut:

[-] Login ke akun blogger kamu.
[-] Dari halaman Dashboard, pilih Tata Letak lalu pilih Edit HTML.
[-] Kopikan script di bawah ini dan letakkan (Paste) di bawah kode <head> (yang letaknya di awal-awal       script template blog).

<script language='JavaScript'>
var no = 7;
var speed = 5;
var snowflake = "http://i1218.photobucket.com/albums/dd420/Aminaldi/kampret.gif";
</script>
<script language='JavaScript' src='http://sites.google.com/site/ruangsc/enes/fallinsnow.js'/>

[-] Anda bisa mengganti gambar yang jatuh (var snowflake) dengan gambar yang anda inginkan.
Anda juga bisa mengatur banyaknya gambar (var no) dan tingkat kecepatan (var speed) sesuai keinginan
[-] Lakukan Pratinjau (Preview) sebelum menyimpan template kamu.
[-] Jika sudah OK. Save di template anda

Nah, mudah sekali kan? , selamat mencoba...

Cara Membuat Roming Seperti Di Blog Ini

Mungkin anda sudah atau kepengen membuat roaming di blogg.
Pertama kali temen kamu masuk ke blogger kamu ,,
Dikirain nya error mozilla/ Ienternetnya/Operanya..

Script Roming ini memang kurang disukai bagi para tamu yang mampir diblog kita..
Sebagai ilmu tambahan dan pengalaman boleh kita coba..
Untuk melihat contoh nya bisa di lihat di blog ini..

Oke .. kita ke pokok permasalahan nya :
[-] Sign in di blogger.
[-] Klik menu Template
[-] Klik menu Edit HTML
[-] Copy seluruh kode template yang ada, lalu save untuk backup data
[-] Cari kode yang ada di bawah ini : <head>
[-] Kemudian copy kode yang yang ada di bawah ini :

<script type='text/javascript'>
//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
window.resizeTo(10,10)
window.focus()
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/80)
}
window.resizeTo(0,0)
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/80,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/80)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/80,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/80,scrH*e/80)
}
window.moveTo(0,0)
window.resizeTo(scrW,scrH)
//]]>
</script>


[-] Setelah itu paste kode tadi tepat di atas kode/dibawah <head>
[-] Klik tombol simpan perubahan template
[-] Selesai. Silahkan lihat hasilnya..

Semoga berhasil...