ব্লগার লেবেলটি সহ পোস্টগুলি দেখানো হচ্ছে৷ সকল পোস্ট দেখান
ব্লগার লেবেলটি সহ পোস্টগুলি দেখানো হচ্ছে৷ সকল পোস্ট দেখান
ব্লগে
লেখালেখি তখনি স্বার্থকতা পায় যখন পাঠক এটা পড়েন। তোমার ব্লগে খুব বেশী
পাঠক না থাকতে পারে কিন্তু সামাজিক যোগাযোগের সাইটগুলোতে অনেক পাঠক পাবে।
তুমি ইচ্ছে করলে খুব সহজে সামাজিক যোগাযোগের সাইটগুলোতে তোমার পোষ্টের লিংক শেয়ার করতে পারো।
নিচের টিউটোরিয়ালে ব্লগারে প্রতিটি পোষ্টের নিচে সামাজিক যোগাযোগ সাইট
ফেসবুকের লাইক ও শেয়ার বাটন কিভাবে যোগ করতে হয় সেটা আলোচনা করছি।
১। ব্লগার ড্যাশবোর্ডে যাও। সেটিংস -- > টেম্পলেট -- > এডিট Html প্রসিড করো।
২। এক্সপ্যান্ড উইজেট টেম্পলেটস এ ক্লিক করো।
৩। কি বোর্ড থেকে CTRL + F চেপে <data:post.body/> লেখা খুঁজে বের করো।
৪। নিচের স্ক্রিপ্টটা <data:post.body/> এর ঠিক নিচে বসিয়ে দাও। উপরেও বসাতে পারো।
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href=''
layout='button_count' send='true' show_faces='false' width='500'/>
|
৫। প্রিভিউ দেখে সেভ করো। কাজ শেষ।
প্রতিটি পোস্টের নিচে বিস্তারিত পড় অপশান যোগ করা আসলেই বিরক্তিকর একটা কাজ। আজ একটা ছোট সুন্দর ট্রিক শিখিয়ে দেব। এটা ব্যবহার করলে স্বয়ংক্রিয়ভাবে প্রতিটি পোস্টের সারাংশ (সামারি) থাম্বনেইলসহ প্রথম পাতায় প্রকাশিত হবে। তোমাকে কষ্ট করে প্রতিটি পোষ্টের ভিতর অতিরিক্ত কোন কোড ব্যবহার করতে হবে না।
১। ড্যাশবোর্ডে যাও। টেম্পলেট" --> "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>
৭। প্রিভিউ দেখে সেভ করো। কাজ শেষ।
