ব্লগস্পট এ যোগ করুন অটোমেটিক Read more ফাংশন

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

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

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

1

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

2

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

/

<!-- 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


Level 0

আমি নিশাচর নাইম। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 14 বছর যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 47 টি টিউন ও 1182 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

তেমন কিছু জানি না, কিছু জানলে তা অন্যদের শিখানোর চেষ্টা করি যতটুকু সম্ভব।জ্ঞান নিজের মাঝে সীমাবদ্ধ না রেখে সবার মাঝে ছড়িয়ে দেয়াই প্রকৃত সার্থকতা।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

😆

প্রিয় তে রাখলাম। পরে কাজে দিবে।
ধন্যবাদ কর্নেল ভাই।

ভাই কাজ করেনা বিস্তারিত জানান

    ভাই আপনি ও একটু বিস্তারিত বলুন যে কোন জায়গায় আপনার সমস্যা হচ্ছে।

Level 0

কর্নেল ভাই Ctrl+f চেপে কোডটি খোজ করে পাচ্ছিনা কি করবো দয়া করে বুঝিয়ে বলবেন

    আপনার সাইট এর Expand Widget Templates এ গিয়ে খোজ করুন। HTML দিয়ে বানানো সব সাইটের অবশ্যই থাকবে।

Level 0

কর্নেল ভাই head মত এর স্কিন শটটা দিলে ভালো হতো

Level 0

ধন্যবাদ ভাই
খুশি হলাম

Level 0

এখন আরো সহজ হয়েছে কোড ছাড়াও এটা করা যায় ।

Level 0

ভাইয়া read more যোগ হইছে ।আমি এখন এটা রিমুভ করতে চাই।কিভাবে করব?বলবেন প্লীজ

    যে কোডগুলো দিলেন ওগুলো খুঁজে রিমুভ করে টেমপ্লেট সেভ করলেই হবে।

Level 0

@নিশাচর নাইম ভাই আমি দুই বার চেষ্টা করসি কিন্তু হয় না আমার মনে হয় আপনার এইচটিএমএল কোড এর কোথাও সমস্যা আছে। আমি আমার ব্লগ এ অ্যাড করসি কিন্তু হয় না আমার ব্লগ এর লিঙ্ক http://hadiuits.blogspot.com/