ব্লগার হ্যাক - পেজ ন্যাভিগেশান মেন্যু

আজকে আলোচনার বিষয় ব্লগার পেজ ন্যাভিগেশান হ্যাক। ওয়ার্ডপ্রেস ব্লগে যেমন পাতার নিচে পাতা নম্বর দিয়ে ন্যাভিগেশান মেন্যু দেওয়ার প্লাগিন আছে, ব্লগার ব্লগের জন্য প্লাগিন হয়না, উইজেট ব্যাবহার করার মতো ভালো উইজেট তেমন নেই। তাই টেমপ্লেটে CSS এবং Javascript দিয়েই আমরা করার চেষ্টা করবো (নিচের ছবির মতো)। ব্লগার টেমপ্লেট এডিট করার আগে সর্বদা ব্যাক-আপ নিয়ে রাখাই শ্রেয়, তাই ব্লগার এডমিন প্যানেলে লগ-ইন করে লেআউট ট্যাবে গিয়ে Edit HTML স্থানে গিয়ে আগেই টেমপ্লেটের ব্যাক-আপ নিয়ে নিন।
Page navigation menu on blogger.com blog

আমি দুটি নোটপ্যাড ফাইলে কোডগুলি দিচ্ছি কারন সেগুলি অনেক বড় হওয়ার ফলে এই পাতা ভরে যাবে। প্রথমে Code1.txt ফাইল, তার পরে Code2.txt ফাইল অনুযায়ী করবেন।

টেমপ্লেট সেভ করুন এবং অন্য ট্যাবে আপনার ব্লগ প্রিভিউ করুন। Previous/Next post ইত্যাদিকে বাংলায় লিখে নিতে পারেন, যেমন var upPageWord="পূর্ববর্তী"; এবং var downPageWord="পরবর্তী"; এইভাবে। যেখানে লিখেছি var pageCount=5; - এটাকে নিজের ইচ্ছেমতো পালটে নিতে পারেন, যতোগুলি পাতা নিচে দেখাতে চান সেইমতো।এটাই একমাত্র পথ নয়, অন্য উপায়েও করা যেতে পারে। টেমপ্লেটের অন্য স্থানেও কোড দেওয়া যেতেই পারে। এটাই সবচেয়ে সহজ পথ, তাই এটাই জানালাম, করে দেখুন, ঠিকমতো কোড দিলে কাজ করবেই, আমি কোড পরীক্ষা করে তবেই আপনাদের জানালাম। একটু কোড লেখা জানলেই উপরের ছবিতে দেখানো স্টাইল বদলে নিজের মতো করে নিতে পারবেন, অন্যান্য রঙে এবং ইচ্ছে করলে বোতাম ইমেজ দিয়েও করা যায়। আমি অতি সিম্পল্‌ পদ্ধতিটাই এখানে দেখালাম।

কোড ফাইলগুলোর আরও ডাউনলোড লিংক
 

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

কিছু কথা

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

Search This Blog

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