আপনার ব্লগে লাগিয়ে নিন একটি অসাধারণ মোস্ট কমেন্টেড পোস্টস উইগেট

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

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

 

তো চলুন দেখে নিন কিভাবে এই উইগেটটি আপনি আপনার ব্লগে যুক্ত করবেন......

<div id="most-comments"></div>
<style scoped='' type='text/css'>
#most-comments li,#most-comments ul,#most-comments ul li{margin:0;list-style:none;color:#444;font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px}#most-comments ul li{position:relative;overflow:hidden;background:#fff;margin:3.5px 0;padding:7px 10px 7px 50px;white-space:nowrap;text-overflow:ellipsis;box-shadow:inset 0 0 #fc4f3f;border:1px solid #e6e6e6;transition:all .6s}#most-comments ul li:hover{box-shadow:inset 310px 0 #fc4f3f}#most-comments ul li a{color:#444;font-weight:700;text-decoration:none;transition:all .3s}#most-comments ul li a:hover,#most-comments ul li:hover a{color:#fff}.count-most{position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:7px 0;background-color:#383838;color:#fff!important;text-align:center;transition:all .3s}#most-comments ul li:hover .count-most{background-color:#fc4f3f}
</style>
<script type='text/javascript'>
//<![CDATA[
var numPosts=10;
var homePage="shakilhossain.tk";
var postTitlear=new Array();
var postUrlar=new Array();
var postCommentar=new Array();
var totalpost;document.write('<div id="most-comments"><ul>');
function mostComment(j){var a=j.feed.entry.length;totalpost=a;
for(var f=0;f<a;f++){
var h=j.feed.entry[f];
var c=h.title.$t;var b;
var g;if(f==j.feed.entry.length){break}
for(var d=0;d<h.link.length;d++){
if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}
for(var d=0;d<h.link.length;d++){
if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];}};
postTitlear.push(c);
postUrlar.push(g);
postCommentar.push(b)}sortPosts();
for(var f=0;f<numPosts;f++){var e='<li><span class="count-most">'+postCommentar[f]+'</span><a href="'+postUrlar[f]+'" title="'+postTitlear[f]+'" target="_blank">'+postTitlear[f]+'</a>';
document.write(e)}}
function sortPosts(){function c(d,f){var e=postTitlear[d];
postTitlear[d]=postTitlear[f];
postTitlear[f]=e;
var e=postUrlar[d];
postUrlar[d]=postUrlar[f];
postUrlar[f]=e;
var e=postCommentar[d];
postCommentar[d]=postCommentar[f];
postCommentar[f]=e}
for(var b=0;b<postTitlear.length-1;b++){
for(var a=b+1;a<postTitlear.length;a++){
if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}
document.write('<script src="http://'+homePage+'/feeds/posts/default?max-results=9999&orderby=published&alt=json-in-script&callback=mostComment"><\/script>');
document.write('</li>')
document.write('</ul>')
document.write('</div>');
//]]>
</script>

১.  প্রথমে উপরের কোড টি কপি করুন।
২. এরপর আপনার ব্লগের layout সেকশনে গিয়ে Add New widget এ ক্লিক করুন।
৩. এরপর HTML/java script সিলেক্ট করুন।
৪. সেইখানে এই কোড টি পেস্ট করুন। 

এরপর shakilhossain.tk এর স্থানে আপনার ব্লগের অ্যাড্রেস দিন। এবং 10 এর জায়গায় আপনি যতটি পোস্ট show করাতে চান তার নাম্বার বসিয়ে দিন। :D

আজ এই পর্যন্তই দেখা হবে আগামি টিউনে।  

                     post by shakil hossain