funnyboy: আপনার ব্লগ কে সুন্দর করে সাজান

সোমবার, ১৭ অক্টোবর, ২০১১

আপনার ব্লগ কে সুন্দর করে সাজান

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

part-1:

১. কিভাবে আপনার ব্লগ এ পেজ নাম্বার এড(add) করবেন???

আপনার ব্লগ এ sing in করে design>>>Page Elements>>>>Add a Gadget>>>HTML/JavaScript select করেন , তারপর নিচের codeটি past করন

<!-- Stylish colored  Navigation Widget For Blogger By Alamin @ <A onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://freecall24.blogspot.com']);" href="http://freecall24.blogspot.com" target=_blank>http://freecall24.blogspot.com</A> -->
  
<style type="text/css"> 
  
#blog-pager{padding:5px 0 !important;} 
  
.showpageArea {font-weight: bold;margin:5px;}/* <A onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.way2blogging.org/']);" href="http://www.way2blogging.org/" target=_blank>www.way2blogging.org</A> */ 
  
.showpageArea a {text-decoration:underline;color: #fff;}/* <A onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.way2blogging.org/']);" href="http://www.way2blogging.org/" target=_blank>www.way2blogging.org</A> */ 
  
.showpageNum a, .showpage a {color: #fff;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #f85032; background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); }/* <A onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.way2blogging.org/']);" href="http://www.way2blogging.org/" target=_blank>www.way2blogging.org</A> */ 
  
.showpageNum a:hover, .showpage a:hover {border: 1px solid #ccc; background: #aebcbf; background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); }/* <A onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.way2blogging.org/']);" href="http://www.way2blogging.org/" target=_blank>www.way2blogging.org</A> */ 
  
.showpagePoint {color: #aaaaaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); }/* <A onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.way2blogging.org/']);" href="http://www.way2blogging.org/" target=_blank>www.way2blogging.org</A> */ 
  
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* <A onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.way2blogging.org/']);" href="http://www.way2blogging.org/" target=_blank>www.way2blogging.org</A> */ 
  
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* <A onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.way2blogging.org/']);" href="http://www.way2blogging.org/" target=_blank>www.way2blogging.org</A> */ 
  
</style> 
  
<script type='text/javascript'> 
  
var home_page="/"; 
  
var urlactivepage=location.href; 
  
var postperpage=5; 
  
var numshowpage=5; 
  
var upPageWord ='Previous'; 
  
var downPageWord ='Next'; 
  
</script> 
  
<script src='http://bloggerblogwidgets.googlecode.com/files/way2blogging_bloggerpagenavi.js' type='text/javascript'></script> 
  
<!-- Stylish colored Numbered Page Navigation Widget For Blogger By Alamin @ <A onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://freecall24.blogspot.com']);" href="http://freecall24.blogspot.com" target=_blank>http://freecall24.blogspot.com</A> -->

আখন সেভ করন ।
preview a demo

২. কিভাবে সুন্দর একটি Search Box এড(add) করবেন????

আপনার ব্লগ এ sing in করে design>>>Page Elements>>>> Add a Gadget>>>HTML/JavaScript select করেন , তারপর নিচের codeটি past করন

<div> 
    <form method="get" id="searchform" action="/search"> 
        <table width="100%"> 
            <tr> 
              <td><input type="text" style="width:98%;padding:2px;" value="Search this blog..." onfocus="if (this.value == &quot;Search this blog...&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search this blog...&quot;;}" name="q" id="sbox"></td> <td width="75px"><input type="button" Value="Search" id="sbutton" alt=""></td> 
            </tr> 
        </table> 
    </form> 
</div>

preview a demo

৩. কিভাবে ব্লগ কমেন্ট বক্স এ replay to the post add করবেন।

আপনার ব্লগ এ sing in করে design>>>edit html>>>Expand Template Widgets এ টিক দিন>>>
তারপর search করন <data:commentPostedByMsg/> এবং এই কোড এর নিচে(under) নিচের কোড টি past করন

<a href='http://www.spiceupyourblog.com/'> 
    <img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhBHft3kmKAVRs2WMTDR3c9Qy8irfwN1muiDznTHeECON8zkrXfyKV3HJosl9cabGmWxZihfsqLUlVqnR26UpiZZjtvU0Xd-IGWymzluBA9RNVBpMaNt9lPXDo86OeRV5C_tm7vLQCZ56p/s1600/best+blogger+tips.png'/> 
</a> 
    <span class='comment-reply'> 
        <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=<span style="color: #ff0000;">YOUR-BLOG-ID-HERE</span>&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'> 
            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCm6Tz-0Gpg-tMjKgCiuCJ_m6dFvyccuvNideWqd29jhiWDs0-gHhjBNq4xhZq_-sIaOZCL7CeCjzlc7cP5Ih1pnS91CFXslb6vQOgeagP887w68qozmrxebhLgXynsoCO4lEPSzdR_aRd/s1600/Reply+Button+1.jpg' style='float:right;' title='Reply To This Comment'/> 
        <a> 
    </span>

লাল লেখার(YOUR-BLOG-ID-HERE) জায়গায় আপনার blogger ID লিখন...address barএ আপনারব্লগ Id টি পাবেন। তারপর SAVE TEMPLATE এ ক্লিক করন।
preview a Demo

৫. কিভাবে ব্লগ এর কমেন্ট বক্স এর design পরিবর্তন করবেন????

আপনার ব্লগ এ sing in করে design>>>edit html>>>Expand Template Widgets এ টিক দিন>>>
search করন

1	`<data:postCommentMsg/>`

এবং এই লেখাটি পরিবর্তন করন নিচের কোড টির মত

<a href='http://www.spiceupyourblog.com/'><img alt='Best Blogger Tips' src=

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhBHft3kmKAVRs2WMTDR3c9Qy8irfwN1muiDznTHeECON8zkrXfyKV3HJosl9cabGmWxZihfsqLUlVqnR26UpiZZjtvU0Xd-IGWymzluBA9RNVBpMaNt9lPXDo86OeRV5C_tm7vLQCZ56p/s1600/best+blogger+tips.png'

/></a><img alt='Comment here' border='0' src=

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4N3Z3_EBqK7QY-lrpxA-j-6GVC4CUkBP9dekAagBmgFhPa3f5N_D3w_55CpssapK1_aD8erQgHpjmBsgkAio6H0fDE-aPKXhVlw0K8B_OOfXNZypG6YCby9dp9tPfuFiYSYy5T3qwUNeS/s1600/animated+comment+arrow.gif'

/>

এখন সেভ করন।

৬. কিভাবে footer এর লেখা remove করবেন ?????

অনেক সময় ব্লগ এর নিচে লেখা থাকে copywriter By ---------এই লেখাটি remove করার জন্য আপনার ব্লগ এ sing in করে design>>>edit html>>>Expand Template Widgets এ টিক দিন>>>
তারপর search করন

1	`<!-- outside of the include in order to lock Attribution widget -->`

কোড এর নিচের <div style= থেকে </div> ডিলিট করে দিন। অথবা আপনি যদি লেখাটি পরিবর্তন করতে ছান তাহলে করতে পারেন।
preview a demo

৭. কিভাবে subscription to Atom Remove করবেন??????

আপনার ব্লগ এ sing in করে design>>>edit html>>>Expand Template Widgets এ টিক দিন>>>তারপর search করন <data:f.feedType/>
এবং এই কোড টি delete করে দিন ।
অথবা searchকরন <b:include name=’feedLinks’/> এবং এটি delete করে দিন ।
part-2:

১. কিভাবে আপনার ব্লগ এর background wallpaper পরিবর্তন করবেন?

আপনার ব্লগ এ sing in করে design>>>Edit HTML>>>তারপর search (CTRL+F) করন background তারপর নিচের ছবির মত কোনো লেখা আসবে। তারপর URL টি কপি করে আপনার browser এর new tab এ past করন। যদি আপনার ব্লগ এর background এর সাথে এই ছবিটির মিল হয় তাহলে আপনি link টি পরিবর্তন করে অন্য কোনো wallpaper এর link ব্যবহার করে আপনার ব্লগ এর background পরিবর্তন করতে পারেন। ব্লগ এ দেওয়া যায় এরকম wallpaper এর জন্য এখানে ক্লিক করন । এখন ".jpg)" এর পরে space দিয়ে লিখু no-repeat fixed right center; ।
এভাবে আপনি আপনার ব্লগ এর background পরিবর্তন করতে পারেন।

২. কিভাবে আপনার ব্লগ এর নির্দিষ্ট পোস্ট এর background পরিবর্তন করবেন??

আপনার ব্লগ এ sing in করে>>> Settings>>>Formatting থেকে Post Template এর বক্স এ নিচের কোড টি past করন ।

<div style="background:url(<span style="color: #ff0000;">LINK_OF_PICTURE</span>) no-repeat;"></div>

তারপর Posting>>>New Post থেকে আপনি যেকোনো এক টা পোস্ট লিখুন(compose) । তারপর Edit HTML এ ক্লিক করলে উপরের কোড টির মত একটি লেখা প্রথম lineএ থাকবে এবং লাল রং এর লেখাটি edit করে জেকনো একTa image এর link দিন । তারপর পোস্ট টি পাবলিশ করন এবং দেখুন পোস্ট এর background change হয়েগেছে। একটি screen shot

৩. কিভাবে old post, new post, home লেখা মুছে ইমেজ দিবেন

আপনার ব্লগ এ sing in করে design >>>edit html>>>Expand Template Widgets এ টিক দিন>>>

তারপর search করন

1	`<data:newerPageTitle/>`

এবং এই লেখাটা পরিবর্তন এই লেখায়

1	`<img` `style="border: 0 none; vertical-align: middle;"` `src="http://icons.iconarchive.com/icons/pixelmixer/basic/64/left-icon.png"` `alt=""` `/>`

তারপর search করন

1	`<data:olderPageTitle/>`

এবং এই লেখাটা পরিবর্তন ) এই লেখায়

<img style="border: 0 none; vertical-align: middle;" src=" <A onclick="

javascript:_gaq.push(['_trackEvent','outbound-article','http://icons.iconarchive.com/icons/pixelmixer/basic/64/right-icon.png"']);"

href='http://icons.iconarchive.com/icons/pixelmixer/basic/64/right-icon.png"' target=_blank>http://icons.iconarchive.com/icons/pixelmixer/basic/64/right-icon.png"</A> alt="" />

তারপর search করন

1	`<data:homeMsg/>`

এবং এই লেখাটা পরিবর্তন এই লেখায়

1	`<img` `style="border: 0 none; vertical-align: middle;"` `src="http://icons.iconarchive.com/icons/deleket/sleek-`

part-3:

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

password protect করলে পোস্ট কি রকম হয় তা দেখার জন্য এখানে ক্লিক করন।
ব্লগ এ sing in করে Design থেকে Edit HTML এ ক্লিক করুন। তারপর search (Ctrl+F) করুন ]]></b:skin>
যদি কোড টি পান তাহহলে এর নিচে এই কোড টি past করুন
 <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 করুন।

// 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;
}

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) পরিবর্তন করতে পারেন।

