আসসালামুয়ালাইকুম।কেমন আছেন আপনারা? আশাকরি ভাল।

কিছুদিন আগে ফাহিম রেজা বাঁধন ভাই এর একটা পোস্টে তিনি   অটোমেটিক Read more ফাংশন নিয়ে একটা টিউন করেছিলেন। উনার দেয়া কোড অনুসারে  অটোমেটিক Read more শুধুমাত্র পোস্ট এর উপর কাজ করে কিন্তু পেইজ এর উপর কাজ করেনা।বিষয়টা নিয়ে পড়লাম ভেজালে।উনাকে জিজ্ঞাসা করেছিলাম আর উনি বলেছিলেন আমার কোড কপি করাতে মনে হয় ভুল ছিল।কিন্তু প্রায় ১০ চেস্টা করেও না পেরে গুগল মামার কাছে সার্চ দিলাম।পেয়েও গেলাম।আপনাদের সাথে শেয়ার করলাম।

• প্রথমে আপনার ব্লগের Dashboard থেকে Design এ যান।
• এরপর Edit HTML এ গিয়ে Expand Widget Templates এ মার্ক করুন।

• Templates এ </head> খোজ করুন (না পেলে Ctrl+f চেপে খোজ করুন)।

• নিচের কোডগুলো যে কোডটি খুজে বের করলেন তার নিচে পেস্ট করুন।

/

<!-- Auto read more script Start -->

<script type='text/javascript'>

var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnail

summary_noimg = 430; //summary length when no image

summary_img = 340; //summary length when with image

img_thumb_height = 200;

img_thumb_width = 200;

</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(thumbnail_mode == "yes") {

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>

<!-- Auto read more script End -->

• এবার <data:post.body/> কোডটি খোজ করুন(না পেলে Ctrl+f চেপে খোজ করুন)।

• নিচের কোডগুলো, যে কোডটি খুজে পেলেন  সেটির উপর পেস্ট করুন।

<!-- Auto read more Start -->

<!-- http://www.BloggerSentral.com -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>

<b:else/>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<data:post.body/>

<b:else/>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<br><a class='more' expr:href='data:post.url'>Read more ...</a></br>

</b:if>

</b:if>

<!-- Auto read more End -->

কাজ শেষ।

এবার  SAVE TEMPLATE দিয়ে বের হয়ে আসুন।

ডেমো দেখুন এইখানে।

তথ্যসুত্র ঃ http://www.bloggersentral.com