আপনার ব্লগ কে সুন্দর করে সাজান (মেগা টিউন) [পর্ব-৩]

আসসালামু আলাইকুম, কেমন আছেন সবাই ? আশা করি মহান আল্লাহ তায়ালার অশেষ রহমতে সবাই ভাল আছেন। আজ আমি আপানদের সাথে  blog design কিভাবে সুন্দর করতে হয় তা নিয়ে লিখব।

পর্ব -১ এর  টিউন টি দেখার জন্য এখানে ক্লিক করুন (মেগা টিউন)

পর্ব -২ এর টিউন টি দেখার জন্য এখানে ক্লিক করুন

পর্ব -৩ এর টিউন টি দেখার জন্য এখানে ক্লিক করুন ( মেগা টিউন)

পর্ব -৪ এর টিউন টি দেখার জন্য এখানে ক্লিক করুন

পর্ব -৫ এর টিউন টি দেখার জন্য এখানে ক্লিক করুন  (মেগা টিউন) [এ পর্বটা মিস করবেন না]

পর্ব -৬ এর টিউন টি দেখার জন্য এখানে ক্লিক করুন  (গেমা টিউন)

পর্ব -৭ এর টিউন টি দেখার জন্য এখানে ক্লিক করুন ( মেগা টিউন)

পর্ব -৮এর টিউন টি দেখার জন্য এখানে ক্লিক করুন

পর্ব -৯এর টিউন টি দেখার জন্য এখানে ক্লিক করুন

১ এবং ৫ নং টিউন টি মিস করবেন না।

  • ১ আপনার ব্লগ এর যেকোনো পোস্ট কে password protect করে রাখুন ।

password protect করলে পোস্ট কি রকম হয় তা দেখার জন্য এখানে ক্লিক করন

ব্লগ এ sing in করে Design থেকে Edit HTML এ ক্লিক  করুন। তারপর search (Ctrl+F) করুন  ]]></b:skin>

যদি কোড টি পান তাহহলে এর নিচে এই কোড টি past করুন

<!--Mir Alamin PASSWORD PROTECT CODE --> <script type="text/javascript" src="http://www.vincentcheung.ca/jsencryption/jsencryption.js"></script>

এখন আসি কিভাবে password protect করবেন?

আপনি নতুন এক টা পোস্ট লিখুন(compose) . post টি লেখা শেষ হলে Edit HTML এ click করুন । এবং এখন edit html থেকে সব copy করুন। তারপর এই খানে যান  । এখন প্রথম box এ(Key) আপনার পোস্ট এ যে password দিতে চান তা লিখুন। দ্বিতীয় box এ (Plain Text) আপনার পোস্ট থেকে copy করা HTML code টি past করুন। তারপর encrypt এ ক্লিক করুন । তারপর শেষ box-এর(HTML Code) কোড টি copy করুন। এখন আপনার ব্লগ এ ফিরে যান । তারপর new post এ যান। পোস্ট এর title দিন। তারপর edit HTML এ ক্লিক করুন । তারপর শেষ box থেকে copy করা code গুলো past করে দিন । এখন পোস্ট টি publish করন ।  এখন পোস্ট টি দেখেন ।

  • ২আপনার ব্লগ Animated Favicon যোগ (Add) করন ।

প্রথম এখানে  ক্লিক করুন

নিচের ছবির মত file upload করুন।

এখন scrolling text এ আপনি যে লেখা দিতে চান তা লিখুন। তারপর generate favicon এ ক্লিক করুন। তারপর নিচের ছবির মত আসবে । এখন দ্বিতীয় টি save image as এ ক্লিক করে save করুন। তারপর এই file টি কোনো file hosting server এ upload করুন।

see a demo

এখন ব্লগ এ sing in করে Design থেকে Edit HTML এ ক্লিক  করুন। তারপর search (Ctrl+F) করুন <b:skin> তারপর এই কোড টির উপরে নিচের কোড টি past করুন।

<link href='ADD YOUR FAVICON LINK HERE' rel='icon' type='image/gif'/>

(ADD YOUR FAVICON LINK HERE) লেখাটি তে আপনার favicon এর URL টি past করুন। এখন save template এ ক্লিক করে save করুন।

  •  ৩ আপনার ব্লগ এ mouse cursor এর সাথে Text যোগ (add) করুন।

see a demo

add a gadget থেকে HTML/JavaScript নির্বাচন করুন তারপর নিচের কোড টি past করুন।

<script language="javascript">

// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.
var text='I Love You';

var delay=40; // 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=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml='<font color="#cc3300"><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 left="0" top="-100" width="'+txtw+'" name="txt'+i+'" 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>

লাল লেখাটি(I Love You) পরিবর্তন করতে পারেন।

