Click

Cara Menambahkan Tulisan Melayang di Blog dan Float Image yang Berjalan

2010-03-18T22:20:00.000-07:00

Cara Membuat Title Blog Berjalan

2010-03-18T21:40:00.000-07:00

Untuk membuat title blog berjalan, caranya adalah:
Letakan script berikut ini di atas code <head> :

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

msg = "Belajar Membuat Blog ";
msg = " | Yuk bareng-bareng.. | " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

Ganti text berwarna kuning sesuai dengan selera kamu!
Untuk contohnya click di sini

Selamat mencoba...

Script Unik untuk Menyambut Pengunjung II

2010-03-16T02:04:00.000-07:00

Hampir mirip dengan yang ke-I. Yang bertujuan biar jendela pengunjung yang tadinya diperkecil, kemudian ketika mengunjugi blog tsb. Jendelanya otomatis melebar dengan sendirinya. Cuman yang ini lebih simple.
Scriptnya sebagai berikut:

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

Simpan script tersebut di atas code <head> ...!

Untuk contoh click di sini.

Selamat mencoba...

Script untuk Membuat Efek Salju

2010-03-16T01:53:00.000-07:00

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...

Cara Membuat Float Menu (Menu Melayang)

2010-03-04T04:50:00.000-08:00

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...

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

2010-03-02T08:19:00.000-08:00

Untuk contohnya click di sini.
Dan scriptnya sebagai berikut:

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', 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...

Cara Menambahkan Gambar Animasi Melayang (Float Image)

2010-02-25T18:27:00.000-08:00

Cara Mengganti Icon Blogger Pada Address Bar

2010-02-25T13:40:00.000-08:00

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 . Menjadi . 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...

Cara Membuat Pesan Pembuka dan Penutup di Blog

2010-02-25T12:56:00.000-08:00

Sebetulnya script ini sudah ada di postingan Script Unik untuk Menyambut Pengunjung. Namun jika sobat ingin yang lebih simpel, scriptnya sebagai berikut:

<SCRIPT quality='high' type='text/javascript'>
var name = prompt("Welcome!!! di asepjiku.blogspot.com ", "your name here ");
alert("Salam kenal ya "+name)
//
alert ("SELAMAT DATANG DI asepjiku.blogspot.com Kami sarankan anda memakai browser Mozilla Firefox. ")
// goodbye alert
function goodbye(){
alert('Hayooo.... mau kemana! He..he..he.. O iya terima kasih atas kunjungannya! Lain kali kalau ada waktu luang jangan lupa main ke sini lagi ya..! THANKS AND VISIT MY BLOG AGAIN, OK..!');
}
parent.window.onunload=goodbye;
//<![CDATA[
//]]>
//<![CDATA[
//]]>
</SCRIPT>

Ganti alert yang berwarna merah sesuka hatimu, hehe..
Cotoh blognya click di sini
Selamat mencoba...

Cara Membuat Disable Click Kanan

2010-02-25T12:42:00.000-08:00

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...

Cara Mengganti Gambar Cursor

2010-02-25T12:12:00.000-08:00

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...

Cara Mengganti Background Blog

2010-02-25T11:32:00.000-08:00

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...

Cara Membuat Efek Sprinkle pada Cursor

2010-02-25T11:06:00.000-08:00

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...

Adding a Google Gadget to your blog

2010-02-25T07:23:00.000-08:00

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

Adding a Google Gadget to your blog

Selamat mencoba...

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

2010-02-25T06:21:00.000-08:00

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">


<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?

Cara Menulis Script ke Dalam Postingan

2010-02-23T12:14:00.000-08:00

Sebetulnya ada hal lucu yang berkaitan dengan artikel saya ini. Ceritanya waktu saya mau posting artikel yang ada isi scriptnya (artikel sebelumnya) koq ngga muncul. Namanya juga pemula. Ternyata harus diparse dulu. Tapi hal tersebut untuk sahabat yang lebih senior pastinya adalah hal yang mudah.
Caranya adalah sebagai berikut:
1. Anda siapkan script yang mau dimasukan ke dalam postingan.
Misalkan scriptnya sebagai berikut:

