Content feed Comments Feed

How To Add Snow Effect On The Blogger Mouse Cursor Area (mm)

တင္ၿပသူ Kyaw Htin Wednesday 26 December 2012

mouse pointer ေရႊ႕လိုက္ရင္ အသဲပံုေလေတြ..အစသျဖင့္ သူတို႕ကို ဘယ္လိုထည့္ရတာလဲေျပာျပေပးပါအံုးအစ္ကို..
ေနာက္တစ္ခုက software ေတြကို ဘယ္လိုတင္ရတာလဲအစ္ကို .. ေျပာျပေပးပါအံုး..
ေမးထားတာေလးကို ေၿဖေပးလုိက္ပါတယ္..


Blogger interface အေဟာင္းနဲ႔ဆုိ : Go to Dashboard - Design - Page Elements - Add a Gadget. ကုိသြားပါ





 

ထဲသြားၿပီး Add a Gadget မွာ HTML/JavaScript type ကိုထုတ္ၿပီး အဲ့ဒီထဲမွာ ေအာက္ပါကုဒ္ကုိ ထည့္ေပးရမွာပါ။



တကယ္လုိ႔  Blogger interface new ဆုိရင္ေတာ့ : Go to Dashboard - Layout - Add a Gadget ကေနသြားရမွာပါ။


ၿပီးရင္ ေစာေစာကအတုိင္း ၿပီးရင္ Side bar မွာရွိတဲ့ 'Add a Gadget' ကုိ Click ၿပီးရင္ 'HTML/Javascript' ကို select ေပး add ၿပီး
အဲ့ဒီထဲမွာမွ ေအာက္ပါ ကုဒ္ကုိထည့္ေပးလုိက္တာနဲ႔ အဆင္ေၿပပါၿပီ။။။ 


<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript">
// <![CDATA[
var colour="black";
var sparkles=100;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";

star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}

}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {


tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
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;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

ဖုိင္ေတြကို ကြ်န္ေတာ္ Upload တင္တာကေတာ့ http://www.mediafire.com/ ကေနတင္ပါတယ္။
အဲ့ဒီမွာ Register လုပ္ၿပီး File ေတြကုိ တလ ၂၀၀ MB free တင္လုိ႔ရပါတယ္..။
ပို Upload လုပ္ခ်င္ရင္ေတာ့ Visa နဲ႔ၿဖည့္ၿပီးလုပ္ရင္ေတာ့ အေကာင္းဆုံးေပါ့..။
Facebook အေကာင့္နဲ႔လည္း Register လုပ္လုိ႔ရပါတယ္..။။

0 ေယာက္ကဒီလုိေၿပာၾကတယ္

ဆက္သြယ္ရန္ လိပ္စာ

kyawhtinaung86@gmail.com

Advertisment

Kstar mobile

Kstar mobile
* 72/A, Min Street, San Chaung * Yangon, Burma Today 9:00 am - 8:00 pm Phone +95 9 430 93565

နည္းပညာ ေနရာေကာင္းမ်ား

လာေရာက္ေသာေဒသမ်ား

ေရးၿဖစ္သမွ် အေၾကာင္းအရာမ်ား

Myanmar Calender

Technology Forum

 

မိတ္ေဆြမ်ား၏ တင္သမွ်စာေလးေတြ

အေၾကာင္းအရာ

resent



ပုိ႔စ္အသစ္မ်ား


အၾကံေပးစာမ်ား

About Us

My Photo
Kyaw Htin
Welcome to my homepage, be always happy and receive knowledge from my blog . myozawlin85@gmail.com Thanks for visited my blog
View my complete profile
mgpyinyar