একটি সহজ "রিলেটেড পোস্ট" (Related Posts) গেজেট

গতকালকে পোস্ট করা ব্লগার.কম ব্লগে রিলেটেড বা একইরকম পোস্ট দেখানো গেজেটটি নিয়ে আমার কোন কোন পাঠক একটু সমস্যায় পড়েছেন। তাদের জন্য আজ আমি সবচাইতে সহজ একটি "রিলেটেড পোস্ট" গেজেট প্রকাশ করছি। আশা করি এবার আর কোন সমস্যায় পড়বেন না।

• ব্লগার.কম এর ড্যাশবোর্ডে প্রবেশ করে Layout >Page elements এ একটি New gadget নিন।
• এখানে একটি HTML/ Javascript বক্সে নিচের কোডটুকু পেস্ট করে দিন। গেজেটটি সাইডবার বা পোস্টের নিচে বা ফুটার যেখানে খুশি রাখতে পারেন, ঠিকমতো কাজ করবে।

• <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="http://blogger-related-posts.googlecode.com/files/related-posts-widget-1.0.js" type="text/javascript"></script> <script type="text/javascript"> relatedPostsWidget({ 'containerSelector':'div.post-body' ,'loadingText':'Loading Related Posts...' });</script>

• সেভ করুন।
• ব্যাস হয়ে গেল।
• এবার প্রতিটি পোস্টের নিচে ৫টি একই রকম পোস্ট দেখা যাবে।
• এই রিলেটেড পোস্ট অংশটিকে একটু রঙিন করে তুলতে পারেন। না করলেও কোন অসুবিধা নেই।
  
• সেক্ষেত্রে Layout > Edit HTML অংশে গিয়ে ]]></b:skin> এর ঠিক উপরে নিচের কোডটুকু পেস্ট করে দিন।

• #related-posts{
  margin:4px;
  padding:10px;
  }
  #related-posts h2{
  background: #BDEDFF;
  color: #000000;
  }
  #related-posts ul{
  background: #e0ffff;
  color: #2008AF;
  font-size: 12px;
  }
  #related-posts-loadingtext{
  color:#ff0000;
  }
  

• সেভ করুন।
• এবার দেখুন তো পোস্টের নিচের "রিলেটেড পোস্ট" অংশটুকু কেমন কাজ করছে।
• এই গেজেটটি আপনাদের জন্য moretechtips থেকে সংগ্রহ করেছি।