part-4:
ব্লগার লেবেল-এ প্রদর্শিত পোস্ট সংখ্যা নির্দিষ্ট করে দিন।
অনেকের একই বিভাগে অনেক পোস্ট থাকে। ঐ বিভাকে ক্লিক করলে সব গুলো পোস্ট একসাথে show হয়। একসাথে সকল পোস্ট show হওয়া বন্ধ করে দিন।
ব্লগ এ sing in করে Design থেকে Edit HTML এ ক্লিক করুন। তারপর টিক দিন Expand Widget Templates box. এ

তারপর search (Ctrl+F) করুন expr:href='data:label.url'
এই লেখাটি পরিবর্তন করুন এই লেখায় expr:href='data:label.url + "?max-results=6"'
6 পরিবর্তন করে আপনি যেকোনো সংখ্যা দিতে পারেন। এই ৬ হল আপনি কয়টি পোস্ট show করতে চান।

· একটি স্ক্রলিং ব্লগ শিরোনাম ও বার্তা ব্যবহার করুন ব্রাউজার ট্যাব-এ

ব্লগ এ sing in করে Design থেকে Edit HTML এ ক্লিক করুন। তারপর টিক দিন Expand Widget Templates box. এ

তারপর search (Ctrl+F) করুন <head> তারপর নিচের কোড টি <head> এর উপরে past করুন
<script type='text/javascript'>
//<![CDATA[
msg = "Name Of Blog Here - Message Here";
msg = " ....." + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

