Cara Menambahkan Tulisan Melayang di Blog dan Float Image yang Berjalan

.
0 komentar
Label: ,

READ MORE - Cara Menambahkan Tulisan Melayang di Blog dan Float Image yang Berjalan

Cara Membuat Title Blog Berjalan

.
0 komentar
Label: ,

READ MORE - Cara Membuat Title Blog Berjalan

Script Unik untuk Menyambut Pengunjung II

.
0 komentar
Label: , ,

READ MORE - Script Unik untuk Menyambut Pengunjung II

Script untuk Membuat Efek Salju

.
0 komentar
Label: , ,

Script untuk Membuat Efek Salju adalah sebagai berikut:


<script type='text/javascript'>
//Snow alias salju hehehe...

if ((document.getElementById) &&
window.addEventListener || window.attachEvent){

(function(){

//Configure here.

var num = 30; //Number of flakes
var timer = 30; //setTimeout speed. Varies on different comps
var enableinNS6 = 1 //Enable script in NS6/Mozilla? Snow animation could be slow in those browsers. (1=yes, 0=no).

//End.

var y = [];
var x = [];
var fall = [];
var theFlakes = [];
var sfs = [];
var step = [];
var currStep = [];
var h,w,r;
var d = document;
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;

if (d.documentElement.style &&
typeof d.documentElement.style.MozOpacity == "string")
num = 12;

for (i = 0; i < num; i++){
sfs[i] = Math.round(1 + Math.random() * 1);

document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:'
+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px"><\/div>');

currStep[i] = 0;
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}


if (domWw) r = window;
else{
if (d.documentElement &&
typeof d.documentElement.clientWidth == "number" &&
d.documentElement.clientWidth != 0)
r = d.documentElement;
else{
if (d.body &&
typeof d.body.clientWidth == "number")
r = d.body;
}
}


function winsize(){
var oh,sy,ow,sx,rh,rw;
if (domWw){
if (d.documentElement && d.defaultView &&
typeof d.defaultView.scrollMaxY == "number"){
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;
}
else{
rh = r.innerHeight;
rw = r.innerWidth;
}
h = rh - 2;
w = rw - 2;
}
else{
h = r.clientHeight - 2;
w = r.clientWidth - 2;
}
}


function scrl(yx){
var y,x;
if (domSy){
y = r.pageYOffset;
x = r.pageXOffset;
}
else{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}


function snow(){
var dy,dx;

for (i = 0; i < num; i++){
dy = fall[i];
dx = fall[i] * Math.cos(currStep[i]);

y[i]+=dy;
x[i]+=dx;

if (x[i] >= w || y[i] >= h){
y[i] = -10;
x[i] = Math.round(Math.random() * w);
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}

theFlakes[i].top = y[i] + scrl(0) + pix;
theFlakes[i].left = x[i] + scrl(1) + pix;

currStep[i]+=step[i];
}
setTimeout(snow,timer);
}


function init(){
winsize();
for (i = 0; i < num; i++){
theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
y[i] = Math.round(Math.random()*h);
x[i] = Math.round(Math.random()*w);
}
snow();
}


if (window.addEventListener){
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);
}
else if (window.attachEvent){
window.attachEvent("onresize",winsize);
window.attachEvent("onload",init);
}

})();
}//tamat
</script>

Untuk caranya seperti biasa:
1. Click "Tata Letak"
2. Click "Edit Laman"
3. Click "Tambah Gadget" pilih "HTML/javascript"

Untuk contoh click di sini.

Selamat mencoba...
READ MORE - Script untuk Membuat Efek Salju

Cara Membuat Float Menu (Menu Melayang)

.
3 komentar
Label:

Untuk contohnya click di sini.
Caranya sebagai berikut:
1. Click "Tata Letak"
2. Click "Edit Laman"
3. Click "Tambah Gadget" pilih "HTML/javascript"
4. Kemudian masukan script berikut:


<script type="text/javascript">
//Static Slide Menu 6.5 © MaXimuS 2000-2001, All Rights Reserved.
//Site: http://www.absolutegb.com/maximus
//Script featured on Dynamic Drive (http://www.dynamicdrive.com)
NS6 = (document.getElementById&&!document.all)
IE = (document.all)
NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")

