রিসেন্ট পোস্ট ব্যাবহার করা হয় আপনার সাইটের সদ্য প্রকাশ হওয়া পোস্ট গুলো ভিজিটরের সামনে তুলে ধরার জন্য।এর মাধ্যমে একদিকে যেমন ভিজিটরের আপনার সদ্য আপডেট গুলো দেখা সুবিধা হয় অন্য দিকে আপনার বাউন্স রেট কমাতে সাহায্য করে।
এতদিন আমরা যা রিসেন্ট পোস্ট ব্যাবহার করে আসছি তা হল আপনার ফীড পোস্টে যে ভাবে পোস্টগুলো সাজানো থাকে রিসেন্ট পোস্টে সে ভাবে পোস্ট আসতে থাকে।আজ আমরা দেখব একটা নিদৃষ্ট লেবেল থেকে কিভাবে রিসেন্ট পোস্ট দেখানো যায়।আপনার সকল ভিজিটর নিশ্চয় একই লেবেলের পোস্টগুলো পছন্দ করে না। তাই রিসেন্ট পোস্ট গুলো আলাদা আলাদা লেবেল অনুযায়ী দেখালে আপনার পেজ ভিউ বাড়বে বলে আশা করা যায়।
এই উইডগেট আপনার ব্লগারে যোগ করার জন্য প্রথমে টেমপ্লেট অপেন করুন এবং edit html>proceed
crt+f এর সাহায্যে নিচের কোডটা খুজে বের করুন
]]></b:skin>নিচের কোডটা উপরের কোডের আগে বা উপরে দিন
/*** Recent Labels Gadget Css ***/
img.label_thumb{
float:left;
padding:5px;
border:1px solid #8f8f8f;
background:#D2D0D0;
margin-right:10px;
height:55px;
width:55px;
}
img.label_thumb:hover{
background:#f7f6f6;
}
.label_with_thumbs {
float: left;
width: 100%;
min-height: 70px;
margin: 0px 10px 2px 0px;
adding: 0;
}
ul.label_with_thumbs li {
padding:8px 0;
min-height:65px;
margin-bottom:10px;
}
.label_with_thumbs a {}
.label_with_thumbs strong {}
আবার নিচের কোড টা খুজে বের করুন
</head>নিচের কোডটা উপরের কোডের আগে বা উপরে দিন
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizcMOYkqr7EdAgql_KVTiO_1h5IJvW4ER3jY5VycSYly9VArZ3b3APQTmT5B9STBmtyCEamAazYxQdEgu3U9qbZ6jvlzTt7zOXE4ZU7Pg0rgJhIvzgyWdab9OoiVVBMwI42OPZAImXK3Mi/';}
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)
document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}
else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}
var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{if(flag==1){towrite=towrite+' | ';}
if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}
document.write(towrite);document.write('</li>');if(displayseparator==true)
if(i!=(numposts-1))
document.write('');}document.write('</ul>');}
//]]>
</script>
টেমপ্লেট সেভ করে বের হয়ে আসুন।
এবার লে আউট এ যান এবং একটা নতুন গ্যাজেট যুক্ত করুন এবং নিচের কোড টা গ্যাজেটের মধ্যে দিয়ে সেভ দিন।
<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>
<script type="text/javascript" src="/feeds/posts/default/-/LABEL?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
পরিবর্তনঃ
LABEL এর জায়গায় আপনি যে লেবেল থেকে পোস্ট দেখাতে চান সেই লেবেলার নাম দিন।সবচেয়ে সহজ উপায় হল ,আপনি যে লেবেল হতে দেখাতে চান তা একটা নতুন উইন্ডোতে অপেন করুন।এড্রেস বারে এড্রেসের শেষ অংশ টুকু আপনার লেবেল নেম।যেমন,আমাদের সাইটের "খবর" লেবেল হতে যদি দেখাতে চায় তাহলে
numposts=3 এটা 3 এর বদলে যে কয়টা পোস্ট দেখাতে চান তা দিতে পারেন।
আশা করি উইডগেট টি আপনাদের ভাল লেগেছে।
ধন্যবাদ।
0 মন্তব্য(গুলি):
একটি মন্তব্য পোস্ট করুন