Cara Mengganti Kursor / pointer

Pada Komputer

Pasti kalian kadang merasa bosan dengan bentuk bentuk kursor yang sama yang ada pada laptop atau PC kalian. Emmm,hal yang sama juga saya rasakan ,dari mulai itu saya sering searching di Google untuk meneukan kursor kursor unik dan yang pasti harus gratis,hehe:D

Jaman sekarang orang orang pasti banyak yang menggantungkan pada gratisan,saya pun demikian,

tapi kalian tenang aja gan,setelah lama searching saya menemukan ada situs yang menyediakan download kursor gratis lhoo....

seperti http://www.cursors-4u.com disini saya menemukan banyak sekali kursor kursor unik dan lucu.

Bagi yang belum tau cara mengganti kursor/pointer pada Laptop/PC,saya akan sedikit memberi tau bagaimana caranya,

Fashion tidak sekedar baju saja, web / blog juga harus mengikuti fahion dunk. Berikut cara menampilkan gambar animasi di pojok blog. Terkadang untuk menghias blog agar tampak lebih menarik maka bisa memasang gambar animasi di blog.Bisa ditempatkan di pojok atas (kiri dan kanan), pojok bawah kiri dan kanan, atau semua pojok diisi gambar lucu-lucu.

Untuk menampilkan gambar lucu, cukup copy salah satu script html di bawah ini kemudian masukkan ke dalam gadget html. Script ini saya buat menggunakan kode html ditambah gambar dari situs sweetim.

Contoh dan scriptnya bisa dilihat di bawah ini :

Cara memasang widget animasi ke blog :

1. Pilih script yang tersedia

contoh :

 Bayi baring

Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://artikelcantikku.blogspot.com/2011/09/cara-memasan-animasi-lucu-di-web-blog.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://artikelcantikku.blogspot.com/2011/09/cara-memasan-animasi-lucu-di-web-blog.html" target="_blank">Free-Animation</a></center></small></div>

2. Di Dashboard blogger pilih Rancangan - Elemen halaman

3. Pilih Tambah Gadget

4. Pilih HTML/Javascript

5. Masukkan script animasi ke dalam kotak kontent HTML/Javascript

"Good Luck":)

Sumber http://artikelcantikku.blogspot.com/2011/09/cara-memasan-animasi-lucu-di-web-blog.html

 1. Dari dashboard > design > add a gadget > HTML/javascript

2. Copy code bubble cursor di bawah, kemudian paste di ruangan HTML/javascript.
(code ini bubble warna biru. Untuk tukar warna bubble, sila ikuti tutorial sehingga habis)

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/bubblecursor.js"></script><script type="text/javascript">

// <![CDATA[

var colours=new Array("#0066FF", "#0066FF", "#0066FF", "#0066FF", "#0066FF"); // colours for top, right, bottom and left borders and background of bubbles

var bubbles=100; // maximum number of bubbles on screen



/****************************

* JavaScript Bubble Cursor *

* (c) 2010 mf2fm web-design *

* http://www.mf2fm.com/rv *

* DON'T EDIT BELOW THIS BOX *

****************************/

var x=ox=400;

var y=oy=300;

var swide=800;

var shigh=600;

var sleft=sdown=0;

var bubb=new Array();

var bubbx=new Array();

var bubby=new Array();

var bubbs=new Array();



window.onload=function() { if (document.getElementById) {

var rats, div;

for (var i=0; i<bubbles; i++) {

rats=createDiv("3px", "3px");

rats.style.visibility="hidden";



div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.top="1px";

div.left="0px";

div.bottom="1px";

div.right="0px";

div.borderLeft="1px solid "+colours[3];

div.borderRight="1px solid "+colours[1];



div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.top="0px";

div.left="1px";

div.right="1px";

div.bottom="0px"

div.borderTop="1px solid "+colours[0];

div.borderBottom="1px solid "+colours[2];



div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.left="1px";

div.right="1px";

div.bottom="1px";

div.top="1px";

div.backgroundColor=colours[4];

div.opacity=0.5;

if (document.all) div.filter="alpha(opacity=50)";



document.body.appendChild(rats);

bubb[i]=rats.style;

}

set_scroll();

set_width();

bubble();

}}



function bubble() {

var c;

if (x!=ox || y!=oy) {

ox=x;

oy=y;

for (c=0; c<bubbles; c++) if (!bubby[c]) {

bubb[c].left=(bubbx[c]=x)+"px";

bubb[c].top=(bubby[c]=y)+"px";

bubb[c].width="3px";

bubb[c].height="3px"

bubb[c].visibility="visible";

bubbs[c]=3;

break;

}

}

for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);

setTimeout("bubble()", 40);

}



function update_bubb(i) {

if (bubby[i]) {

bubby[i]-=bubbs[i]/2+i%2;

bubbx[i]+=(i%5-2)/5;

if (bubby[i]>sdown && bubbx[i]>0) {

if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {

bubb[i].width=bubbs[i]+"px";

bubb[i].height=bubbs[i]+"px";

}

bubb[i].top=bubby[i]+"px";

bubb[i].left=bubbx[i]+"px";

}

else {

bubb[i].visibility="hidden";

bubby[i]=0;

return;

}

}

}



document.onmousemove=mouse;

function mouse(e) {

set_scroll();

y=(e)?e.pageY:event.y+sleft;

x=(e)?e.pageX:event.x+sdown; }



window.onresize=set_width;

function set_width() {

if (document.documentElement && document.documentElement.clientWidth) {

swide=document.documentElement.clientWidth;

shigh=document.documentElement.clientHeight;

}

else if (typeof(self.innerHeight)=="number") {

swide=self.innerWidth;

shigh=self.innerHeight;

}

else if (document.body.clientWidth) {

swide=document.body.clientWidth;

shigh=document.body.clientHeight;

}

else {

swide=800;

shigh=600;

}

}



window.onscroll=set_scroll;

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;

}

}



function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}

// ]]>
</script> 
3. Save dan lihat hasilnya.:)

Sumber dari  http://tutorialuntukblog.blogspot.com/2011/04/cara-buat-bubble-cursor-pada-blog.html

Membuat Efek Daun berguguran Di Blog

Membuat Efek Daun berguguran Di Blog

Pengen tahu caranya membuat Efek Daun Kering Berguguran Di Blogmu

Ini Dia Langkahnya

1. Login blogger
2. Rancangan(Design)

3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Copy Kode Dibawah ini Kedalamnya:


<script src="http://postrecent.googlecode.com/files/daundj.js" type="text/javascript">
</script>

6. Save Template Dan Lihat hasilnya

Sumber ,http://sanggara31.blogspot.com/2010/09/membuat-efek-daun-berguguran-di-blog.html

Cara membuat tulisan berjalan

Ingin membuat blog anda lebih menarik,? tambahkan saja tulisan berjalan di dalam blog anda.
Caranya mudah kok gan...
1.Log in blog anda
2.Masuk ke tata letak,
3.pilih HTML/Java cript
4.Copas code ini
<marquee behavior="scroll" direction="right">Shia Shia Ashie </marquee><br />
pada tulisan Shia Shia Ashie diganti dengan tulisan yang anda kehendaki.
5.Klik simpan
             "Good Luck Gan...."

Sumber dari
http://www.blog.jacowlive.com/2010/05/cara-membuat-tulisan-berjalan-di-blog.html