p

Wednesday, 26 October 2011

ব্লগারের জন্য Read More….. Or Keep Reading…. হ্যাক + আপনার ওয়েব সাইটের জন্য চ্যাট এর ব্যাবস্তা করুন Banckle Live Chat

আপনাদের মধ্যে যারা এ পরযন্ত 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 == &quot;static_page&quot;'><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>

কাজ শেস।এখন সেভ করুন আর পরিবরতন্টা দেখুন।