প্রতিটি পোস্টের নিচে বিস্তারিত পড় অপশান যোগ করা আসলেই বিরক্তিকর একটা কাজ। আজ একটা ছোট সুন্দর ট্রিক শিখিয়ে দেব। এটা ব্যবহার করলে স্বয়ংক্রিয়ভাবে প্রতিটি পোস্টের সারাংশ (সামারি) থাম্বনেইলসহ প্রথম পাতায় প্রকাশিত হবে। তোমাকে কষ্ট করে প্রতিটি পোষ্টের ভিতর অতিরিক্ত কোন কোড ব্যবহার করতে হবে না।
১। ড্যাশবোর্ডে যাও। টেম্পলেট" --> "Edit HTML" এ যাও।
২। "Expand Widget Templates" এ ক্লিক করো।
৩। স্ক্রল করে </head> ট্যাগ এ যাও।
৪। নিচের স্ক্রিপ্টটা </head> এর আগে বসিয়ে দাও।
নোটঃ তুমি নিচের মানগুলো (ভ্যালু) পছন্দমত পরিবর্তন করে দিতে পারবে।
summary_noimg : যখন কোন ছবি থাকবে না তখন কতটি অক্ষর দেখাবে।
summary_img : যখন কোন ছবি থাকবে তখন কতটি অক্ষর দেখাবে।
img_thumb_height : পোস্ট থাম্বনেইল এর উচ্চতা।
img_thumb_width : পোস্ট থাম্বনেইল এর প্রশস্ততা।
৫। এবার স্ক্রল করে নিচের কোডটা খুঁজে বের করো।
৬। নিচের স্ক্রিপ্টটা দিয়ে উপরের কোডটা রিপ্লেস করে দাও।
৭। প্রিভিউ দেখে সেভ করো। কাজ শেষ।
১। ড্যাশবোর্ডে যাও। টেম্পলেট" --> "Edit HTML" এ যাও।
২। "Expand Widget Templates" এ ক্লিক করো।
৩। স্ক্রল করে </head> ট্যাগ এ যাও।
৪। নিচের স্ক্রিপ্টটা </head> এর আগে বসিয়ে দাও।
<script
type='text/javascript'>
summary_noimg
= 250;
summary_img
= 200;
img_thumb_height
= 150;
img_thumb_width
= 150;
</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>
নোটঃ তুমি নিচের মানগুলো (ভ্যালু) পছন্দমত পরিবর্তন করে দিতে পারবে।
summary_noimg : যখন কোন ছবি থাকবে না তখন কতটি অক্ষর দেখাবে।
summary_img : যখন কোন ছবি থাকবে তখন কতটি অক্ষর দেখাবে।
img_thumb_height : পোস্ট থাম্বনেইল এর উচ্চতা।
img_thumb_width : পোস্ট থাম্বনেইল এর প্রশস্ততা।
৫। এবার স্ক্রল করে নিচের কোডটা খুঁজে বের করো।
<data:post.body/>
<b:if cond='data:blog.pageType != "static_page"'>
<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>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div style='float:right;margin-right:10px;margin-top:5px;'>
<a expr:href='data:post.url'> বিস্তারিত অংশ → </a>
</div>
</b:if>
</b:if>
৭। প্রিভিউ দেখে সেভ করো। কাজ শেষ।
0 মন্তব্য:
একটি মন্তব্য পোস্ট করুন