আপনাদের মধ্যে যারা এ পরযন্ত blogging করেননি তারা একটু হাত তুলুন।আমি যানি হাত উঠবে না।blogging এ পরযন্ত কম বেশি সবাই করেছেন।blogger এ সাধারণ্রত full control আমাদেন হাতে থাকে না।কিন্তু তাও আমারা যতটুকু পারি একে নেজের মত করে সাজাতে চাই।সব ব্লগারেই একটি সাধারণ বা common problem দেখা যায়।এ পরযন্ত আমি যত গুলু ব্লগ visit করেছি তার ৯৮ ভাগেই এটি দেখা গেছে।ধরুন আপনি মোট ৫০ টী ব্লগ লিখেছেন।।এখন আপনি আপনার ব্লগে ঠুকলেই সেই ৫০ টি পোস্ট একসাথে লোড হবে।যদিও এটী settings থেকে কন্ট্রোল করা যায়।সেখানে কতটি পোস্ট লোড হবে সেটী সেট করে দিতে পারবেন।তাহলে শুধু ততটি পোস্ট ই লোড হবে।কিন্তু যদি এরকম হত প্রতিটা পেজে ১০-২০ পোস্টের হেডলাইন+তাদের সামান্য কিছু description + তাদের একটি একটি ইমেজ।টেকটীউন্সের মত।না বুযলে previw দেখুন বাংলাদেশ টেক জোন। এ ধরনের সুবিধা অনেক টেম্পলেটে পেতে পারেন কিন্তু ধরুন একটি template আপ্ননার পছন্দ হয়েছে কিন্তু সেখানে এই সুবিধাটি নেই তখন আপনি এই ট্রিক্স এর সাহায্যে আপনার পছন্দ ধরে রাখতে পারবেন।
তো কিভাবে করবেন এটি।At first GO To Layout > Edit HTML in your Blogger dashboard and check the "expand widget templates" box
তারপর CTR+F চাপুন।তারপর এই কোডটী খুজুন </head>
ঠিক </head> এর আগে cursor বসিয়ে নিচের কোডটি পেস্ট করে দিন...।।
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
এবার <data:post.body/> এই কোডটি একই নিয়মে খুজুন।খুজে পেলে <data:post.body/> এই কোডটী সেলেক্ট করে নিচের কোডটি দারা replace করুন...।
<b:if cond='data:blog.pageType == "static_page"'><br/>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more "<data:post.title/>"</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</b:if>
কাজ শেস।এখন সেভ করুন আর পরিবরতন্টা দেখুন।
আপনি চাইলে আপনার blogger এর জন্য সুন্দর সুন্দর blogger template ডাউনলোড করতে পারেন।googling করলেই পেয়ে যাবেন অনেকগুলু।আমার ওয়েব সাইটে অনেকগুলু সুন্দর সুন্দর blogger template কালেকশন করা আছে।সেখান থেকেও চয়েচ করেতে পারেন।
আপনার ব্লগার টেম্পলেট এর জন্য ভিজিট করুনঃ
আর পারলে একবার আমার ওয়েব সাইটটি ঘুরে আসবেন।ধন্যবাদ BD TECH ZONE
Add Banckle Live Chat to Blogger
পরবরতী টিঊনে এটির বাংলা লেখা হবে।সহজ ইংরেজি ভাসায় লেখা।আপনি class 5 পরযন্ত পড়লেই এটি পড়তে আপনার কোণো সমস্যা হবে না।আগে একবার ট্রাই করে দেখুন...