<SCRIPT quality='high' type='text/javascript'>
var name = prompt("Welcome!!! di asepjiku.blogspot.com", "your name here ");
alert("Salam kenal ya "+name)
//
alert ("SELAMAT DATANG DI asepjiku.blogspot.com Kami sarankan anda memakai browser Mozilla Firefox. ")
// goodbye alert
function goodbye(){
alert('Hayooo.... mau kemana! He..he..he.. O iya terima kasih atas kunjungannya! Lain kali kalau ada waktu luang jangan lupa main ke sini lagi ya..! THANKS AND VISIT MY BLOG AGAIN, OK..!');
}
parent.window.onunload=goodbye;
//<![CDATA[
//]]>
//<![CDATA[
//]]>
</SCRIPT>

2. Kemudian anda kunjungi situs ini click di sini.

3. Dan contoh script yang sudah diparse adalah sebagai berikut:

<SCRIPT quality='high' type='text/javascript'>
var name = prompt("Welcome!!! di asepjiku.blogspot.com", "your name here ");
alert("Salam kenal ya "+name)
//
alert ("SELAMAT DATANG DI asepjiku.blogspot.com Kami sarankan anda memakai browser Mozilla Firefox. ")
// goodbye alert
function goodbye(){
alert('Hayooo.... mau kemana! He..he..he.. O iya terima kasih atas kunjungannya! Lain kali kalau ada waktu luang jangan lupa main ke sini lagi ya..! THANKS AND VISIT MY BLOG AGAIN, OK..!');
}
parent.window.onunload=goodbye;
//<![CDATA[
//]]>
//<![CDATA[
//]]>
</SCRIPT>

Selamat mencoba..!

Script Unik untuk Menyambut Pengunjung I

2010-02-23T11:36:00.000-08:00

Script ini saya intip di blog mana ya.. saya lupa (hehe..)
Ceritanya waktu itu saya lagi blogwalking.
Kemudian nemu blog yang unik. Terus saya intip deh page sourcenya, hehehe...
Setelah dapet scriptnya. Kemudian saya coba di blog saya yang ini: click di sini, blog saya yang pertama.
Selain itu script ini sepertinya dibuat biar jendela pengunjung yang tadinya diperkecil, kemudian ketika mengunjugi blog tsb. Jendelanya otomatis melebar dengan sendirinya.
Scriptnya sebagai berikut:

<SCRIPT quality='high' type='text/javascript'>
var name = prompt("Welcome!!! di asepjiku.blogspot.com ", "your name here ");
alert("Salam kenal ya "+name)
//
alert ("SELAMAT DATANG DI asepjiku.blogspot.com Kami sarankan anda memakai browser Mozilla Firefox. ")
//
alert ("Kami harap anda menunggu sampai semua loadingnya selesai. Agar anda dapat menikmati seluruh isi dari blog saya. Bersabarlah... ")
//
alert ("Maaf agak lambat sedikit, silakan tunggu dan duduk manis. ")
//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
for(a=100;a<80;a++){
window.moveTo(scrW/1,0)
window.resizeTo(0,scrH*a/50)
}
for(a=0;a<80;a++){
window.moveTo(0,scrH/1)
window.resizeTo(0,scrH*a/50)
}
for(y=0;y<80;y++){
window.resizeTo(scrW*y/80,scrH)
}
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/50)
}
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/50,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/50)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/50,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/50,scrH*e/50)
}
for(e=0;e<80;e++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*e/50,scrH*e/50)
}
for(e=0;e<80;e++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(scrW*e/50,scrH*e/50)
}
for(e=0;e<80;e++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*e/50,scrH*e/50)
}
for(e=0;e<80;e++){
window.moveTo(scrW/1,0)
window.moveTo(scrW/1,scrH/1)
window.moveTo(0,scrH/1)
window.moveTo(0,0)
window.resizeTo(scrW*e/50,scrH*e/50)
}
//]]>
//
alert ("Maaf yang ke-2 masih agak lambat, kami harap anda tidak marah. Tetap duduk manis sambil minum kopi atau merokok. Atau sambil ngemil, juga boleh. Hihihi... Ehmm.. mungkin ada baiknya nanti anda klik Maximize. OK? ")
// goodbye alert
function goodbye(){
alert('Hayooo.... mau kemana! He..he..he.. O iya terima kasih atas kunjungannya! Lain kali kalau ada waktu luang jangan lupa main ke sini lagi ya..! THANKS AND VISIT MY BLOG AGAIN, OK..!');
}
parent.window.onunload=goodbye;
//<![CDATA[
//]]>
//<![CDATA[
//]]>
</SCRIPT>

Simpan script tersebut di atas code <head> ...!

Ganti tulisan yang berwarna merah sesuai selera anda..!
Anda mau mencobanya?