সবচেয়ে সহজ পদ্ধতিতে Page Number যুক্ত করুন আপনার Blogger Blog এ!

9
396

সবচেয়ে সহজ পদ্ধতিতে Page Number যুক্ত করুন আপনার Blogger Blog এ!

Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

অনেকেই এটাকে Numbered Page Navigation System বলে থাকেন। আসলে এটাই আসল নাম। কিন্তু নতুনদের বুঝতে সমস্যা হতে পারে ভেবে Headline এ Page Number বলা হয়েছে।

আগেও এ ধরণের Post হয়েছে। কিন্তু এটার মত সহজ কিনা বলা মুশকিল। তাছাড়া এই কোডটা অপেক্ষাকৃত ছোট এবং এর ফলাফলটাও চমৎকার।

Demo দেখুন

আপনাকে শুধু মাত্র একটা HTML/JavaScript Gadget বসাতে হবে। তাহলেই কাজ শেষ! এবার তাহলে শুরু করা যাক।

Sign in into your Blogger Account > Layout > Add a Gadget > HTML/ JavaScript > Copy and Paste the following code into the content box > Save.

<style type=’text/css’>#blog-pager{padding:10px 0;clear:both;}
.showpageNum a {color:#333333;text-decoration:none;border: 1px solid #CCCCCC;margin:0 3px;padding:3px 7px;background-color:#FFFFFF;}
.showpageNum a:hover, .showpage a:hover, .showpagePoint {color:#333333;border: 1px solid #CCCCCC;padding:3px 7px;background-color:#CCCCCC;margin:0 3px;}
.showpageOf {color:#333;text-decoration:none;padding:3px 7px;margin: 0 3px 0 0;}
</style>
<script style=’text/javascript’>
var numshowpage=10;
var postperpage =7;
var upPageWord=”Previous”;
var downPageWord=”Next”;
var urlactivepage=location.href;
var home_page=”/”;
</script>
<script style=’text/javascript’ src=’http://bloggerblogwidgets.googlecode.com/files/way2blogging_bloggerpagenavi.js’></script>

Code টি যদি Customize করতে চান তাহলে Red Part টুকু Edit করে নিতে হবে। আর যদি বুঝতে না পারেন তাহলে বিস্তারিত দেখুন

অনেকেই হয়ত ভাবছেন Add a Gadget মানে কোন Gadget নিব? যে কোন Add a Gadget নিলেই চলবে। তবে আপনাদের জন্য পরামর্শ হল Blog Post এর নিচে যে গ্যাজেটটি আছে সেটা নিবেন। তবে যেটাই নেন Page Number বসবে ব্লগ পোস্টের ঠিক নিচেই।

আরেকটা কথা- কোডটি শুধু মাত্র ব্লগারের জন্য। এবং বিভিন্ন Blogger Blog এ পরীক্ষিত। তারপরও যদি কাজ না করে সেজন্য Marks PC Solution দায়ী থাকবে না। এজন্য যেসব Factor দায়ী থাকবে সেগুলো হল-

  • Code ঠিকমত কপি করতে ভুল করা।
  • Code টি ভুল ভাবে মডিফাই করা।
  • অনভিজ্ঞতা বশত ব্লগের টেম্পেলট উল্টাপাল্টা করে ফেলা।
  • যে সার্ভারে এই Code টি আপলোড করা আছে সেটি অকেজো হয়ে যাওয়া।
  • এছাড়া আপনি নিজ জ্ঞানে যদি কোন সমস্যা তৈরী করেন।
আপনার সাফল্য কামনায়  Marks PC Solution
টিউনারপেজের নতুন টিউন আপনাকে ইমেইল করব?
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

9 মন্তব্য

  1. আমার আগে থেকেই দেওয়া আছে !! ঐটা রিমুভ দিতে চাই ! ঐটা অন্য সাইট থেকে ডাইরেক্ট বসাইছি ! আগের টাতে প্রবলেম আছে রিমুভ করব কেমনে ? লে আউটে নাই !!

    • Apnar blog er source ta deklam. Sekhane stylelish page navigation name ekta code ase. Template e gie seta khuje ber kore delete kore din.

    • সম্ভবত চলবে না। কারণ একটু লক্ষ্য করলেই দেখবেন এই Code টির Language এর সাথে Blogger Template এর বেশ মিল রয়েছে। আর লেখক নিজেই বলে দিয়েছেন এটি শুধুমাত্র ব্লগার ব্লগে টেস্ট করা হয়েছে।

      তবে আপনি net এ সার্চ করলে এরকম অনেক কোড পাবেন। সমস্যা হল সেগুলো থেকে ভাল কোড আপনাকে খুজে খুজে বের করে নিতে হবে। এই কোডটা আসলেই অনেক ভাল। এবং ঝামেলা মুক্ত।

একটি উত্তর ত্যাগ

Please enter your comment!
Please enter your name here

19 + thirteen =