আসসালামু আলাইকুম, কেমন আছেন সবাই ? আশা করি মহান আল্লাহ তায়ালার অশেষ রহমতে সবাই ভাল আছেন। আজ আমি আপানদের সাথে  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) পরিবর্তন করতে পারেন।

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

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