Name Of Blog Here - Message Here আপনার ব্লগ name এবং messege লিখুন।

লেভেল থেকে লেভেল মেসেজ রিমুভ করে দিন।

অনেকে সময় ব্লগ এর বিভাগে ক্লিক করলে নিচের ছবির মত লেখা দেখা জায়। এটা রিমুভ করার জন্য নিচের নিয়ম ফলও করুন।

আমার ব্লগ টি দেখতে পারেন।
ব্লগ এ sing in করে Design থেকে Edit HTML এ ক্লিক করুন। তারপর টিক দিন Expand Widget Templates box. এ তারপর search (Ctrl+F) করুন নিচের কোড গুলর মত লেখা
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
এখন এই কোড গুলো পরিবর্তন(replacing) করুন নিচের কোড গুলো তে।
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
আমার এই ব্লগ নিয়ে টিউন গুলো পড়ে আপনার একটু উপকারিত হলেই আমার ব্লগ নিয়ে টিউন সার্থক হবে।
আজ এ পর্যন্ত। ভালো থাকো ব্লগার বন্ধরা সবসময়।
পরবর্তী পোস্ট পরীক্ষার পর করা হবে। ১০ তারিখ আমার টেস্ট পরীক্ষা ।
সেই পর্যন্ত অপেক্ষা কর ব্লগার বন্ধরা। আর যদি সময় পাই তাহলে পরীক্ষার আগে আর একটা পোস্ট করতে পারি।
bye bye.

