Monday, January 17, 2011

Membuat daftar isi

Keberadaan Daftar ini pada sebuah blog sangatlah penting karena bisa membantu pembaca blog kita dalam mencari artikel yang mereka inginkan.
Untuk membuatnya sangatlah mudah. Ikuti tipsnya di bawah ini.
Langkah Pertama

1. Log in ke blogger

2. Klik Layout --> Edit HTML --> Beri centang di Expand Widget Template.

3. Cari kode di bawah ini

                                     
 <b:include data='post' name='post'/>


4. Ganti kode di atas dengan kode di bawah ini

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

5.
Save template

Langkah Kedua

1. Klik Layout

2. Klik Add a Gadget --> Klik HTML/Javascript

3. Masukan kode di bawah ini di kotak yang tersedia

<a href="http://NamaBlogAnda.blogspot.com/search?max-results=200">Daftar Isi&raquo;</a>
4. Ganti yang berwarna merah dengan nama blog kalian. 200 adalah jumlah postingan yang muncul.
5. Simpan dan lihat hasilnya.
Selamat Mencoba...........

Sunday, January 16, 2011

Membuat buku Tamu

Kamu Pasti Menginginkan Buku Tamu Berada Di Samping Blog , Itu Mudah Sekali Hanya Membutuhkan Script . Nih Tips Di Dapat Dari <a href="http://www.kikiyo.co.cc/">Kikiyo Blog</a> Thx Yaa...!
Nah Seperti Biasa , Masuk Ke Rancangan Dan Tambah Gadget ,Pilih Javascript/HTML.
Dan Copy Kode Script Ini :

<style type="text/css">>#gb{<br />position:fixed;<br />top:50px;<br />z-index:+1000;<br />}<br />* html #gb{position:relative;}<br /><br />.gbtab{<br />height:100px;<br />width:30px;<br />float:left;<br />cursor:pointer;<br />background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIMcRGJrLc63WUpL_76h2EI2_dbX8-GO0sBFpKI5n_V2MlWfkPaCNfl4Ufa_WxcFYIemnUQao2gMiJd0u97yV1y5lHBfV8fjAT-bTD4j2q7yki9Z_Ye_LzDmFyJ-d1ne0cWUk5ECR4XMIx/') no-repeat;<br />}<br />.gbcontent{<br />float:left;<br />border:2px solid #A5BD51;<br />background:#F5F5F5;<br />padding:10px;<br />}<br /></style><br /><br /><script type="text/javascript"><br />function showHideGB(){<br />var gb = document.getElementById("gb");<br />var w = gb.offsetWidth;<br />gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br />gb.opened = !gb.opened;<br />}<br />function moveGB(x0, xf){<br />var gb = document.getElementById("gb");<br />var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br />var dir = xf>x0 ? 1 : -1;<br />var x = x0 + dx * dir;<br />gb.style.right = x.toString() + "px";<br />if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}<br />}<br /></script><br /><br /><div id="gb"><br /><br /><div class="gbtab" onclick="showHideGB()"> </div><br /><br /><div class="gbcontent"><br /><br />[MASUKAN SCRIPT KODE BUKU TAMU ANDA DISINI]<br /><br /><br/><br />Mau ?<br/><br />Klik di<br /><a href="http://www.kikiyo.co.cc/2010/05/membuat-buku-tamu-buka-tutup-di-samping.html"><br />sini<br /></a><br /><br /><div style="text-align:right"><br /><a href="javascript:showHideGB()"><br />[tutup]<br /></a><br /></div><br /><br /></div><br /><br /></div><br /><br /><script type="text/javascript"><br />var gb = document.getElementById("gb");<br />gb.style.right = (30-gb.offsetWidth).toString() + "px";<br /></script><br /><br />

Klik Save

Cara membuat website menjadi Stan by

Banyak Website Yang Menggunakan Modus Hemat Energi , Salah Satunya Saya , Saya Menggunakan Modus Hemat Energi Karena Modus Hemat Energi Lebih Hemat Listrik 2% (Setahu Saya) ^^ Nah Yang Ini Buat Pemilik Blogger Aja Bukan Buat Wordpress !
Lanjut :

