সাজিয়ে নিন আপনার ব্লগস্পট ব্লগ [পর্ব-২৩] :: আপনার ব্লগস্পট ব্লগে মাউসের পিছনে ঘুরন্ত লেজ তৈরি করুন

সাজিয়ে নিন আপনার ব্লগস্পট ব্লগ

আসসালামালাইকুম।

সবাই কেমন আছেন ?

আশা করি ভালোই আছেন।

আমিও আপনাদের দোয়ায় ভালোই আছি।

আজ অনেক দিন পর আমি আমার ব্লগস্পট ব্লগের ধারাবাহিকতায় ফিরে আসলাম।

টাইটেল দেখেই অনেকেই হয়তো বুঝতে পারছেন।

আমি ঠিক এই রকম একটি টিউন আগেও করেছিলাম তবে অনেকেই ঔখানে মন্তব্য করেছিল যে কোড কাজ করছেনা।

তাই সবার কথা বিবেচনা করে এবং ফেইসবুকে একজন ফ্রেন্ডের অনেক দিনের অনুরোধের কারনে আজকে টিউনটি করতে বসলাম।

আর হুম এই টিউনটি ১০০% কাজ করবে আমি এই মাত্র নিজে চেষ্টা করে তারপর টিউন করতে বসলাম।

যাই হোক আজ অনেক লেকচারই দিলাম , আসুন তাহলে এবার আমরা শুরু করি।

ব্লগস্পট ব্লগে মাউসের লেজ তৈরি করার উপায় :

  • প্রথমে আপনার ব্লগে লগ ইন করে Deshboard >>> Design >>> Add A Gadget >> HTML/JavaScript এ ক্লিক করে নিচের কোড গুলো সম্পূর্ণ কপি পোস্ট করে দেন ।
<script language="javascript">

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

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>
  • এবার গেডজেডটি সম্পূর্ণ সেইভ করুন
  • ব্যাস আপনার কাজ শেষ

যা যা পরিবর্তন করতে পারবেন :

  • উপরে টেকটিউনন্স লেখাতির স্থলে আপনার পছন্দের লেখাটি লিখবেন ।
  • কোডের একেবারে উপরের দিকে থাকা কয়েকটি মান পরিবর্তন করতে পারবেন।
  • 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='<span ><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
    var endhtml=''; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.
  • উপরের অংশটিতে প্রয়োজনীয় পরিবর্তন করতে পারবেন। বাকী অংশে হাত দেয়ার দরকার নেই। সমস্যা হতে পারে।
  • এখানে ver delay=30, var Xoff=0, var Yoff=30, var txtw=12 ইত্যাদি মানগুলো পরিবর্তন করে দিন।

আর হ্যাঁ পেইজ সম্পূর্ণ লোড হওয়ার পর লেজ কাজ করবে 😀

ভালো লাগলে কমেন্ট করবেন আর কোন ভুল-ভ্রান্তি হলে ক্ষমা সুন্দর দিষ্টিতে দেখবেন।

সবাই ভালো থাকুন, সুস্থ থাকুন, ভালবাসাসহ ১০০ টিউনের অপেক্ষায় 😀 আপনাদেরই সাব্বির আলম 😛

Level 0

আমি সাব্বির আলম। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 10 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 108 টি টিউন ও 869 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 9 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

আমি মোহাম্মদ সাব্বির আলম ( আসিফ পাগলা সাব্বির ) । Google Adsense এর একজন পাবলিশার্স হিসাবে কাজ করছি। বর্তমানে SEO নিয়েই পরে থাকতে এবং সবার মাঝে শেয়ার করতেই ভালো লাগে। আর বাংলা ব্লগিং করাটাই সব চেয়ে বড় নেশা। আমার সম্পর্কে আরো বিস্তারিত জানতে অথবা লাইভ সাপোর্ট পেতে আমাকে ফেইসবুকে অ্যাড...


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

copy past ta kothao korbo?

সাব্বির ভাই এই টা আমার কাছে আছে অনেক আগে থেকেই । আমি আপনাকে এটার কথা বলিনি । আমি আপনাকে বলেছিলাম ট্রাইলিং ক্লক উইথ ডেট মাউস কারসর এর কথা । হায় আমার এত দিনের অপেক্ষা গেলো পুরাই জলে …।

ver delay=30, var Xoff=0, var Yoff=30, var txtw=12 এগুলা কি? এখানে কিসের মান change করব? করলে কি হবে?

vai paseer 1 2 3 egula o ki paste korte hobe?

    পাশের বলতে যদি হয় কোড গুলির ডানপাশে ক্রমান্বয়ে ১,২,৩ …………………………….. তাহলে এগুলি কপি করা লাগবেনা। আপনি কোড গুলির পাশে ডাবল ক্লিক করলে অটোমেটিক সব কোড কপি হয়ে যাবে। @নাঈম the handsome:

@[1: ]@@[1:[0:1: ধন্যবাদ আপনাকে]]

ভাল টিউন ধন্যবাদ টিউনের জন্য।

    আপনাকেও অনেক ধন্যবাদ । আসলে কারো কারো মন্তব্য পেলে মন ভালো হয়ে যায় যার মধ্যে আপনি অন্যতম @আতাউর রহমান:

      Level 0

      @সাব্বির আলম: ভাইয়া আমি একটা ব্লগস্পট খুললাম, নাম jikoraj.blogspot.com কিন্তু মেনু কিভাবে দেব বুঝতে পারছি না। এখন ব্লগস্পট এ নতুন লুক তাই ওরকম ভাবে মেনু করা জাচ্ছে না, আশা করব সাহায্য করবেন।

