.: Script Blog

Tampilkan postingan dengan label Script Blog. Tampilkan semua postingan

Sabtu, 04 Desember 2010

Circle Text Around Cursor

Pernah Ga Sih Kalian Pada Saat Masuk Ke Blog Seseorang Anda Melihat Di Kursornya Ada Tulisan Berputar-Putar Mengitari Cursor...?
Nah Disini Saya Akan Menjelaskan Tentang Cara Membuat Kursor Tersebut...

Copy/Paste Kode Dibawah Ini:

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {

font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">

;(function(){

// GANTI PESANNYA DISINI (QUOTED STRING)
var msg = "Nico Savero";

// GANTI UKURAN HURUF (DESIMAL DAN MINUS TIDAK BOLEH)
var size = 24;

//HANYA BOLEH MEMILIH ANTARA 0-3 UNTUK MENETUKAN OVAL/LINGKARAN
var circleY = 0.75; var circleX = 2;

//JARAK SPASI TULISAN (DESIMAL DIPERBOLEHKAN)
var letter_spacing = 5;

//UKURAN LINGKARAN
var diameter = 10;

//ARAH ROTASI (SET KE MINUS KALAU MAU BERPUTAR SEARAH JARUM JAM)
var rotation = 0.4;

//KECEPATAN ROTASI
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();

</script>

Cara Memasukkan:
1. Klik Rancangan.
2. Klik Tambahkan Gadget.
3. Pilih HTML/JavaScript.
4. Copy Code/Paste Script Diatas.
5. Save.

Jumat, 03 Desember 2010

Translator

Biar Blog Kita Bisa Dimengerti Oleh Orang-Orang Dari Luar Negri...
Makanya Kita Harus Membuat Sebuah Translator.
Maka dari Itu Sekarang Saya Akan Membeeritahukan Cara Membuat Translator.

Ketik atau copy paste code di bawah ini.

Cara Memasukkan:
1. Klik Rancangan.
2. Klik Tambahkan Gadget.
3. Pilih HTML/JavaScript.
4. Copy Code/Paste Script Diatas.
5. Save.

Cara Membuat ChatBox

Kalau Yg Ini Saya Kurang Mengerti Karena Saya Hanya Copy/Paste Dari Blog Remo-Xp Jadi Kalau Mau Bertanya...
Tanya Saja Sama Kk Remo.

Ketik atau copy paste code di bawah ini.

Cara Memasukkan:
1. Klik Rancangan.
2. Klik Edit HTML.
3. Tekan Ctrl+F.
4. Cari</body>
5. Paste Script Ini Diatas</body>
6. Save.

Ganti Tulisan Di Title

Jika kalian Melihat Blog Ini Kalian Pasti Akan Melihat Titlenya Berubah-Ubah...
Disini Saya Akan Memberitahukan Cara Merubah Tittle Di Blog...

Ketik atau copy paste code di bawah ini.

Tulisan Di Title<br /> <br /> <script type='text/javascript'> //<![CDATA[  var message = new Array() // leave this as is  message[0] = "Selamat Datang"; message[1] = "Di Tugas Penghantar Teknologi"; message[2] = "Mohon Maaf Jika Ada Kekurangan"; message[3] = "Kelompok Teknolgi!!"; message[4] = "Terus Memajukan Indonesia"; message[5] = "Kapan-Kapan Kembali ya!!!";  var reps = 2  var speed = 100  var p=message.length; var T=""; var C=0; var mC=0; var s=0; var sT=null; if(reps<1)reps=1; function doTheThing(){ T=message[mC]; A();} function A(){ s++ if(s>9){s=1}  if(s==1){document.title='*>....* '+T+' *....<*'} if(s==2){document.title='*.>...* '+T+' *...<.*'} if(s==3){document.title='*..>..* '+T+' *..<..*'} if(s==4){document.title='*...>.* '+T+' *.<...*'} if(s==5){document.title='*....>* '+T+' *<....*'} if(s==6){document.title='*...>.* '+T+' *.<...*'} if(s==7){document.title='*..>..* '+T+' *..<..*'} if(s==8){document.title='*.>...* '+T+' *...<.*'} if(s==9){document.title='*>....* '+T+' *....<*'} if(C<(8*reps)){ sT=setTimeout("A()",speed);C++ }else{ C=0; s=0; mC++ if(mC>p-1)mC=0; sT=null; doTheThing();}} doTheThing(); //]]>  </script> <br /> <br />

Cara Memasukkan:
1. Klik Rancangan.
2. Klik Edit HTML.
3. Tekan Ctrl+F.
4. Cari<head>
5. Copy/Paste Script Diatas.
6. Save

Musik

Jika Anda Ingin Memasukkan Musik Ke Blog Anda Silahkan Copy Paste Script Dibawah...

Ketik atau copy paste code di bawah ini.

Cara Memasukkan:
1. Klik Rancangan.
2. Klik Tambah Gadget.
3. Pilih HTML/JavaScript.
4. Copy/Paste Script Diatas.
5. Save.

Kursor Bintang

Jika Anda Membuka Blog ini Dan Anda Melihat Kursornya...
Pasti Anda Akan Melihat Banyak Bintang Berjatuhan...
Disini Saya Akan Menjelaskan Cara Membuat Kursor Bintang...

Ketik atau copy paste code di bawah ini.

<br /> type='text/javascript'> // <![CDATA[ var colour="white"; var sparkles=100;  var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array(); window.onload=function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility="hidden"; document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0; var rats=createDiv(5, 5); rats.style.backgroundColor="transparent"; rats.style.visibility="hidden"; var rlef=createDiv(1, 5); var rdow=createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top="3px"; rlef.style.left="0px"; rdow.style.top="0px"; rdow.style.left="3px"; document.body.appendChild(star[i]=rats); } set_width(); sparkle(); }} function sparkle() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+"px";  star[c].style.top=(stary[c]=y)+"px"; star[c].style.clip="rect(0px, 5px, 5px, 0px)"; star[c].style.visibility="visible"; starv[c]=50; break; } } for (c=0; c<sparkles; c++) { if (starv[c]) update_star(c); if (tinyv[c]) update_tiny(c); } setTimeout("sparkle()", 40); } function update_star(i) { if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; if (starv[i]) { stary[i]+=1+Math.random()*3; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+"px"; starx[i]+=(i%5-2)/5; star[i].style.left=starx[i]+"px"; } else { star[i].style.visibility="hidden"; starv[i]=0; return; }  } else { tinyv[i]=50; tiny[i].style.top=(tinyy[i]=stary[i])+"px"; tiny[i].style.left=(tinyx[i]=starx[i])+"px"; tiny[i].style.width="2px"; tiny[i].style.height="2px"; star[i].style.visibility="hidden"; tiny[i].style.visibility="visible" } } function update_tiny(i) { if (--tinyv[i]==25) { tiny[i].style.width="1px"; tiny[i].style.height="1px"; } if (tinyv[i]) { tinyy[i]+=1+Math.random()*3; if (tinyy[i]<shigh+sdown) { tiny[i].style.top=tinyy[i]+"px"; tinyx[i]+=(i%5-2)/5; tiny[i].style.left=tinyx[i]+"px"; } else {   tiny[i].style.visibility="hidden"; tinyv[i]=0; return; } } else tiny[i].style.visibility="hidden"; } document.onmousemove=mouse; function mouse(e) { set_scroll(); y=(e)?e.pageY:event.y+sdown; x=(e)?e.pageX:event.x+sleft; } function set_scroll() { if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } window.onresize=set_width; function set_width() { if (typeof(self.innerWidth)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } } function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height+"px"; div.style.width=width+"px"; div.style.overflow="hidden"; div.style.backgroundColor=colour; return (div); } // ]]> </script><br />

Cara Memasukkan:
1. Klik Rancangan.
2. Klik Tambahkan Gadget.
3. Pilih HTML/JavaScript.
4. Copy Code/Paste Script Diatas.
5. Save.

Goodbye Alert.

Pernah Ga Sih Kalian Pas Keluar dari Blog Seseorang Lalu Keluar Box Dengan Tulisan "KAPAN-KAPAN DATANG LAGI YA" Nah Disini Akan saya Beritahukan Rahasianya...

Tampilan Scriptnya:
<script type='text/javascript'>
function goodbye(){
alert('KAPAN-KAPAN DATANG LAGI YA...');
}
parent.window.onunload=goodbye;
</script>

Cara Memasukkan:
1. Klik Rancangan.
2. Klik Tambah Gadget.
3. Pilih HTML/JavaScript.
4. Copy/Paste Script Diatas.
5. Edit Tulisan Berwarna Kuning Dengan Kata-Kata Anda sendiri.
6. Save.

Cara Membuat Daftar Teman

Kalau Anda Melihat Di Blog Ini Anda Pasti Melihat Daftar Teman Di Sisi Kanan Blog...
Gimana Sih Buatnya...
Disini Akan saya Ajarkan Cara membuatnya...

Ini Scriptnya:
<h2 class="title">
.::Group List::.</h2>

<div>
<table border="1" cellpadding="1" height="100" style="width: 170px;"><tbody>
<tr> <td align="left">
<h3>
<b><span style="color: blue;">- Nico</span></b></h3>
<span style="color: yellow;"><blink><b>.::.</b></blink></span> <span style="color: red;"><b> Chairman</b></span>
<h3>
<b><span style="color: blue;">- Savero</span></b></h3>
<span style="color: yellow;"><blink><b>.::.</b></blink></span> <span style="color: red;"><b> Chairman</b></span></td></tr>
</tbody></table>
</div>
Tampilannya:

.::Group List::.

- Nico

.::. Chairman

- Savero

.::. Chairman

Cara Memasukkannya:
1. Klik Rancangan.
2. Klik Tambah Gatget.
3. Pilih HTML/JavaScript.
4. Copy/Paste Script Diatas.
5. Save.

Cara Membuat Search Box Di Blog Anda.

Kadang Kita Suka Melihat Search Box Di Blog Orang...
Apa Sih Fungsinya...?
Fungsinya Yaitu Mempermudah Orang-orang Untuk Mencari Di Blog Kita...

Scriptnya Yaitu:
< form id="searchform" action="http://nico-savero1.blogspot.com" name="searchform" method="get">
< input id="s" value="" name="q" type="text" /< < input id="searchsubmit" value="Cari" type="submit" /> </form>

nanti Akan Muncul Tampilan Seperti Ini:

Cara membuatnya Yaitu;
1. Klik Rancangan.
2. Klik Tambah Gadget.
3. Pilih HTML/JavaScript.
4. Copy/Paste Kode Diatas.
5. Save.

Kalelawar Terbang Disekitar Blog

Jika Anda Membuka Blog Ini...
Anda Pasti Akan Melihat Begitu Banyak Kalelawar Berterbangan Di Sekitar Blog...
Disini Saya Akan Menjelaskan Cara Membuat Gambar kalelawar Tersebut.

Ketik atau copy paste code di bawah ini.

<br /> <br /> <div class='widget-content'><script type='text/javascript'> //<![CDATA[ var Ymax=8;  var Xmax=8;  var Tmax=10000;   var floatimages=new Array(); floatimages[0]='http://i160.photobucket.com/albums/t164/munzalinna/flyingbirdies.gif';  //*********DO NOT EDIT BELOW*********** var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false; var IE4 = (document.all)? true : false; var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false; var wind_w, wind_h, t='', IDs=new Array(); for(i=0; i<floatimages.length; i++){ t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:HideKalong()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px">       <a href="javascript:HideKalong()">'; t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">'; t+=(NS4)? '</a></layer>':'</a></div>'; } document.write(t);  function moveimage(num){ if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false; if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true; if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false; if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true; moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep : -IDs[num].Xstep , (IDs[num].Ydir)? IDs[num].Ystep: -IDs[num].Ystep); }  function getnewprops(num){ IDs[num].Ydir=Math.floor(Math.random()*2)>0; IDs[num].Xdir=Math.floor(Math.random()*2)>0; IDs[num].Ystep=Math.ceil(Math.random()*Ymax); IDs[num].Xstep=Math.ceil(Math.random()*Xmax) setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax)); }  function getscrollx(){ if(NS4 || NS6)return window.pageXOffset; if(IE4)return document.body.scrollLeft; }  function getscrolly(){ if(NS4 || NS6)return window.pageYOffset; if(IE4)return document.body.scrollTop; }  function getid(name){ if(NS4)return document.layers[name]; if(IE4)return document.all[name]; if(NS6)return document.getElementById(name); }  function moveidto(num,x,y){ if(NS4)IDs[num].moveTo(x,y); if(IE4 || NS6){ IDs[num].style.left=x+'px'; IDs[num].style.top=y+'px'; }}  function getidleft(num){ if(NS4)return IDs[num].left; if(IE4 || NS6)return parseInt(IDs[num].style.left); }  function getidtop(num){ if(NS4)return IDs[num].top; if(IE4 || NS6)return parseInt(IDs[num].style.top); }  function moveidby(num,dx,dy){ if(NS4)IDs[num].moveBy(dx, dy); if(IE4 || NS6){ IDs[num].style.left=(getidleft(num)+dx)+'px'; IDs[num].style.top=(getidtop(num)+dy)+'px'; }}  function getwindowwidth(){ if(NS4 || NS6)return window.innerWidth; if(IE4)return document.body.clientWidth; }  function getwindowheight(){ if(NS4 || NS6)return window.innerHeight; if(IE4)return document.body.clientHeight; }  function init(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); for(i=0; i<floatimages.length; i++){ IDs[i]=getid('pic'+i); if(NS4){ IDs[i].W=IDs[i].document.images["p"+i].width; IDs[i].H=IDs[i].document.images["p"+i].height; } if(NS6 || IE4){ IDs[i].W=document.images["p"+i].width; IDs[i].H=document.images["p"+i].height; } getnewprops(i); moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H))); if(NS4)IDs[i].visibility = "show"; if(IE4 || NS6)IDs[i].style.visibility = "visible"; startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100); }}  function HideKalong(){ for(i=0; i<floatimages.length; i++){ if (IE4) eval("document.all.pic"+i+".style.visibility='hidden'") else if (NS6) document.getElementById("pic"+i).style.visibility='hidden' else if (NS4) eval("document.pic"+i+".visibility='hide'") clearInterval(startfly) } }  if (NS4||NS6||IE4){ window.onload=init; window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); } }  //]]> </script><br /> </div><br />

Cara Memasukkan Gambar:
1. Klik Rancangan.
2. Klik Tambahkan Gadget.
3. Pilih HTML/JavaScript.
4. Copy Code Diatas.
5. Paste Di Kolom HTML/JavaScript.
6. Save.

Cara Mengubah Gambar:
1. Tekan Ctrl+F
2. Cari Tulisan floatimages[0]='http://i160.photobuck.......';
3. Ganti Linknya Dengan Link Gambar Anda.
4. Kalau Mau Memasukkan Lebih Dari Satu Gambar Copy Saja floatimages[0]='http://i160.photobuck....... tetapi Angka 0nya Diganti Jadi 1,2,3,...Dst.