1. Login Ke Blogger
2. Rancangan => Edit HTML
3. Klik CTRL + F = Cari Kode </head>
4. Copy Kode Ini Di Bawah Kode </head> :
===BAHASA===INGGRIS=== / ==Default==Mode== :
<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script>

===BAHASA===INDONESIA=== :
<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?lang=id"></script>
5. Klik Save ^^

Cara Mengganti gambar cursor mouse

Nah Mungkin Para Turis Blogger Bosen Dengan Kursor Mouse Yang Default Berdasarkan Komputer/Laptop <--- Sama Aja... Kalo Mau Ganti Juga Bisa Dengan Sebuah Gambar Tetapi Di Usulkan Gambarnya Itu Berformat [.ico] Karena Format .ico = Icon Resolusinya Kecil Sekali Jadi Cocok Untuk Kursor Mouse. Di Mulai Aja Yah.. Bosen Nulis Panjang , Hehehe... Kidd... Seperti Biasa Login Dulu , Rancangan , Gadget Dan Javascript/HTML Copy Deh Nih Kode. <style type="text/css">body {cursor:url("http://baykun.byethost15.com/cursorbiru.ico"),default}</style>
Jangan Lupa Save Lho.. Kalo Ga Nanti Terbang Entah Ke Mana Scriptnya

Cara membuar Cursor Mouse bertabur bintang

Caranya :

1. Login Ke Blogger
2. Ke Layout (Rancangan)
3. Tambah Gadget
4. Pilih HTML/Javascript
5. Lalu Copy Paste Kode Ini :

<script src="http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.hijau.js" type="text/javascript"></script>

6. Lalu Save

Saturday, January 15, 2011

Tulisan Mengikuti Cursor dan jam mengikuti cursor

