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

আমরা বিভিন্ন ওয়েব সাইট বা ব্লগে দেখি যে, পরবর্তী পেইজে যাওয়ার জন্য নম্বরযুক্ত একটি ন্যাভিগেশন থাকে। আর নম্বরযুক্ত ন্যাভিগেশন এর সুবিধাও আছে। আজ সুবিধার দিকে না গিয়ে চলুন দেখি, কিভাবে ব্লগার ব্লগে নম্বরযুক্ত ন্যাভিগেশন  যুক্ত করবেন?

• প্রথমে আপনার ব্লগে লগিং করুন।
• তারপর টেম্পলেট "Template" থেকে Edit HTML এ ক্লিক করুন। 
• এখন Ctrl+F চাপুন এবং নিচের কোডটি খুঁজে বের করুন।

]]></b:skin>

• উপরের কোডটি খুজে পেলে নিছের কোডগুলো কপি করে  উপরের কোডটির "উপরে" পেস্ট করুন। 

/* Page Navigation styles */

.showpageNum a {

  padding: 3px 8px;

  margin:0 4px;

  text-decoration: none;

  border:1px solid #999;

  -webkit-border-radius:3px;-moz-border-radius:3px;

  background: #ddd;

  }

.showpageOf {

margin:0 8px 0 0;

}

.showpageNum a:hover {

  border:1px solid #888;

  background: #ccc;

  }

.showpagePoint {

  color:#fff;

  text-shadow:0 1px 2px #333;

  padding: 3px 8px;

  margin: 2px;

  font-weight: 700;

  -webkit-border-radius:3px;-moz-border-radius:3px;

  border:1px solid #999;

  background: #666;

  text-decoration: none;

  }

]]></b:skin>

• তারপর আবার Ctrl+F চাপুন এবং নীচের কোডটি খুঁজে বের করুন। 

</body>

• উপরের কোডটি খুজে পেলে নিচের কোডগুলো "উপরের কোডের" উপরে বসিয়ে দেন। 

<!--Page Navigation Starts-->

<script type='text/javascript'>

var home_page="/";

var urlactivepage=location.href;

var postperpage=5;

var numshowpage=4;

var upPageWord ='Previous';

var downPageWord ='Next';

</script>

<script src='http://mybloggertricksorg.googlecode.com/files/colorizetemplates-pagenav.js' type='text/javascript'></script>

<!--Page Navigation Ends -->

• ব্যাস এবার সেভ দিয়ে বেরিয়ে আসুন।
• এরপরেও না হলে, নিছের ভিডিও দেখে দেখে করতে পারেন।