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

10
646

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

ব্লগ নিয়ে ধারাবাহিক পর্বের এটা ৩ পর্ব।

Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

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

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

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

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

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

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

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

  • ১ আপনার ব্লগ এর যেকোনো পোস্ট কে 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) পরিবর্তন করতে পারেন।

ভালো থাকবেন সবসময়।

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

টিউনারপেজের নতুন টিউন আপনাকে ইমেইল করব?
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

10 মন্তব্য

একটি উত্তর ত্যাগ

Please enter your comment!
Please enter your name here

2 × five =