tempBar='';barBuilt=0;ssmItems=new Array();

function truebody(){
return (document.compatMode!="BackCompat")? document.documentElement : document.body
}

moving=setTimeout('null',1)
function moveOut() {
if ((NS6||NS)&&parseInt(ssm.left)<0 || IE && ssm.pixelLeft<0) {
clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed);slideMenu(10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}};
function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}
function moveBack1() {
if ((NS6||NS) && parseInt(ssm.left)>(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) {
clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}}
function slideMenu(num){
if (IE) {ssm.pixelLeft += num;}
if (NS6) {ssm.left = parseInt(ssm.left)+num+"px";}
if (NS) {ssm.left = parseInt(ssm.left)+num; bssm.clip.right+=num;bssm2.clip.right+=num;}}

function makeStatic() {
if (NS||NS6) {winY = window.pageYOffset;}
if (IE) {winY = truebody().scrollTop;}
if (NS6||IE||NS) {
if (winY!=lastY&&winY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY - YOffset + staticYOffset);}
else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));}
else {smooth=0}
if(smooth > 0) smooth = Math.ceil(smooth);
else smooth = Math.floor(smooth);
if (IE) bssm.pixelTop+=smooth;
if (NS6) bssm.top=parseInt(bssm.top)+smooth+"px"
if (NS) bssm.top=parseInt(bssm.top)+smooth
lastY = lastY+smooth;
setTimeout('makeStatic()', 1)}}

function buildBar() {
if(barText.indexOf('<IMG')>-1) {tempBar=barText}
else{for (b=0;b<barText.length;b++) {tempBar+=barText.charAt(b)+"<BR>"}}
document.write('<td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD>')}

function initSlide() {
if (NS6){ssm=document.getElementById("thessm").style;bssm=document.getElementById("basessm").style;
bssm.clip="rect(0 "+document.getElementById("thessm").offsetWidth+" "+document.getElementById("thessm").offsetHeight+" 0)";ssm.visibility="visible";}
else if (IE) {ssm=document.all("thessm").style;bssm=document.all("basessm").style
bssm.clip="rect(0 "+thessm.offsetWidth+" "+thessm.offsetHeight+" 0)";bssm.visibility = "visible";}
else if (NS) {bssm=document.layers["basessm1"];
bssm2=bssm.document.layers["basessm2"];ssm=bssm2.document.layers["thessm"];
bssm2.clip.left=0;ssm.visibility = "show";}
if (menuIsStatic=="yes") makeStatic();}

