আপনার ব্লগারের জন্য নিন কিছু অসধারন Numbered Page Navigation

আল্লার নাম নিয়ে আজকের এই পোস্ট শুরু করছি । আশাকরি আপনারা সবাই খুব ভাল আছে , আর আল্লার কাছে দোয়া করি যাতে আপনারা খুব ভাল থাকেন , আমার জন্যও একটু দোয়া করবেন ।সে যাই হোক আজকে আপনাদের কিছু অসাধারণ Numbered Page Navigation উপহার দেবো আপনার প্রিয় ব্লগারের জন্য । আমি আশাকরি আপনাদের পছন্দ হবে , Numbered Page Navigation গুল পেতে এবং কিভাবে ব্লগারে যুক্ত করবেন সব পেতে নিচে যান ।

* Numbered Page Navigation গুল কিভাবে যুক্ত করবেন তা দেখে নিন > Dashboard > layout > Add a Gadget > HTML/JavaScript > title ঘর ফাকা রেখে content বক্সে নিচে যে Numbered Page Navigation টি আপনার পছন্দ সেই কোড টি copy past করবেন , তারপর Save এ ক্লিক করবেন ব্যাস কাজ শেষ , কোড গুল পেতে নিচে যান >

১)

<!– Stylish colored Navigation Widget For Blogger By bdlab @ http://24work.blogspot.com –>
<style type=”text/css”>
#blog-pager{padding:5px 0 !important;}
.showpageArea {font-weight: bold;margin:5px;}/* 24work.blogspot.com */
.showpageArea a {text-decoration:underline;color: #fff;}/* 24work.blogspot.com */
.showpageNum a, .showpage a {color: #fff;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;margin:0 3px;padding:3px 5px; background: #9dd53a; background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#9dd53a’, endColorstr=’#7cbc0a’,GradientType=0 ); }/* 24work.blogspot.com */
.showpageNum a:hover, .showpage a:hover {border: 1px solid #ccc; background: #6db3f2; background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#6db3f2′, endColorstr=’#1e69de’,GradientType=0 ); } /*24work.blogspot.com */
.showpagePoint {color: #aaaaaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#e2e2e2′, endColorstr=’#fefefe’,GradientType=0 ); }/* 24work.blogspot.com */
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* 24work.blogspot.com */
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* 24work.blogspot.com */
</style>
<a href=”http://24work.blogspot.com/” target=”_blank” title=”Grab this”><img src=”http://24work.ucoz.com/24work-blogspot/www.24work.blogspot.com.png” alt=”Blogger Tips And Tricks|Latest Tips For Bloggers” border=”0″ style=”position: fixed; bottom: 10%; right: 0%; top: 0px;” /></a>
<a href=”http://24work.blogspot.com/” target=”_blank” title=”Free Backlinks”><img src=”http://24work.ucoz.com/24work-blogspot/www.24work.blogspot.com.png” alt=”Free Backlinks” border=”0″ style=”position: fixed; bottom: 10%; right: 0%;” /></a>
<script type=’text/javascript’>
var home_page=”/”;
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=3;
var upPageWord =’Previous’;
var downPageWord =’Next’;
</script>
<script src=’http://safir85.ucoz.com/24work-blogspot/page-navigation/0-test-p-n-01_00.js’ type=’text/javascript’></script>
<!– Stylish colored Numbered Page Navigation Widget For Blogger By bdlab @ http://24work.blogspot.com –>

৫)