আপনার ব্লগের মাউসের তীরের পেছনে ঘুরন্ত লেজ তৈরি করুন সম্মানিত দর্শক আপনাকে স্বাগতম। আমাকে Facebook Facebook Google+ এ পাবেন।

Saturday, March 14, 2015

আপনার ব্লগের মাউসের তীরের পেছনে ঘুরন্ত লেজ তৈরি করুন

আসসালামালাইকুম।সবাই কেমন আছেন ? আশা করি ভালোই আছেন।
আমিও আপনাদের দোয়ায় ভালোই আছি।একটি মজার পোস্ট নিয়ে ফিরে এলাম,
আসুন তাহলে এবার আমরা শুরু করি।
ব্লগস্পট ব্লগে মাউসের লেজ তৈরি করার উপায় :
প্রথমে আপনার ব্লগে লগ ইন করে
Deshboard >>> Layout >>> Add A Gadget >> HTML/JavaScript এ ক্লিক করে
নিচের কোড গুলো সম্পূর্ণ কপি করে যুক্ত করুন









<script language="javascript">

// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.
var text='Welcome to Visitortunes';

var delay=30; // SPEED OF TRAIL
var Xoff=-0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
var txtw=12; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.

//********** NO NEED TO EDIT BELOW HERE **********\\

ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';

for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);

function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}

function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}

function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}

function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}

function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}

function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}

window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>



যদি কেউ না বুঝে থাকেন কমেন্ট করতে ভুলবেন না

5 comments:

  1. no need to edit below here ai likhti ki html thakbe naki uthiye debo?

    ReplyDelete
    Replies
    1. no need to edit below here এই লেখাটির কারনে কি কোন সমস্যা ? যদি সমস্যা না হয় রেখে দিন ভাই @Robel Hossain

      Delete
  2. @Robel vai...ATA HTML ER MAJE COMMENT ATA KONO PROBLEM HOBENA.
    // \\ ey 2TA CINNER MAJE APNI JE KONO LEKHA LEKHTE PAREN KONO SOMOSSA HOBENA.

    ReplyDelete

Comments করার জন্য Gmail এ Sign in করতে হবে।পোষ্টের সাথে সম্পৃক্ত নয় এমন কোন কমেন্ট করা যাবে না।সবসময় গঠনমূলক মন্তব্য প্রদানের চেষ্টা করবেন। আমরা সবার মতামত সমানভাবে মূল্যায়ন করি এবং যথাসময়ে প্রতি উত্তর দেয়ার চেষ্টা করি।

Powered by Blogger.