Caranya memasukkan kedalam blog kalian:
Rancangan ==> Elemen laman ==> Tambah Widget ==> HTML/Javascript Copy script di bawah dan paste ke dalam HTML/Javascript ==> Save

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #0000ff; /* warna huruf */
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(){
// Your message here (QUOTED STRING)
var msg = "www.kupluckmerah.com"; /* Tulisan yang mengikuti cursor */
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size =20; /* ukuran huruf */
// 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;
////////////////////// 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>
  •  Jam Mengikuti Cursor 
cara memasangnya sama dengan di atas..
Langsung ajah copas script di bawah: 


<style type="text/css">
<!--
/*Do not Alter these. Set for alignment*/
.css1{
position:absolute;top:0px;left:0px;
width:16px;height:16px;
font-family:Arial,sans-serif;
font-size:16px;
text-align:center;
font-weight:bold;
}
.css2{
position:absolute;top:0px;left:0px;
width:20px;height:20px;
font-family:Arial,sans-serif;
font-size:10px;
text-align:center;
}
//-->
</style>




<script language="JavaScript">
// *** Clock colours
dCol='#00ff00'; //date colour.
fCol='#ffffff'; //face colour.
sCol='#ffffff'; //seconds colour.
mCol='#00ff00'; //minutes colour.
hCol='#00ff00'; //hours colour.

// *** Controls
del=0.6; //Follow mouse speed.
ref=40; //Run speed (timeout).

// Alter nothing below! Alignments will be lost!
var ieType=(typeof window.innerWidth != 'number');
var docComp=(document.compatMode);
var docMod=(docComp && docComp.indexOf("CSS") != -1);
var ieRef=(ieType && docMod)
?document.documentElement:document.body;
theDays=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");
theMonths=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
tmpdate=" "+theDays[date.getDay()]+" "+day+" "+theMonths[date.getMonth()]+" "+year;
D=tmpdate.split("");
N='3 4 5 6 7 8 9 10 11 12 1 2';
N=N.split(" ");
F=N.length;
H='...';
H=H.split("");
M='....';
M=M.split("");
S='.....';
S=S.split("");
siz=40;
eqf=360/F;
eqd=360/D.length;
han=siz/5.5;
ofy=-7;
ofx=-3;
ofst=70;
tmr=null;
vis=true;
mouseY=0;
mouseX=0;
dy=new Array();
dx=new Array();
zy=new Array();
zx=new Array();
tmps=new Array();
tmpm=new Array();
tmph=new Array();
tmpf=new Array();
tmpd=new Array();
var sum=parseInt(D.length+F+H.length+M.length+S.length)+1;
for (i=0; i < sum; i++){
dy[i]=0;
dx[i]=0;
zy[i]=0;
zx[i]=0;
}

algn=new Array();
for (i=0; i < D.length; i++){
algn[i]=(parseInt(D[i]) || D[i]==0)?10:9;
document.write('<div id="_date'+i+'" class="css2" style="font-size:'+algn[i]+'px;color:'+dCol+'">'+D[i]+'</div>');
tmpd[i]=document.getElementById("_date"+i).style;
}
for (i=0; i < F; i++){
document.write('<div id="_face'+i+'" class="css2" style="color:'+fCol+'">'+N[i]+'</div>');
tmpf[i]=document.getElementById("_face"+i).style;
}
for (i=0; i < H.length; i++){
document.write('<div id="_hours'+i+'" class="css1" style="color:'+hCol+'">'+H[i]+'</div>');
tmph[i]=document.getElementById("_hours"+i).style;
}
for (i=0; i < M.length; i++){
document.write('<div id="_minutes'+i+'" class="css1" style="color:'+mCol+'">'+M[i]+'</div>');
tmpm[i]=document.getElementById("_minutes"+i).style;
}
for (i=0; i < S.length; i++){
document.write('<div id="_seconds'+i+'" class="css1" style="color:'+sCol+'">'+S[i]+'</div>');
tmps[i]=document.getElementById("_seconds"+i).style;
}

function onoff(){
if (vis){
vis=false;
document.getElementById("control").value="Clock On";
}
else{
vis=true;
document.getElementById("control").value="Clock Off";
Delay();
}
kill();
}

function kill(){
if (vis)
document.onmousemove=mouse;
else
document.onmousemove=null;
}

function mouse(e){
var msy = (!ieType)?window.pageYOffset:0;
if (!e) e = window.event;
if (typeof e.pageY == 'number'){
mouseY = e.pageY + ofst - msy;
mouseX = e.pageX + ofst;
}
else{
mouseY = e.clientY + ofst - msy;
mouseX = e.clientX + ofst;
}
if (!vis) kill();
}
document.onmousemove=mouse;

function winDims(){
winH=(ieType)?ieRef.clientHeight:window.innerHeight;
winW=(ieType)?ieRef.clientWidth:window.innerWidth;
}
winDims();
window.onresize=new Function("winDims()");

function ClockAndAssign(){
time = new Date();
secs = time.getSeconds();
sec = Math.PI * (secs-15) / 30;
mins = time.getMinutes();
min = Math.PI * (mins-15) / 30;
hrs = time.getHours();
hr = Math.PI * (hrs-3) / 6 + Math.PI * parseInt(time.getMinutes()) / 360;

for (i=0; i < S.length; i++){
tmps[i].top=dy[D.length+F+H.length+M.length+i]+ofy+(i*han)*Math.sin(sec)+scrollY+"px";
tmps[i].left=dx[D.length+F+H.length+M.length+i]+ofx+(i*han)*Math.cos(sec)+"px";
}
for (i=0; i < M.length; i++){
tmpm[i].top=dy[D.length+F+H.length+i]+ofy+(i*han)*Math.sin(min)+scrollY+"px";
tmpm[i].left=dx[D.length+F+H.length+i]+ofx+(i*han)*Math.cos(min)+"px";
}
for (i=0; i < H.length; i++){
tmph[i].top=dy[D.length+F+i]+ofy+(i*han)*Math.sin(hr)+scrollY+"px";
tmph[i].left=dx[D.length+F+i]+ofx+(i*han)*Math.cos(hr)+"px";
}
for (i=0; i < F; i++){
tmpf[i].top=dy[D.length+i]+siz*Math.sin(i*eqf*Math.PI/180)+scrollY+"px";
tmpf[i].left=dx[D.length+i]+siz*Math.cos(i*eqf*Math.PI/180)+"px";
}
for (i=0; i < D.length; i++){
tmpd[i].top=dy[i]+siz*1.5*Math.sin(-sec+i*eqd*Math.PI/180)+scrollY+"px";
tmpd[i].left=dx[i]+siz*1.5*Math.cos(-sec+i*eqd*Math.PI/180)+"px";
}
if (!vis)clearTimeout(tmr);
}

buffW=(ieType)?80:90;
function Delay(){
scrollY=(ieType)?ieRef.scrollTop:window.pageYOffset;
if (!vis){
dy[0]=-100;
dx[0]=-100;
}
else{
zy[0]=Math.round(dy[0]+=((mouseY)-dy[0])*del);
zx[0]=Math.round(dx[0]+=((mouseX)-dx[0])*del);
}
for (i=1; i < sum; i++){
if (!vis){
dy[i]=-100;
dx[i]=-100;
}
else{
zy[i]=Math.round(dy[i]+=(zy[i-1]-dy[i])*del);
zx[i]=Math.round(dx[i]+=(zx[i-1]-dx[i])*del);
}
if (dy[i-1] >= winH-80) dy[i-1]=winH-80;
if (dx[i-1] >= winW-buffW) dx[i-1]=winW-buffW;
}

tmr=setTimeout('Delay()',ref);
ClockAndAssign();
}
window.onload=Delay;
}
//-->
</script> 