Level 0

Tnx vai……khub valo hoice.

Level 0

ভাইয়া হোচ্ছেনা যে?

    কেন হবেনা ? ভালো করে টিউন পরেন । @Ranab16: @MKH Tanvir:

      @সাব্বির আলম: সফল হয়েছি আপনাকে অনেক অনেক ধন্যবাদ ভাইয়া 😀

Level 0

http://simplethinkig.blogspot.com
http://thermodynsmics.blogspot.com
http://www.youtube.com/user/SharifArefinBadhan
http://managementofadwords.blogspot.com

amr blog gulo apnader kmn lage…and kono prob ase kina and kivabe thik krbo smssa gulo…plzz ektu dekhe janale helpfull hotam….plzzzzzzzzzzz………………………

Level 0

আমি blogspot ব্লগে নতুন তাই ব্লগটা ঠিক করে সাজাইতে পারতেছিনা আমাকে কি একটু উপকার করতে পারেন।আমার সমস্যা গুলা নিন্মে দিলাম।
1. আমার সকল পোষ্ট, পোষ্টের সম্পুর্ন লেখা সহ একই Page এ পর পর আসে। আমি চাই হোম পেইজে কয়েকটা লেখার কিছু অংশ রেখেদিব এবং লেখাতে ক্লিক করলে সর্ম্পূন লেখাটা দেখাবে কিন্তু সেইটা করতে পরছিনা।
2. অন্যান্য পেইজের ক্ষেত্রেও একই অবস্থা
আমার ব্লগটা দেখতে চাইলে দেখতে পারেন হয়তো বুঝতে সুবিধা হবে তাই দিলাম।
http://ReganPatwary.blogspot.com
আমাকে কি কোন ভাবে উপকার করা যায়। আমার মেইল আইডিটাও দিলাম [email protected]
আশা করি আমাকে নিরাশ করবেন না।

ভাই টেকটিউনসের মত category বানাতে চাই।এটা কিভাবে করব।

Level 0

ভাই আপনাকে অনেক ধন্যবাদ , টিউনটি করার জন্য।

Level 0

tail কাজ করে না।

Level 0

THANXXXXXXXXXXX

মাউসের সাথে লেজের আসমান – জমিন ফারাক থাকে কেন ভাই?

Level New

আমার কাছে একটা pdf e book আছে।আমি বই টা ব্লগ এ e book আকারে share করতে চাই ।কি করব।
আমি যা যা try করছি ।
১।আমি google doc try করছি ।মন মত হয়না।
২।আমি pdf to MS word convert করছি ।MS word এ pdf এর মত image আসে ।word থেকে word কে আলাদা করতে পারিনা।কোন word কে copy/ past করতে পারিনা।এর পিছনের backgorund colour and background picture change করতে পারিনা।backgorund এ pdf e book এর লিংক দেওয়া আছে যা আমি মুছতে চাই ।Nitro Pro 7 করছিলাম ।আমি কি করব ।
৩।Nitro Pro 7 ব্যাবহার করে pdf এর image বানাইছিলাম।১৮০ পেজ এর ১৮০ image বানাইছিলাম।ব্লগ এ শেয়ার দিছি।কিন্তু আমি ইমেজ আকারে চাইনা।আমি চাই টাইপ আকারে।কি ক্রব।হেল্প মি।প্লিজ।

Level New

amr book ta bangla chilo.answer plz

Level 0

ভাইয়া আমি একটা ব্লগস্পট খুললাম, নাম jikoraj.blogspot.com কিন্তু মেনু কিভাবে দেব বুঝতে পারছি না। এখন ব্লগস্পট এ নতুন লুক তাই ওরকম ভাবে মেনু করা জাচ্ছে না, আশা করব সাহায্য করবেন।

আপনাকে বিরক্ত করার জন্য দুঃখিত। আমি blogger এ নতুন। আমি আমার blogger এ ঢোকার পর আমি কোথাও design খুঁজে পাই নি। আমাকে একটু ভালভাবে বুঝিয়ে বলবেন যে, design কোথায় খুঁজে পাব।

Level 0

আপনার পোস্ট গুলো দেখে মনে হচ্ছে, আপনিই পারবেন আমার সমস্যার সমাধান করতে। সমস্যাটা হোল- আমার একটা ব্লগ আছে। সেখানে কিভাবে যে একটা গান এড করেছিলাম মনে নেই। এখন ব্যাপারটা খুবই বিরক্তি কর হয়ে উঠেছে। যখনি ব্লগ টা খুলি, গানটা বাজতে থাকে এবং idm এর ম্যাসেজ চলে আসে গানটা ডাউনলোড করার জন্য। এটাই এখন বন্ধ করতে চাই, প্লীজ।

প্রিয় টিউনার,

আপনাকে এই চেইনটি চলমান করার জন্য অনুরোধ করা গেল। দয়া করে আপনার চেইন টিউনটি নতুন পর্ব যুক্ত করুন এবং নিয়মিত আপডেট করুন। ধন্যবাদ।

বাংলাদেশে বাড়ি বসে সহজে অর্থ উপার্জন করুন–> http://www.zimaxtube.blogspot.com