function buildMenu() {
if (IE||NS6) {document.write('<DIV ID="basessm" style="visibility:hidden;Position : Absolute ;Left : '+XOffset+'px ;Top : '+YOffset+'px ;Z-Index : 20;width:'+(menuWidth+barWidth+10)+'px"><DIV ID="thessm" style="Position : Absolute ;Left : '+(-menuWidth)+'px ;Top : 0 ;Z-Index : 20;" onmouseover="moveOut()" onmouseout="moveBack()">')}
if (NS) {document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' visibility="show"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+(-menuWidth)+'" onmouseover="moveOut()" onmouseout="moveBack()">')}
if (NS6){document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'px" bgcolor="'+menuBGColor+'"><TR><TD>')}
document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'px" bgcolor="'+menuBGColor+'">');
for(i=0;i<ssmItems.length;i++) {
if(!ssmItems[i][3]){ssmItems[i][3]=menuCols;ssmItems[i][5]=menuWidth-1}
else if(ssmItems[i][3]!=menuCols)ssmItems[i][5]=Math.round(menuWidth*(ssmItems[i][3]/menuCols)-1);
if(ssmItems[i-1]&&ssmItems[i-1][4]!="no"){document.write('<TR>')}
if(!ssmItems[i][1]){
document.write('<td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'px" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+ssmItems[i][0]+'</b></font></td>')}
else {if(!ssmItems[i][2])ssmItems[i][2]=linkTarget;
document.write('<TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+ssmItems[i][5]+'px" COLSPAN="'+ssmItems[i][3]+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A href="'+ssmItems[i][1]+'" target="'+ssmItems[i][2]+'" CLASS="ssmItems">'+ssmItems[i][0]+'</DIV></LAYER></ILAYER></TD>')}
if(ssmItems[i][4]!="no"&&barBuilt==0){buildBar();barBuilt=1}
if(ssmItems[i][4]!="no"){document.write('</TR>')}}
document.write('</table>')
if (NS6){document.write('</TD></TR></TABLE>')}
if (IE||NS6) {document.write('</DIV></DIV>')}
if (NS) {document.write('</LAYER></ILAYER></LAYER>')}
theleft=-menuWidth;lastY=0;setTimeout('initSlide();', 1)}
</script>
<script type="text/javascript">
YOffset=150;
XOffset=0;
staticYOffset=30;
slideSpeed=20
waitTime=100;
menuBGColor="red";
menuIsStatic="yes";
menuWidth=150;
menuCols=2;
hdrFontFamily="verdana";
hdrFontSize="2";
hdrFontColor="black";
hdrBGColor="#FF0000";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="white";
linkOverBGColor="#FFFF99";
linkTarget="_top";
linkAlign="Left";
barBGColor="red";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="white";
barVAlign="center";
barWidth=20; // no quotes!!
barText="SIDE MENU"; // kenging ngangge tag <IMG>, mangga ngangge code html


// ----- Mimiti Edit Menu
ssmItems[0]=["Menu"] //Header Menu
ssmItems[1]=["Sedikit Tips Trik", "http://bdg-asep.blogspot.com/", ""]
ssmItems[2]=["Parse HTML", "http://parsehtml.blogspot.com/",""]
ssmItems[3]=["GAMES", "http://asepjiku.blogspot.com/", ""]
ssmItems[4]=["FaceBook", "http://www.facebook.com/", "_new"]
ssmItems[5]=["IndoBlogger", "http://forum.indoblogger.web.id", "_new"]
ssmItems[6]=["Testing", "http://bdgasep.blogspot.com/", ""]
ssmItems[7]=["refresh", "http://aseppoenya.blogspot.com/", ""]

buildMenu();
//----- Parantos Edit Menu
</script>


Ganti teks yang berwarna merah sesuai dengan selera kamu! Kemudian soal warna background dan lain-lainnya, kamu bisa otak-atik sendiri scriptnya. Hehe..
Selamat mencoba...
READ MORE - Cara Membuat Float Menu (Menu Melayang)

Cara Membuat "CircleText" (Teks Berputar yang Mengelilingi Cursor)

.
2 komentar
Label: ,

Untuk contohnya click di sini.
Dan scriptnya sebagai berikut:


<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: &#39;comic sans ms&#39;, verdana, arial;
color: #0000FF;

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;}

</style>
<script type='text/javascript'>
//<![CDATA[

