
Hemmm...
Saya pengen bagi-bagi ilmu bagus ne...
Tips ini lanjutan dari Cara Membuat Cursor Selalu Diikuti Oleh Text ..
Tapi kali ini yang berbeda, kursornya tidak di ikuti teks tetapi di ikuti oleh jam..
unik kan.. kalau anda tertarik silahkan ikuti langkah-langkah berikut..
1. Login Ke blogger kalian
2. Masuk ke rancangan --> EDIT HTML
3. Simpan script berikut diatas kode ]]></b:skin>
/*-- CSS Kursor Diikuti Jam --*/
.cursor_jam1{
background:transparent;
position:absolute;
top:0px;
left:0px;
width:16px;
height:16px;
font-family:cursive;
font-size:16px;
text-align:center;
font-weight:bolder;
}
.cursor_jam2{
position:absolute;
top:0px;
left:0px;width:12px;
height:12px;
font-family:cursive;
font-weight:bolder;
font-size:10px;
text-align:center;
}
/*-- END CSS --*/
<script type='text/javascript'> //<![CDATA[ if (document.getElementById&&!document.layers){dCol='blue'; fCol='green'; sCol='blue'; mCol='red'; hCol='red'; del=0.7; ref=70;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("MINGGU","SENIN","SELASA","RABO","KAMIS","JUM'AT","SABTU");theMonths=new Array("JANUARI","FEBUARI","MARET","APRIL","MEI","JUNI","JULI","AGUSTUS","SEPTEMBER","OKTOBER","NOVEMBER","DESEMBER"); 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 9 12'; 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="cursor_jam2" 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="cursor_jam2" 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="cursor_jam1" 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="cursor_jam1" 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="cursor_jam1" style="color:'+sCol+'">'+S[i]+'<\/div>'); tmps[i]=document.getElementById("_seconds"+i).style;} function onoff(){if (vis){ vis=false; document.getElementById("control").value="Tampilkan Jam";} else{ vis=true;document.getElementById("control").value="Sembunyikan Jam";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>
Bagi rekan netter, kini bertukar link juga bisa untuk meningkatkan page rank
blog/web anda. Terkadang kita merasa kesulitan untuk melakukan tukar link
tersebut karena anda harus copy/paste link blog dari blogger lain ke blog anda.
Mau Tukar Link? Copy/paste code HTML berikut ke blog anda.
Tips & Tutorial
Dengan memasang widget seperti contoh diatas, anda bisa membantu blogger lain
agar lebih mudah dalam bertukar link. Mereka tinggal copy/paste script blogroll tersebut sidebar blog mereka atau bisa juga ditempatkan kebagian lain pada blog. Anda bisa sesuaikan sesuai dengan kebutuhan tampilan blog anda.
Bagaiman cara membuat script tukar link? Nah, ini dia cara membuat script/kode tukar link atau link exchange atau blogroll di blog/web. Ikuti langkah-langkah berikut :
1. Browsing ke http://cooltext.com
2. Pada menu sebelah atas klik Logos, hingga muncul seperti pada gambar
dibawah ini:
3. Pilih/klik logo yang anda suka
4. Logo dibagi atas dua bagian yaitu sebelah kanan dan kiri. Silahkan anda
melakukan pengaturan atau desain sesuai dengan kebutuhan anda.
5. Klik pada Image Width untuk mentukan ukuran logo, jika sudah selesai
klik tombol Render Logo. Tunggu beberapa saat sampai proses membuat logo
selesai, seperti gambar dibawah ini.
6. Klik Download Image untuk langsung menyimpan logo/image ke hardisk
atau flashdisk anda. Get HTML Code untuk mendapatkan script, akan
tetapi anda diminta untuk register terlebih dahulu.
sebaiknya pilih cara pertama saja Klik Download Image.
7. Berikutnya tugas anda adalah menyimpan file logo tersebut ke harddisk online
atau penyimpanan online. Misalnya : http://www.photobucket.com, jika belum
punya silahkan register dulu. Ambil kode HTML yang pendek, karena terdapat
banyak pilihan kode HTML yang tersedia, pilih pilihan paling bawah seperti contoh :
http://i653.photobucket.com/albums/uu258/k12tronik/k12tronik.gif
8. Login ke akun blogger anda, klik Tata Letak, Element Halaman, Tambah Gadget,
HTML/JavaScript, klik tombol + (tambah). Lalu copy/paste script dibawah ini ke
sidebar blog atau bisa juga dibuat posting khusus untuk bertukar link seperti ini.
Berikut Contoh Script yang yang bisa dipakai untuk menampilkan widget tukar link pada blog/web anda :
Mau Tukar Link? Copy/paste code HTML berikut ke blog anda
Keterangan:
Ganti yang warna Biru dengan URL blog dan descripsi blog anda, Warna merah judul image anda sedangkan yang warna hijau ganti dengan URL logo/image tempat anda menyimpan image yang baru saja anda simpan di http://www.photobucket.com
Ketika dipasang di sidebar blogger/Website hasilnya akan terlihat seperti ini:
Mau Tukar Link? Copy/paste code HTML berikut ke blog anda.
Tips & Tutorial
9. Bagaimana Mau Mencoba? Salam Sukses.
Kumpulan Efek - Efek Blog ( Lengkap ) - Memang selalu ada cara untuk mempercantik penampilan blog. Setelah sebelum memposting cara memasang animasi di blog, kali ini saya akan kasih sobat berbagai macam / jenis efek - efek blog yang bisa di pasang di blog.
Sebelum kita masuk ke intinya, terlebih dahulu saya ingatkan pada sobat bahwa efek, animasi dan widget - widget serupa akan menambah beban loading blog sobat, jadi mohon di perhitungkan sebelum sobat memasang efek ini. Efek yang akan saya posting kali ini, akan saya bagi 2 yaitu efek ringan ( loading ringan ) dan efek menegah hingga berat. ( kayak tinju aja.. ) .
Sobat yang tertarik memasangnya silahkan ikuti tutorial memasang efek - efek pada blogberikut.
A. Efek Ringan
Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.
1. Efek salju berjatuhan