Meletak Gambar Di Cursor Blog

ImageShack, share photos, pictures, free image hosting, free video hosting, image hosting, video hosting, photo image hosting site, video hosting site

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


       cursol blogspot comel,tutorial letak cursor cantik, tutorial cursol comel,gambar di cursol
Ranking: 5

Comments:24

31 January, 2011 15:21

aku nak cuba lah ;) ~

31 January, 2011 15:32

silakan bro^ ^...nice blog ko....

31 January, 2011 15:34

Nice...nak cuba la...thanks...=D

31 January, 2011 15:36

x jadi bro..

31 January, 2011 15:38

nape sy punyer ta boleh ?
:(
huhu,,

31 January, 2011 16:07

uih.. da ade buat link.. tp tak try pun lagi..huhu

31 January, 2011 17:05

Tk jd pun. Jarak nye jauh nye icon :/

31 January, 2011 17:40

TAK JADI !!!! yang backlinks tu pun tak jadi.. hmm :p:

31 January, 2011 19:58

wawa pn nak try.
=)

31 January, 2011 21:36

warghh...
gile dah tgk kecomelan blog ni !!!

hahaha

31 January, 2011 23:02

tengs..hihi ^^

01 February, 2011 11:12

nak jugak lah... :k:

03 February, 2011 02:17

good-good

03 February, 2011 12:32

well,,kenape tak jadi pown???
guna icon sendiri tak jadi..
dah try gune icon koz pown tak jadi...huk3

03 February, 2011 17:07

nape x jadi...ahhhhhhhhhhhhhhhhhhaaaa
:a:

05 February, 2011 13:25

x jdi pun:(

10 February, 2011 17:22

Nice Blog..
Visit Back Please,,
www.Blitar-Aja.Blogspot.com
ThnkZ..

08 May, 2011 14:04

alaaaa...xjd pon...

20 May, 2011 21:27

nice blog!!
like2!!
:t:

30 May, 2011 16:21

lagi berjaya hehehhehhehehheh thanku2

30 May, 2011 20:06

tak jadi pun

09 June, 2011 15:48

x jd lahhh

25 June, 2011 18:27

cool widget.. tq bro ..

10 October, 2011 16:19

asl plk ade loVE KT CURSOR PLK NIYY..

Post a Comment

Komehlah dan klik G+ di atas sekali okey^^

 
Google PageRank Checker Powered by  MyPagerank.Net