ANTI COPAS

Aneh yah gw!??
kemaren posting ANTI KLIK KANAN, trus posting lagi menonaktifkan ANTI KLIK KANAN..
Ehhh sekarang malah posting anti klik kanan,CTRL C+V alis COPAS..
pelit seh kesannya, tapi mungkin script di bawah ini bisa berguna bagi kalian semua..
Udah aku modifikasi yang awalnya cuma anti klik kanan, aku tambahin anti CTRL C..

Tapi buat para blog yang macam gw nih, di sarankan tidak memakai kedalam blog kalian..
karena dapat menyusahkan teman2 yang ingin mencopy script2 yang kita sajikan..
tapi kalau pengunjungan gk keberatan buat ketik tuh script dari awal ampe akhir juga gk apa2..
biar jarinya kaya jempol semua..
hahahahahah...



Yaudah basa-basinya..
caranya Copy script di bawah ==> Edit Laman ==> Tambah Widget ==>HTML/JavaScript==> Paste Scriptnya dan kemudian save..




//disable keydown ctrl c & v

<script language="javascript">
function onKeyDown() {
alert("dilarang copas"); // commentnya
// current pressed key
var pressedKey = String.fromCharCode(event.keyCode).toLowerCase();
if (event.ctrlKey && (pressedKey == "c" ||
pressedKey == "v")) {
// disable key press porcessing
event.returnValue = false;
} 
} // onKeyDown
</script>



<script language="JavaScript">
 //Disable klik kanan di mouse kamu
 
  
 //pesan yang akan ditampilkan bila kamu klik kanan
  var message="Maaf Tidak Boleh Copy Paste dengan Click Kanan";
  
 //Kode selanjutnya merupakan fungsi untuk mendisable klik kanannya
 function clickIE4(){
 if (event.button==2){
 alert(message);
 return false;
 }
 }
 function clickNS4(e){
 if (document.layers||document.getElementById&&!document.all){
 if (e.which==2||e.which==3){
 alert(message);
 return false;
 }
 }
 }
 if (document.layers){
 document.captureEvents(Event.MOUSEDOWN);
 document.onmousedown=clickNS4;
 }
 else if (document.all&&!document.getElementById){
 document.onmousedown=clickIE4;
 }
 document.oncontextmenu=new Function("alert(message);return false")
 
</SCRIPT> 


<script TYPE="text/javascript">
<!--
//Disable select-text script (IE4+, NS6+)
///////////////////////////////////
function disableselect(e){
return false
}
function reEnable(){
return true
}
//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
// -->
</SCRIPT>
Design by Abdul Munir Visit Original Post Islamic2 Template