part-5:

আপনার ব্লগা এ ফ্লাশ মেনু/লেভেল যুক্ত করুন (ব্লগার টিটোরিয়াল ৫)

টিউন করেছেন : ফাহিম রেজা বাঁধন | প্রকাশিত হয়েছে : 29 January, 2010 on 9:34 pm | 585 বার দেখা হয়েছে | Favorite

সবাই কেমন আছেন । গতকাল আমি আমার ওয়েব সাইট নিয়ে টিউন করেছিলাম । কয় একজন আমার সাইট দেখে একটি বিষয় সম্পর্কে জানতে চেয়েছে , তা হল আমার Browse by Categories অপশন টা কিভাবে করলাম । নিচে চিত্রে দেখুন ।

আসলে এটা করা কোন কঠিন কাজ না , খুব সহজেই আপনি এটা করতে পারেন।নিম্নে ধাপে ধাপে লেখা হল।

১ম ধাপ

আপনি আপনার ব্লগ এ লগইন করুন । তারপর Layout > Edit HTML

২য় ধাপ

এবার আপনি নিচে দেয়া কোড টি বেড় করুন। কোড টি খুঝে না পেলে মজিলা Edit > Find অপশন ব্যবহার করুন ।

<b:section class='sidebar' id='sidebar' preferred='yes'>

