Blogger Widgets

ျမန္မာ

မဂ္လာပါanyataya.poet@gmail.com
မဂ္လာပါ... အညတရ ပရဟိတ ဆိုဒ္ေလးသို႔ ေရာက္လာခဲ့ေသာ သူငယ္ခ်င္း ညီအကို ေမာင္ႏွမအားလံုးကို လိုက္လွည္းပ်ဴငွာေႏြးေထြးစြားၾကိဳဆိုပါ၏.. ကြ်န္ေတာ္ အညတရ ေတာ္လြန္းတတ္လြန္း ေနလို႔ ဒီဆိုဒ္ေလးကို တည္ေထာင္ခဲ့ရတာမဟုတ္ပါဘူး ဘာမွမသိ့ဘာမွမတတ္ပဲ ေယာင္၀ါး၀ါး စမ္းတ၀ါး၀ါး နဲ႔ ယိုင္နဲ႔နဲ႔ တည္ေဆာက္ေနတာပါ အမွား အယြန္းမ်ား ရွိခဲ့ရင္ သြန္သင္ညႊန္ျပေပးေစးလိုပါတယ္ အားလံုးကိုခ်စ္တဲ့ အညတရ
မင္းႏွင္းသစ္
Blogger Tips And Tricks|Latest Tips For BloggersFree BacklinksBlogger Tips And Tricks
....

Monday, May 27, 2013

cursor CircleText for blogger

အားလံုးပဲမဂ္လာပါဗ်ာ    ဒီကုတ္ေလးကေတာ့ 
သူငယ္ခ်င္းတို႔ရဲ့ ဘေလာ့စာမ်က္နာရဲ့ (cursor) မွာ
 CircleText ေလးေတြလိုက္ေနေအာင္လုပ္ႏိုင္တဲ့ေကာင္းေလးပါ 
မသိတဲ့သူငယ္ခ်င္းေတြအတြက္ပါ ဗ်ာ သိ့တာေလးျပန္ေ၀မွ်တာပါဗ် 

ဘယ္လိုသံုးရမလည္းဆိုေတာ့ 
No.1 
        သူငယ္ခ်င္းတို႔ရဲ ဘေလာ့မွာ
Template ကို သြားလိုက္ပါ ျပီးရင္ေတာ့
No.2
       Edit html ကို ကလစ္လိုက္ပါ
No.3
       </head>      ကိုရွာလိုက္ပါဗ် မရွာတတ္ရင္ 
ctrl + Fကိုႏိွပ္လိုက္ပါ ေအာက္နွားမွာ find ဆိုတ့ေဘာက္စ္ေလးေပၚလာပါလိမ့္မယ္

ျပီးရင္ေတာ့ ေအာက္ကကုတ္ကေလးကိုကူးျပီးထဲ့လိုက္ပါ

...........


<style type='text/css'>
/* Text that follows the spinning cursor */
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: verdana, arial; /* Font */
color: #000; /* Text Color */

/* Do not edit this area */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type='text/javascript'>
//<![CDATA[
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/

;(function(){

// Message
var msg = "anyataya";

// Font size
var size = 22;

// Determines whether circular or oval, 1 for circular and 2 for oval
var circleY = 0.75; var circleX = 2;

// Space between each letter
var letter_spacing = 5;

// Diameter of the circle
var diameter = 10;

// Rotation speed
var rotation = 0.4;

// Reaction Speed
var speed = 0.3;

////////////////////// Do not edit anything else //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();
//]]>
</script>

................

ျပီးရင္ေတာ့  ကုတ္ေတြထဲက 

// Message
var msg = "anyataya";

ကိုရွာလိုက္ပါ anyataya ဆိ္ုတဲ့ေနရာမွာ ထဲ့ခ်င္တဲ့စာထဲ့ျပီး save လိုက္ရင္ရပါျပီး 

အညတရ မွ လာေရာက္ေသာသူအားလံုးကို ေက်းဇူးတင္ပါ၏........





0 comments:

Post a Comment

Blogger news


Flag Counter