;(function(){

// Pesanmu di sini, bahasa sundanya yaitu "Pesan anjeun di dieu.." hehehe... (QUOTED STRING)
var msg = "Asepjiku Ganteng Hehehe...";


// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 25;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

// BERHENTI NGEDITNYA..! Parantos cicing di dieu! Ulah diteraskeun..! //

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>


Ganti teks yang berwarna kuning sesuai dengan selera kamu. Ehmm.. warna teks juga bisa kamu ganti. Atau apa sajalah sesukamu. Scriptnya juga boleh, hehehe... OK?

Selamat mencoba...
READ MORE - Cara Membuat "CircleText" (Teks Berputar yang Mengelilingi Cursor)

Cara Menambahkan Gambar Animasi Melayang (Float Image)

.
1 komentar
Label:

READ MORE - Cara Menambahkan Gambar Animasi Melayang (Float Image)

Cara Mengganti Icon Blogger Pada Address Bar

.
1 komentar
Label:

Sebetulnya sudah banyak yang posting artikel tentang hal ini. Tapi mungkin cara saya sedikit berbeda. Sekali lagi "mungkin" itu lho.. hehe..
Caranya adalah sebagai berikut:
1. Click "Tata Letak"
2. Click "Edit HTML"
3. Letakkan code berikut di bawah kode <head>:

<link href='alamat url tempat gambar kamu disimpan' rel='SHORTCUT ICON'/>

4. Kemudian cari code berikut:

<b:include data='blog' name='all-head-content'>

5. Hilangkan code tersebut atau tulis sebagai komentar <!-- simpan di sini -->. Menjadi <!-- <b:include data='blog' name='all-head-content'/> -->. Terus bisa kamu simpan di atas </body>

Note: Untuk berjaga-jaga, download dulu template kamu. Kalo gagal, kan bisa diunggah lagi. Hehe..

O iya.. di blog ini, icon bloggernya ngga saya ganti. Soalnya untuk mempercepat loading. Untuk contoh blognya di blog saya yang lain click di sini

Selamat mencoba...
READ MORE - Cara Mengganti Icon Blogger Pada Address Bar

Cara Membuat Pesan Pembuka dan Penutup di Blog

.
1 komentar
Label:

READ MORE - Cara Membuat Pesan Pembuka dan Penutup di Blog

Cara Membuat Disable Click Kanan

.
0 komentar
Label:

Disable click kanan bisa melindungi isi blog kamu. Artikel, gambar, banner, atau yang lainnya.
Ehmm.. di blog saya yang satu ini ngga saya pasang disable click kanan. Kalo mau contohnya, di blog saya yang lain click di sini.
Caranya sebagai berikut:
1. Click "tambah gadget."
2. Click "HTML/JavaScipt"
3. Kemudian masukan script berikut ini:


<script type="text/javascript">
function openComments(URL){
var win2 = window.open(URL,"wzCom835728","target=new,width=1000,height=600,resizable=yes,scrollbars=yes");
win2.focus();}
function wzOpenSiteLog(URL){
var win3 = window.open(URL,"wzCom835728","target=new,width=1000,height=600,resizable=yes,scrollbars=yes");
win3.focus();}
scrW="0";scrC="0";jScrp="0";
htRf=escape(document.referrer);
if (htRf=="" || htRf=="Bookmark") htRf="Bookmark+or+URL+Typed+Direct"
var dhRDM = Math.floor(Math.random()*1000);
scrW=screen.width;
if (navigator.appName != "Netscape")
{scrC=screen.colorDepth;}
else {scrC=screen.pixelDepth;}
jScrp=navigator.javaEnabled();
jData="&scrW="+scrW+"&scrC="+scrC;
jData=jData +"&htRefer="+htRf+"&jScrp="+jScrp+"";
if (!(navigator.appName == "Netscape"
&& navigator.appVersion.charAt(0) == "2")){}
function notifyUser() {alert("What are you doing?\nAnda tidak boleh melakukan hal itu!\nRight Click Protection By Asepjiku\nvisit\nbdg-asep.blogspot.com"); return false;}
function userIE4x(){if (event.button==2) notifyUser();}
function userNN4x(e){return (e.which==2||e.which==3) ? notifyUser() : true;}
usingIE4 = (document.all) ? true : false;
usingW3C = (document.getElementById && !usingIE4) ? true : false;
usingNN4 = (document.layers && !usingW3C) ? true : false;
if (usingNN4){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=userNN4x;}
else if (usingW3C) {document.oncontextmenu=notifyUser;}
else if (usingIE4){document.onmousedown=userIE4x;}
</script>

4. Simpan..!

Selamat mencoba...
READ MORE - Cara Membuat Disable Click Kanan

Cara Mengganti Gambar Cursor

.
0 komentar
Label:

Kamu bosan dengan gambar cursor tanda panah? Pengen ganti?
Cara sebagai berikut:
1. Click "Tata Letak"
2. Click "Edit HTML"
3. Kemudian cari code ini:

body {

4. Kemudian letakkan code berikut:

cursor: url("alamat url tempat gambr kamu di simpan")

5. Simpan...!

O iya.. di blog ini, gambar cursornya ngga saya ganti. Soalnya untuk mempercepat loading. Untuk contoh blognya di blog saya yang lain click di sini

Selamat mencoba...
READ MORE - Cara Mengganti Gambar Cursor

Cara Mengganti Background Blog

.
0 komentar
Label:

Untuk mengganti background blog, caranya sebgai berikut:
1. Click "Tata Letak"
2. Click "Edit HTML"
3. Kemudian cari code ini:

body {
background:di sini ada code warna blog kamu

4. Letakkan code ini setelah code di atas:

url(almat url tempat gambar kamu di simpan)

5. Simpan..!

Kamu bisa mengganti background blog kamu sesuka hati. Bisa gambar jenis jpg, png, atau gif. Tentunya akan terlihat setelah loadingnya selesai. Nah.. biar loadingnya cepet, ukuran gambarnya yang kecil saja.
Selamat mencoba...
READ MORE - Cara Mengganti Background Blog

Cara Membuat Efek Sprinkle pada Cursor

.
0 komentar
Label:

Membuat efek sprinkle pada cursor. Tentunya efeknya terlihat kalau loadingnya sudah selesai, hehe...
Caranya yaitu:
1. Click "tambah gadget."
2. Click "HTML/JavaScipt"
3. Kemudian masukan script berikut ini:


<script>
// JavaScript Document<script type='text/javascript'>
// <![CDATA[
var colour="red";
var sparkles=65;

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="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
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>



4. Terus simpan deh..!

Ganti tulisan yang berwarna merah sesuai dengan warna sprinkle yang ingin kamu hasilkan. Misal "green" nanti hasilnya jadi hijau.

O iya.. di blog ini ngga saya pasang efek sprinkle. Soalnya untuk mempercepat loading. Untuk contoh blognya di blog saya yang lain click di sini

Selamat mencoba...
READ MORE - Cara Membuat Efek Sprinkle pada Cursor

Adding a Google Gadget to your blog

.
0 komentar
Label:

Artikel kali ini ngga nulis, hehe..
Lansung saja klik linknya OK?!

Adding a Google Gadget to your blog

Selamat mencoba...
READ MORE - Adding a Google Gadget to your blog

Cara Membuat Buku Tamu "Tersembunyi" dengan Satu Tab Saja (Tanpa Link)

.
3 komentar
Label:

Artilkel mengenai hal ini {Membuat Buku Tamu "Tersembunyi"}, pastinya sudah banyak ditulis di blog lain. Tapi di sebelah bawah buku tamu tersebut, diletakkan "link" untuk menuju blog tempat script itu berasal. Mungkin ini adalah suatu trik untuk meningkatkan pengunjung blog tempat "script itu berasal". Wajar memang. Tapi menurut saya, jadi mengurangi keindahan "buku tamu" tersebut. Kemudian ketika "link" itu dihilangkan, si-buku tamu malah benar-benar sembunyi alias hilang ngga kelihatan.
Nah kemudian ketika saya blogwalking, ngga senggaja saya mengunjungi blog yang ada buku tamu tersembunyi. Tapi di buku tamu tersebut ngga ada link-nya. Saya langsung penasaran ingin tahu scriptnya seperti apa. Karena ngga dijelaskan scriptnya seperti apa, saya intip saja "page source"-nya. Cuman di situ ngga ada script buat "[close]", jadi saya tambahin saja meskipun ngga pas. Hehehe...
Contoh buku tamu tersembunyinya ada di sebelah sisi kanan blog ini.
Dan scriptnya sebagai berikut:


<style type="text/css">
#gb{
position:fixed;
top:0px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i937.photobucket.com/albums/ad219/asep_025/bk/1.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

<!-- Ganti ini dengan kode buku tamu kamu -->
<div style="text-align:right">
<a href="javascript:showHideGB()">
<blink>
[close]
</blink>
</a>
</div>
</div>
</div>
</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Anda ingin mencobanya?
READ MORE - Cara Membuat Buku Tamu "Tersembunyi" dengan Satu Tab Saja (Tanpa Link)

Langganan: Postingan (Atom)

Put My Banner On Your Blog

Blogger Template

Rinda's Template
 
Wadah Berbagi Informasi Tips Dan Trik ! is proudly powered by o-om.com | Modif by BLOG SulthanYusuf