আসসালামু আলাইকুম, কেমন আছেন সবাই ? আশা করি মহান আল্লাহ তায়ালার অশেষ রহমতে সবাই ভাল আছেন। আজ আমি আপানদের সাথে blog design কিভাবে সুন্দর করতে হয় তা নিয়ে লিখব।
পর্ব -১ এর টিউন টি দেখার জন্য এখানে ক্লিক করুন (মেগা টিউন)
পর্ব -২ এর টিউন টি দেখার জন্য এখানে ক্লিক করুন
পর্ব -৩ এর টিউন টি দেখার জন্য এখানে ক্লিক করুন ( মেগা টিউন)
পর্ব -৪ এর টিউন টি দেখার জন্য এখানে ক্লিক করুন
পর্ব -৫ এর টিউন টি দেখার জন্য এখানে ক্লিক করুন (মেগা টিউন) [এ পর্বটা মিস করবেন না]
পর্ব -৬ এর টিউন টি দেখার জন্য এখানে ক্লিক করুন (গেমা টিউন)
পর্ব -৭ এর টিউন টি দেখার জন্য এখানে ক্লিক করুন ( মেগা টিউন)
পর্ব -৮এর টিউন টি দেখার জন্য এখানে ক্লিক করুন
পর্ব -৯এর টিউন টি দেখার জন্য এখানে ক্লিক করুন
১ এবং ৫ নং টিউন টি মিস করবেন না।
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 করন । এখন পোস্ট টি দেখেন ।
প্রথম এখানে ক্লিক করুন
নিচের ছবির মত file upload করুন।
এখন scrolling text এ আপনি যে লেখা দিতে চান তা লিখুন। তারপর generate favicon এ ক্লিক করুন। তারপর নিচের ছবির মত আসবে । এখন দ্বিতীয় টি save image as এ ক্লিক করে save করুন। তারপর এই file টি কোনো file hosting server এ upload করুন।
এখন ব্লগ এ 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 করুন।
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) পরিবর্তন করতে পারেন।
আজ এ পর্যন্ত। ভালো থাকবেন সবসময়।
ভালো লাগলে জানাতে ভুলবেন না ।
আমি Dz-MiR। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 13 বছর 2 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 16 টি টিউন ও 220 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
ভাই, কোনো পোষ্ট যতটা উচিত গুছিয়ে, ছবি দিয়ে ভালোভাবে টিউন না করলে শিরোনামের পরে মেগা কেন, টেরা টিউন লিখলেও পোষ্টটা তেমন কারো ভাল্লাগবে না। কিছু মনে করবেন না আশা করি।