ব্লগারের ব্লগে এলোমেলো পোস্ট দেখানোর গেজেট স্থাপন করুন

ব্লগারের সাইডবারে পাঠকের দৃষ্টি আকর্ষণ করার জন্য একটি এলোমেলো পোস্ট দেখানোর গেজেট স্থাপন করা যায়। এতে হলো কি মূল সূচীর পাশাপাশি পুরনো লেখাগুলোও পাঠকের সামনে এসে হাজির হয়। ফলে পুরনো লেখাগুলো পাঠকের নজরের বাইরে থেকে যায় না। আজ আমি এরকম একটি গেজেট কিভাবে ব্লগার.কম এ খোলা ব্লগে লাগানো যায় তার কোড আপনাদেরকে উপহার দিচ্ছি। এই গেজেটটির মূল নাম Random Post Gadget।
  • যথারীতি ব্লগারের ড্যাশবোর্ডে প্রবেশ করুন। Log in blogger.com. Add a new gadget.
  • Layout> Page Elements ট্যাবে গিয়ে একটি নতুন HTML/ JavaScripts গেজেট নিন।
  • এই গেজেটটিতে নিচের কোডটি সম্পূর্ণ কপি করে পেস্ট করে দিন।
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
  • এখানে numofpost=10 পাল্টিয়ে দিয়ে দেখুন। ১০ এর বদলে অন্য সংখ্যা বসান। দেখুন যেটা আপনার প্রত্যাশা সেটিই দেখা যাচ্ছে কি না?Change the number value to show more.
এবার অন্য ট্যাবে থাকা ব্লগটিকে একবার রিফ্রেশ করুন। নতুন গেজেটের কাজ তাৎক্ষণিকভাবে শুরু যে হয়ে গেছে, তা নিজেই দেখতে পারবেন। You have done successfully. Random post gadget will be active instantly.
 

পাঠকের প্রতিক্রিয়া

কিছু কথা

সফটওয়ার ও ওয়েবওয়ারের বিভিন্ন টিপ্‌স, টিউটোরিয়াল, হ্যাক্‌স, টেমপ্লেট বা থিম্‌স ইত্যাদি নিয়েই আমি ব্লগ লিখছি। আমার প্রধান আগ্রহ ব্লগিং টিপস। এছাড়াও প্রযুক্তির বিচিত্র বিষয় নিয়ে মত বিনিময়, সমস্যা ও তার সমাধান এবং আলোচনা করার জন্য এই ব্লগ খুলেছি। আশা করি আপনি নিরাশ হবেন না। এই ব্লগের সব লেখাগুলো যেকোন মিডিয়ায় এই লাইসেন্সের আওতায় প্রকাশ করতে পারবেন। বিস্তারিত পড়ুন....

Search This Blog

© 2009-2014 Bangla Hacks | Design by: Bangla Hacks. Powered by: Blogger