৩য় ধাপ

কোড টি পেলে নিম্নে দেয়া HTML কোড টি কপি করেন , এবার যেকোড টি খুজে পেলেন তার নিচে পেস্ট করুন। ব্যস কাজ শেষ এবার টেমপ্লেট সেভ করুন।

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" >
<param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
</tags>" />
<p>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></p>
</object>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

width এবং height ও কালার পরিবর্তন

আপনি ইচ্ছা করলেই width এবং height বাড়াতে পারেন আবার কমাতে পারেন । তাসারা আপনি আপনার লেখের রঙ ও পরিবর্তন করতে পারেন ।এখানে আমি লাল রঙ দিয়েছি । আপনাদের সবিধার জন্য নিচে আমি একটি html color codes এর লিস্ট দিলাম , এটা সেভ করে রাখিয়ে অনেক কাজে আসবে।

FFF
FFF

CCC
CCC

999
999

666
666

333
333

000
000

FFC
C00

FF9
900

FF6
600

FF3
300

99C
C00

CC9
900

FFC
C33

FFC
C66

FF9
966

FF6
633

CC3
300

CC0
033

CCF
F00

CCF
F33

333
300

666
600

999
900

CCC
C00

FFF
F00

CC9
933

CC6
633

330
000

660
000

990
000

CC0
000

FF0
000

FF3
366

FF0
033

99F
F00

CCF
F66

99C
C33

666
633

999
933

CCC
C33

FFF
F33

996
600

993
300

663
333

993
333

CC3
333

FF3
333

CC3
366

FF6
699

FF0
066

66F
F00

99F
F66

66C
C33

669
900

999
966

CCC
C66

FFF
F66

996
633

663
300

996
666

CC6
666

FF6
666

990
033

CC3
399

FF6
6CC

FF0
099

33F
F00

66F
F33

339
900

66C
C00

99F
F33

CCC
C99

FFF
F99

CC9
966

CC6
600

CC9
999

FF9
999

FF3
399

CC0
066

990
066

FF3
3CC

FF0
0CC

00C
C00

33C
C00

336
600

669
933

99C
C66

CCF
F99

FFF
FCC

FFC
C99

FF9
933

FFC
CCC

FF9
9CC

CC6
699

993
366

660
033

CC0
099

330
033

33C
C33

66C
C66

00F
F00

33F
F33

66F
F66

99F
F99

CCF
FCC

CC9
9CC

996
699

993
399

990
099

663
366

660
066

006
600

336
633

009
900

339
933

669
966

99C
C99

FFC
CFF

FF9
9FF

FF6
6FF

FF3
3FF

FF0
0FF

CC6
6CC

CC3
3CC

003
300

00C
C33

006
633

339
966

66C
C99

99F
FCC

CCF
FFF

339
9FF

99C
CFF

CCC
CFF

CC9
9FF

996
6CC

663
399

330
066

990
0CC

CC0
0CC

00F
F33

33F
F66

009
933

00C
C66

33F
F99

99F
FFF

99C
CCC

006
6CC

669
9CC

999
9FF

999
9CC

993
3FF

660
0CC

660
099

CC3
3FF

CC0
0FF

00F
F66

66F
F99

33C
C66

009
966

66F
FFF

66C
CCC

669
999

003
366

336
699

666
6FF

666
6CC

666
699

330
099

993
3CC

CC6
6FF

990
0FF

00F
F99

66F
FCC

33C
C99

33F
FFF

33C
CCC

339
999

336
666

006
699

003
399

333
3FF

333
3CC

333
399

333
366

663
3CC

996
6FF

660
0FF

00F
FCC

33F
FCC

00F
FFF

00C
CCC

009
999

006
666

003
333

339
9CC

336
6CC

000
0FF

000
0CC