আজ এ পর্যন্ত। ভালো থাকবেন সবসময়।

ভালো লাগলে জানাতে ভুলবেন না ।

Level 0

আমি Dz-MiR। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 13 বছর 2 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 16 টি টিউন ও 220 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


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


টিউমেন্টস

Level 0

ভাই, কোনো পোষ্ট যতটা উচিত গুছিয়ে, ছবি দিয়ে ভালোভাবে টিউন না করলে শিরোনামের পরে মেগা কেন, টেরা টিউন লিখলেও পোষ্টটা তেমন কারো ভাল্লাগবে না। কিছু মনে করবেন না আশা করি।

    Level 0

    @MITHU: কেন ভাই আপনি কি ছবি দেখতে পান না or “see demo দেখতে পান না”? আপনি অন্ধ নাকি? এরকম অন্ধ হয়ে কমেন্ট করবেন না please…next time প্রথম পোস্ট টা দেখেন তারপর comment করবেন। ok!!!

      Level 0

      @X’Man:
      আপনার পোস্ট এর বিষয় ভাল ছিল কিন্ত আপনি গুছিয়ে লিখতে পারেননি। আপনার পোস্ট এর মধে কোন ছবি দেখা যায় না। আর সমালোচনা সহ্য করতে শিখুন। যতই সমালোচনা সহ্য করতে পারবেন ততোই ব্যাক্তি জীবনে বড় হতে পারবেন। MITHU: ভাই টেকটিউনস এ ও বিজ্ঞান প্রযুক্তি ব্লগ এ যে পরিমান ও যে মানের পোস্ট দিয়েছে তা আপনি একটু কষ্ট করে দেখুন। তাহলে আপনি এভাবে মিঠু ভাইকে কিছু বলার সাহস পেতেন না। কিছু পারুন আর না পারুন ভদ্রতা শিখুন। মিঠু ভাইয়ের মন্তব্যের শেশে কিন্তু উল্যেখ করে দিয়েছে ” কিছু মনে করবেন না আশা করি।” আর আপনার বলার ভাষাটা দেখুন।

      Level 0

      @MITHU: sorry vaiya. pls amake khoma korben.ami chobi add korchi but apnara dekhte parchen na.

Level 0

nice post.

Level 0

মেন্যুবার বানাতে পারি না আমাকে বুঝিয়ে বলুন

ভাই দয়া করে জানাবেন কী? বেশী পরিমাণ JAVA SCRIPT ব্যাবহার করলে PAGE লোড হতে তো বেশী সময় লাগে?
তাই সকল JAVA SCRIPT কি এমন ভাবে ব্যাবহার করা যায়? যাতে করে এটা PAGE লোড হতে বেশী সময় নিবে না?

কিছু মনে করবেন না , জিনিস গুলো বুঝতে পারছি না । আমি নতুন । ছবি দিলে ভালো হতো ।

https://www.techtunes.io/how-to/tune-id/82632/ এখানে আগে প্রকাশিত । পুরা কপি পেস্ট

    Level 0

    @Shemul49rmc: ri8…Dont_Hit_The_Kid এই user name টা আমার ই। ঐ account থেকে আমি এখন কোনো পোস্ট করতে পারি না। তাই এই account টা open করছি। ok.

আপনি ছবি দিছেন বুঝা যাচ্ছে কিন্তু পোষ্টে দেখা যাইতেছেনা ইহাও সত্যি।
যাহোক টিউন্টি ভাল ছিল আরো গুছিয়ে প্রকাশ করলে ভাল হইত তারপরও বলব টউনটি ভালই হইছে ধন্যবাদ শেয়ার করার জন্য।

    Level 0

    @Shemul49rmc: @আতাউর রহমান: আমার মনে হয় টেকটিউনস থেকে আমার ছবি গুলো ডিলিট করা হয়েছে। তাই ছবি গুলো দেখা যাচ্ছে না। এ জন্য আমি অনেক দুঃক্ষিত । আমার অন্য টিউন গুলো দেখলে আগুলো কিভাবে অ্যাড করতে হয় তা বুজতে পারবেন বলে আশা করছি।

vi ৩ আপনার ব্লগ এ mouse cursor এর সাথে Text যোগ (add) করুন। ami ata add kora si amar site a,but likha gulo mouser thaka onak dura asamani ak site a thik mouse ar pasai dhaka silam ,mplz kivaba mouse ar pasa ana jay aktu help korban plz,wait a asi

    @আমি কে?: vai ata hoy Template ar jonno. apni 9 porbo er tune ta poren tarpor template setup koren tarpor ai tune ta theke mouse ar shatheke template add koren.
    apnake onek dhonnobad.

accha, mouse pointer er sathe lekha add korte chaina, kintu pointer ta change korte chai. kivabe parbo, bolben ?