সদ্যপ্রাপ্ত
আসিতেছে...

Wednesday, February 5, 2014

ব্লগারে অটো বিস্তারিত পড়ুন যোগ করবেন কিভাবে

আওতাধীন:

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


কিভাবে যোগ করবেনঃ
  • প্রথমে আপনার ব্লগের Template এ যান।
  • Edit template এ ক্লিক করুন।
  • এবার কোডের ভিতর যে কোন জায়গায় ক্লিক করুন তারপর ctrl+f বা F3 চাপুন। 
  • এবার নিচের কোড টুকু খুজুন।
<data:post.body/>
 
  •  কোডটুকু খোজা শেষ হলে নিচের কোডটুকু দ্বারা পরিবর্তন করুন।
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&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='readmore' style='float:right'><a expr:href='data:post.url'>Read More &#187;</a></span></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>
এবার </head> ট্যাগটি খুজুন এবং এর উপরে নিচের কোডটুকু বসিয়ে দিন।

<script type='text/javascript'>
posts_no_thumb_sum = 490;
posts_thumb_sum = 400;
img_thumb_height = 150;
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 = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="float:left; margin-right: 5px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = posts_thumb_sum;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

এবার ছবিসহ হোমপেজে কতটুকু লেখা থাকবে তার জন্য ৪০০ কে আপনার পছন্দমত পরিবর্তন করুন।
ছবি বাদে পোস্টের জন্য ৪৯০
ছবির সাইজ পরিবর্তনের জন্য ১৫০ এবং ২০০ কে পরিবর্তন করুন।

ব্যস সব ঠিকঠাক পরিবর্তন হলে এবার সেভ করুন।আশা করি সব ঠিক থাকলে সফল ভাবে আপনি বিস্তারিত পড়ুন যোগ করতে পেরেছেন।


0 মন্তব্য:

Post a Comment

এখন থেকে মন্তব্যে ছবি যোগ করতে পারেন।তবে অবশ্যই সেটি ভালো মানের ছবি হতে হবে অন্যথায় মন্তব্যটি মুছে ফেলা হবে এবং মন্তব্যটি অবশ্যই লেখার সাথে সম্পৃক্ত হতে হবে।