000
099

000
066

000
033

663
3FF

330
0FF

00C
C99

009
9CC

33C
CFF

66C
CFF

669
9FF

336
6FF

003
3CC

330
0CC

00C
CFF

009
9FF

006
6FF

003
3FF

funnyboy

জনপ্রিয় পোস্টসমূহ

সোমবার, ১৭ অক্টোবর, ২০১১

আপনার ব্লগ কে সুন্দর করে সাজান

part-1:

১. কিভাবে আপনার ব্লগ এ পেজ নাম্বার এড(add) করবেন???

২. কিভাবে সুন্দর একটি Search Box এড(add) করবেন????

৩. কিভাবে ব্লগ কমেন্ট বক্স এ replay to the post add করবেন।

৫. কিভাবে ব্লগ এর কমেন্ট বক্স এর design পরিবর্তন করবেন????

৬. কিভাবে footer এর লেখা remove করবেন ?????

৭. কিভাবে subscription to Atom Remove করবেন??????

১. কিভাবে আপনার ব্লগ এর background wallpaper পরিবর্তন করবেন?

২. কিভাবে আপনার ব্লগ এর নির্দিষ্ট পোস্ট এর background পরিবর্তন করবেন??

৩. কিভাবে old post, new post, home লেখা মুছে ইমেজ দিবেন

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

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

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

· একটি স্ক্রলিং ব্লগ শিরোনাম ও বার্তা ব্যবহার করুন ব্রাউজার ট্যাব-এ

লেভেল থেকে লেভেল মেসেজ রিমুভ করে দিন।

আপনার ব্লগা এ ফ্লাশ মেনু/লেভেল যুক্ত করুন (ব্লগার টিটোরিয়াল ৫)

১ম ধাপ

২য় ধাপ

<b:section class='sidebar' id='sidebar' preferred='yes'>

৩য় ধাপ

width এবং height ও কালার পরিবর্তন

কোন মন্তব্য নেই:

একটি মন্তব্য পোস্ট করুন

জনপ্রিয় পোস্টসমূহ

সোমবার, ১৭ অক্টোবর, ২০১১

আপনার ব্লগ কে সুন্দর করে সাজান

part-1:

১. কিভাবে আপনার ব্লগ এ পেজ নাম্বার এড(add) করবেন???

২. কিভাবে সুন্দর একটি Search Box এড(add) করবেন????

৩. কিভাবে ব্লগ কমেন্ট বক্স এ replay to the post add করবেন।

৫. কিভাবে ব্লগ এর কমেন্ট বক্স এর design পরিবর্তন করবেন????

৬. কিভাবে footer এর লেখা remove করবেন ?????

৭. কিভাবে subscription to Atom Remove করবেন??????

১. কিভাবে আপনার ব্লগ এর background wallpaper পরিবর্তন করবেন?

২. কিভাবে আপনার ব্লগ এর নির্দিষ্ট পোস্ট এর background পরিবর্তন করবেন??

৩. কিভাবে old post, new post, home লেখা মুছে ইমেজ দিবেন

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

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

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

· একটি স্ক্রলিং ব্লগ শিরোনাম ও বার্তা ​​ব্যবহার করুন ব্রাউজার ট্যাব-এ

লেভেল থেকে লেভেল মেসেজ রিমুভ করে দিন।

আপনার ব্লগা এ ফ্লাশ মেনু/লেভেল যুক্ত করুন (ব্লগার টিটোরিয়াল ৫)

১ম ধাপ

২য় ধাপ

<b:section class='sidebar' id='sidebar' preferred='yes'>

৩য় ধাপ

width এবং height ও কালার পরিবর্তন

কোন মন্তব্য নেই:

একটি মন্তব্য পোস্ট করুন

· একটি স্ক্রলিং ব্লগ শিরোনাম ও বার্তা ব্যবহার করুন ব্রাউজার ট্যাব-এ