আপনার ব্লগ অটোমেটিক Read more ফাংশন ব্যবহার করুন খুব সহজেই (ব্লগার টিউটোরিয়াল ৭)

সবাই কেমন আছেন , অনেক দিন ব্যস্ত তার জন্য টেকটিউনস আছতে পারিনি । আজ আছে দেখি অনেক সুন্দর সুন্দর টিউন্ হয়েছে । তো কথা না বারিয়ে কাজে আসা যাগ । আমি আজ যে বিষয় টা নিয়ে লিখতে বসেছি তা হয়ত অনেকেই জানেন , তবে যারা ব্লগার নতুন ব্যবহার করছেন তাদের অনেক কাজে আসবে বলে আমার মনে হয় ।

আমরা সবাই চাই ব্লগের হোম পেজটা অনেক সুন্দর থাকুক। প্রথম পেজেই যদি সম্পূর্ণ পোস্টটি থাকে তাহলে হোম পেজটা অনেক বড় হয়ে যায় এবং ব্লগটা গোছানো মনে হয় না। আর এটা আপনি খুব সহজেই করতে পারেন  automatic Read more function (ডিমো) দিয়ে।

Read more

আপনি যদি এটা পেতে চান তা হলে নিম্নের ধাপ গুলো অনুসরন করুন ।

ধাপ সমুহ :

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

Read more

  • এবার নিম্নের কোডটি fine করুন (টিপস : কোডটি না পেলে মজিলা এর এডিট অনুশন্ধান অথবা Ctrl + F অপশন ব্যবহার করুন ) ।

</head>

  • এবার নিম্নের কোডটি কপি করে , যে কোড টি খুজে বের করলেন তার নিচে পেস্ট করুন ।
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; 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> 

  • এখন  নিম্নের কোডটি fine করুন (টিপস :  কোডটি না পেলে মজিলা এর এডিট অনুশন্ধান অথবা Ctrl + F অপশন ব্যবহার করুন ) ।

<data:post.body/>

  • এবার নিম্নের কোডটি কপি করে , যে কোড টি খুজে বের করলেন তার উপর পেস্ট করুন ।
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>
  • এবার SAVE TEMPLATE ক্লিক করুন ।

জানি না টিউন টা আপনাদের কোন কাজে আসলো কিনা , তবুও সবাই কে ধন্যবাদ টিউন টা মনযোগ সহকারে পড়ার জন্য । আর টিউন টা যদি কাজে আছে বা অন্য কোন প্রশ্ন থাকে তবে অব্যশই কমেন্ট করে জানাবেন ।

টিউন সুত্র এখানে

Level 0

আমি ফাহিম রেজা বাঁধন। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 15 বছর 2 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 116 টি টিউন ও 1427 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 3 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

Domain, Hosting, WebDesign, Logo Design, SEO: http://w3solutionsbd.com


টিউনস


আরও টিউনস


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


টিউমেন্টস

সরি ভাই
আপনি মনে হয় অনেকদিন ধরে ব্লগার ব্যবহার করেন না।
এই ফিচার টা এখন ব্লগার এ এক্সট্টা কোনো কোড ছাড়াই ব্যবহার করা যায়।
বিস্তারিত এই টিউনে দেখুন https://www.techtunes.io/news/tune-id/9564/

    ভাই আমি নিয়মিত ব্লগার ব্যবহার করি , আর After the jump সম্পর্কে আমি জানি , আমার কাছে automatic Read more function টাই ভালো লাগে , তাই আপবাদের কাছে শেয়ার কললাম । 🙁

ভাই আমার একটা ব্লগ সাইট দিব তার বিনিময়ে একটা নতুন আইফেন চাই..আমার ব্লগ সাইট হলো
http://free-ngage-downloads.blogspot.com
Mobile Number 01816747330

আরকি কমু ……………………