Meletak Gambar Di Cursor Blog

Hai all...Hari ini koz nak ajar korang tutorial yang terbaru....Korang perasan tak setiap kali korang menggerakkan cursor di blog koz akan ade gambar yang mengikutnya??Mesti perasan punya...Jadi hari ini koz nak berongsi dengan korang bagaimana hendak membuat cursor blog korang seperti blog koznya...Tutorial kali ini pun mendapat ramai permintaan dari pengunjung blog koz jadi atas jasa baik korang yang tak henti-henti singgah di blog koz ini,koz akan kongsikan tutorial ini...jadi kalau sudah bersedia untuk membuatnya,ikuti langkah-langgkah di bawah:-

Langkah 1

Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 2

Kemudian korang copy dan paste code di bawah

<script type="text/javascript">
var trailimage=["http://img28.imageshack.us/img28/729/lovebudaknakal.png", 50, 40] //image path, plus width and height
var offsetfrommouse=[10,-20] //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
var displayduration=0 //duration in seconds image should remain visible. 0 for always.
if (document.getElementById || document.all)
document.write('<div id="trailimageid" style="position:absolute;visibility:visible;left:0px;top:0px;width:1px;height:1px"><img src="'+trailimage[0]+'" border="0" width="'+trailimage[1]+'px" height="'+trailimage[2]+'px"></div>')
function gettrailobj(){
if (document.getElementById)
return document.getElementById("trailimageid").style
else if (document.all)
return document.all.trailimagid.style
}
function truebody(){
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function hidetrail(){
gettrailobj().visibility="hidden"
document.onmousemove=""
}
function followmouse(e){
var xcoord=offsetfrommouse[0]
var ycoord=offsetfrommouse[1]
if (typeof e != "undefined"){
xcoord+=e.pageX
ycoord+=e.pageY
}
else if (typeof window.event !="undefined"){
xcoord+=truebody().scrollLeft+event.clientX
ycoord+=truebody().scrollTop+event.clientY
}
var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
if (xcoord+trailimage[1]+3>docwidth || ycoord+trailimage[2]> docheight)
gettrailobj().display="none"
else
gettrailobj().display=""
gettrailobj().left=xcoord+"px"
gettrailobj().top=ycoord+"px"
}
document.onmousemove=followmouse
if (displayduration>0)
setTimeout("hidetrail()", displayduration*1000)
</script>

Langkah 3

Pada code berwarna Merah korang gantikan kepada URL gambar yag korang suka..Gambar berkenaan haruslah bersaiz yang sesuai...

Pada code berwarna Biru korang boleh tetapkan saiz gambar berkenaan...

Save dan lihat hasilnya...

Camat mencuba^ ^...

tag:  cara meletak gambar cursor blog, letak cursor comel di blog,  cursol comel di blog, gambar di cursor,

       cursol blogspot comel,tutorial letak cursor cantik, tutorial cursol comel,gambar di cursol

Ranking: 5