ব্লগস্পট ব্লগের জন্য নিয়ে এলাম আকর্ষণীয় একটি 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 দিন। তাহলেই তৈরি হয়ে যাবে আকর্ষণীয় একটি একটি থ্রিডি পপুলার টিউন।

ঘুরে আসতে পারেন আমার ছোট বাংলা ব্লগ থেকে। আশা করি প্রয়োজনীয় টিপস ট্রিকস পাবেন। ধন্যবাদ ...

Level 1

আমি ব্লগার মারুফ। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 10 বছর 5 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 196 টি টিউন ও 1301 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 2 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

আমি মারুফ। প্রযুক্তিকে ভালোবাসি। তাই গড়তে চাই প্রযুক্তির বাংলাদেশ। পড়াশুনা করছি রংপুরের বেগম রোকেয়া বিশ্ববিদ্যালয়ে অ্যাকাউন্টিং এন্ড ইনফরমেশন সিস্টেমস বিভাগে। আমার ওয়েবসাইটঃ https://virtualvubon.com এবং https://www.rupayon.com


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

মচৎকার। কিন্তু শুধু ছবি দেখায়, টাইটেল দেখায় না। ধন্যবাদ।

    @ফ্রীওয়্যার সিজান: ভাই আমি পোস্টে কিন্তু বলে দিয়েছি যে এটি গ্যালারী স্টাইল ব্লগ বা ফটোগ্রাফি ব্লগের জন্য উপযোগী। কিন্তু আপনার মন যদি চাহে আপনি টাইটেল না দেখা সত্তেও ব্যবহার করিতে পারেন। বুঝিছেন ভাই? ধইন্যবাদ আপনার মচৎকার কমেন্টের জইন্য 😛

ভাই আপনার ব্লগারমারুফ ডট কম এ দেখলাম www ছাড়া ও ঢুকে। আমার একটা সাইট আছে ব্লগস্পটে হোস্টিং করা। কিন্তু আমার সাইটে www. ছাড়া ঢুকে না। সমাধান টা দিতে পারবেন?

    @কলিমদ্দি: আমি ঢুকতে পেরেছি। ডোমেইন যেই প্রতিষ্ঠানে যোগাযগ করে দেখতে পারেন।

    @কলিমদ্দি: vai www. sara dhukar jonno apni blogger er setting e jan. ebong jekhane domain set korsilen oikhane edit kore “automatic redirect to www. apnar domain name .com” lekha oikhane thik sinno den.taholei hoye jabe..