Pagination In Blogger

এই টিউটোরিয়াল থেকে কোন ব্লগস্পট ব্লগে মাত্র দুটি ধাপে পত্রাঙ্কন যোগ করুন। পত্রাঙ্কন নম্বর হবে সম্পূর্ণরূপে স্বনির্ধারিত।

নির্দেশাবলী অনুসরণ করুন:

Q প্রথম পদক্ষেপ:

? ব্লগারে লগ ইন করে Layout -> Edit HTML-এ ক্লিক করুন।

? এই কোড খুঁজুন: </body>
? এই কোডের আগে নিচের কোড পেস্ট করুন:

<!--PAGINATION-STARTS-->

<script type='text/javascript'>
var
pageCount=10;

var displayPageNum=3;
var
upPageWord =&#39;Previous&#39;;

var downPageWord =&#39;Next&#39;;

</script>

<script
src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination1.js'
type='text/javascript'/>

<script
src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.js'
type='text/javascript'/>

<!--PAGINATION-STOPS-->

var pageCount = 10; হল প্রতিটি পেজে প্রদর্শিত ব্লগ সংখ্যা। আপনি ইচ্ছা মত এই সংখ্যা "10" পরিবর্তন করতে পারেন।

var displayPageNum = 3; হল প্রদর্শিত বাটনের সংখ্যা। আপনি যদি এই সংখ্যা 6 নির্বাচন করেন তবে নিচের মত পেজ সংখ্যা দেখাবে।

Q দ্বিতীয় পদক্ষেপ:

আমরা এখন এই পত্রাঙ্কন সংখ্যার styling করব। ডিফল্টরূপে, এই কোড নম্বর রক্তবর্ণ চেহারা দেবে।

? এই কোড খুঁজুন: </body>

? এই কোডের উপরে নিচের কোড পেস্ট করুন:

<!--PAGINATION-STARTS-->

<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.css'
rel='stylesheet' type='text/css'/>

<style type='text/css'>

.showpage a:hover {

color: #FFFFFF;

background-color: #92416C;

}

// STYLE CODE FOR SELECTED PAGE STARTS

.showpagePoint {

color: #FFFFFF;

background: #92416C;

border: 1px solid #92416C;

}

// STYLE CODE FOR NUMBER BUTTONS STARTS

.showpageNum a:link,.showpage a:link {

color: #000000 !important;

background-color: #92416C;

border: 1px solid #92416C;

} 
// HOVER
CODE for NUMBER BUTTONS
.showpageNum
a:hover {

color: #FFFFFF !important;

background: #92416C !important;

border: 1px solid #92416C;

}

// STYLE CODE FOR "PREV and NEXT" BUTTONS STARTS

.showpageArea a {

border: 1px solid #92416C;

}
// HOVER
CODE for NEXT-PREV BUTTONS
.showpageArea
a:hover {

border: 1px solid #92416C;

color: #FFFFFF !important;

background: #92416C !important;

}

</style>

<!--PAGINATION-STOPS-http://rojinamohan.blogspot.com-->

#92416C কোড রক্তবর্ণ রঙ বোঝায়। রঙের কোড আপনি ইচ্ছা মত পরিবর্তন করুন।


পুরো কোড ডাউনলোড করুন এখান থেকে।