ব্লগস্পট ব্লগের জন্য নিয়ে এলাম আকর্ষণীয় একটি 3D স্টাইলের Popular Posts উইডগেট


 প্রায় সব ব্লগেই Popular Posts গেজেটটি থেকে থাকে। কারন একটি ব্লগে এই পপুলার টিউন উইডগেট অনেক বড় গুরুত্বপূর্ণ ভূমিকা রাখে। আর তাই এই উইডগেটটি স্টাইলিশ করার চেস্টাও আমরা সবসময় করে থাকি। আজ ব্লগস্পট ব্লগের জন্য নিয়ে এলাম চরম একটি 3D স্টাইলের পপুলার টিউন। বুঝতেই পারছেন উইডগেটটি যেহেতু থ্রিডি স্টাইলের তাই এর আকর্ষণীয়তা কতটা! আসুন, ব্লগস্পট বিশেষজ্ঞ ভাইদের আজকে শেখাব আপনার ব্লগস্পট ব্লগে একটি সুন্দর, আকর্ষণীয় 3D স্টাইল Popular Posts উইডগেট লাগানোর পদ্ধতি। এই উইডগেটটি মূলত ফটোগ্রাফি বা অন্যান্য গ্যালারী কিংবা ছবি ভিত্তিক ব্লগের জন্য উপযোগী। তবে চাইলে আপনি যেকোন ব্লগেই ব্যবহার করতে পারবেন। এই পপুলার টিউন উইডগেটটি নিচের ইমেজের মত অনেকটা। তবে পুরোপুরি মিল নেই।


  • ব্লগস্পট ব্লগের ড্যাশবোর্ডে লগিন করে Layout সেকশনে যান।
  • সাইডবারে যথানিয়মে একটি Popular Posts উইডগেট খুলুন। তবে Popular Post উইডগেট যোগ করার সময় নিচের ছবির মত করে পপুলার টিউনটি সেটিংস করে নিন।

  • এবার উইডগেটটি সেভ করুন।
  • এখন চলে যান ব্লগস্পটের টেমপ্লেট থেকে এডিট এইচটিএমএল অপশনে।
  • টেমপ্লেট কোডগুলো থেকে </body> নামের কোডটি খুঁজে বের করুন এবং খুঁজে পেলেই এর উপরে নিচের কোডগুলো বসিয়ে দিন।
 <style type='text/css'>
 .cube { width: 300px; height: 300px;}
 a img { border: none; }
 #linksCube img { width: 100%; height: 100%; }
 </style>
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
 <script src='https://sr-site.googlecode.com/files/sr-site-image.js' type='text/javascript'/>
 <script charset='utf-8' type='text/javascript'>
 $(function () {
 $('.popular-posts ul').abupopularcube();
 });
 </script>
 <script src='https://sr-site.googlecode.com/files/popularpost.js' type='text/javascript'/>

  •  এই পপুলার টিউন উইডগেটের দৈর্ঘ্য ও প্রস্থ ৩০০ এবং ৩০০ পিক্সেল করে দেয়া আছে। আপনি চাইলে দৈর্ঘ্য এবং প্রস্থ পরিবর্তন করতে পারেন। উপরের কোড লক্ষ্য করুন। লাল রঙে দাগানো 300 এবং 300 এর জায়গায় আপনার চাহিদামত দৈর্ঘ্য প্রস্থ মাপ বসাতে পারেন।
  • সবশেষে টেমপ্লেট Save দিন। তাহলেই তৈরি হয়ে যাবে আকর্ষণীয় একটি একটি থ্রিডি পপুলার টিউন।

Comments