এটি 28 পর্বের ব্লগার টিউটোরিয়াল বিষয়ক টিউনের 6 পর্ব
wp-content/uploads/2013/04/blogger_logo.png
ব্লগার টিউটোরিয়াল

 

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

 

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

 

১)

 

1

 

 

 

<style type=”text/css”>#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#fff;font-size:11px;margin:10px;padding:8px 20px;background:#333}.showpageArea a{color:#fff}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;background:#666}.showpageNum a:hover{background:#aeb404}.showpagePoint{color:#fff;padding:3px 8px;margin:2px;font-weight:700;background:#da6100;text-decoration:none}.showpageOf{margin:0 5px 0 0} </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 style=’text/javascript’>
var postperpage=5;
var numshowpage=3;
var upPageWord=”Prev”;
var downPageWord=”Next”;
var home_page=”/”;
var urlactivepage=location.href;
</script>
<script style=’text/javascript’ src=’http://safir85.ucoz.com/24work-blogspot/page-navigation/0-test-p-n-01_00.js’></script>

 

 

২)

2

 

<style type=”text/css”>#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:bold}.showpageNum a{color:#000;padding:3px 8px;margin:0 4px;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;background:#f8b5a4 url(http://4.bp.blogspot.com/_nDNgmK8FIyI/TSQEXAA7WSI/AAAAAAAAARg/zhLZeeMIkDM/s1600/w2b_pagenav1.png) 0 -60px repeat-x}.showpageNum a:hover{border:1px solid #888;background:#f7cac9 url(http://4.bp.blogspot.com/_nDNgmK8FIyI/TSQEXAA7WSI/AAAAAAAAARg/zhLZeeMIkDM/s1600/w2b_pagenav1.png) 0 -30px repeat-x}.showpageOf{margin:0 4px 0 0}.showpagePoint{color:#666;padding:3px 8px;margin:2px;font-weight:bold;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #999;background:#f2f0f0 url(http://4.bp.blogspot.com/_nDNgmK8FIyI/TSQEXAA7WSI/AAAAAAAAARg/zhLZeeMIkDM/s1600/w2b_pagenav1.png) 0 -5px repeat-x;text-decoration:none} </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 style=’text/javascript’>
var postperpage=5;
var numshowpage=3;
var upPageWord=”Prev”;
var downPageWord=”Next”;
var home_page=”/”;
var urlactivepage=location.href;
</script>
<script style=’text/javascript’ src=’http://safir85.ucoz.com/24work-blogspot/page-navigation/0-test-p-n-01_00.js’></script>

 

৩)

3

 

<style type=”text/css”>#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:700}.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 url(http://4.bp.blogspot.com/_McxL-_3YYuM/TBG_a0U9fJI/AAAAAAAAAAU/qcqAF8aqWME/s1600/wp1.jpg) 0 -50px repeat-x}.showpageNum a:hover{border:1px solid #888;background:#ccc url(http://4.bp.blogspot.com/_McxL-_3YYuM/TBG_a0U9fJI/AAAAAAAAAAU/qcqAF8aqWME/s1600/wp1.jpg) 0 -25px repeat-x}.showpageOf{margin:0 4px 0 0}.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 url(http://4.bp.blogspot.com/_McxL-_3YYuM/TBG_a0U9fJI/AAAAAAAAAAU/qcqAF8aqWME/s1600/wp1.jpg) 0 0 repeat-x;text-decoration:none} </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 style=’text/javascript’>
var postperpage=5;
var numshowpage=3;
var upPageWord=”Prev”;
var downPageWord=”Next”;
var home_page=”/”;
var urlactivepage=location.href;
</script>
<script style=’text/javascript’ src=’http://safir85.ucoz.com/24work-blogspot/page-navigation/0-test-p-n-01_00.js’></script>

 

৪)

4

 

 

<!– 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 –>

 

৫)

5

 

<!– 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 –>

 

৬)

6

 

<style type=”text/css”>.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {background:transparent url(http://1.bp.blogspot.com/-kLtghYQy-Ao/TrrjlqQLU8I/AAAAAAAAAGU/lJ-qXnp5Td0/s1600/greendiamond.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;margin:0px 1px 0 1px;padding:3px 10px;color:#EEE;line-height:30px;cursor:pointer;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);}.showpageNum a:hover,.showpage a:hover {
background-image:url(http://1.bp.blogspot.com/-kLtghYQy-Ao/TrrjlqQLU8I/AAAAAAAAAGU/lJ-qXnp5Td0/s1600/greendiamond.png) repeat-x;background-position:0px -30px;
border:2px solid #006666;-webkit-border-radius:20px;
-moz-border-radius:20px;border-radius:20px;color:#FFF;-text-decoration:underline;}.showpageOf{margin:0 8px 0 0;
background:transparent url(http://1.bp.blogspot.com/-kLtghYQy-Ao/TrrjlqQLU8I/AAAAAAAAAGU/lJ-qXnp5Td0/s1600/greendiamond.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;line-height:30px;padding:3px 10px;color:#EEE;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);}.showpagePoint {background:transparent url(http://1.bp.blogspot.com/-kLtghYQy-Ao/TrrjlqQLU8I/AAAAAAAAAGU/lJ-qXnp5Td0/s1600/greendiamond.png) repeat-x;background-position:0px -30px;margin:0 3px 0 3px;padding:3px 10px;line-height:30px;cursor:pointer;white-space:nowrap;border:2px solid #007777;-webkit-border-radius:20px;  -moz-border-radius:20px;border-radius:20px;color:#EEE;text-decoration:underline;font-weight:bold;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);} </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 style=’text/javascript’>
var postperpage=5;
var numshowpage=3;
var upPageWord=”Prev”;
var downPageWord=”Next”;
var home_page=”/”;
var urlactivepage=location.href;
</script>
<script style=’text/javascript’ src=’http://safir85.ucoz.com/24work-blogspot/page-navigation/0-test-p-n-01_00.js’></script>

 

৭)

7

 

<style type=”text/css”>.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {
 background:transparent url(http://3.bp.blogspot.com/-jx9IKa-4vog/TrqvgwWzXHI/AAAAAAAAAF0/n6jjqE6iLv8/s1600/darkblue.png) repeat-x;
 border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
 margin:0px 1px 0 1px;padding:3px 10px;color:#FFF;line-height:30px;cursor:pointer;white-space:nowrap;
 }.showpageNum a:hover,.showpage a:hover {
background-image:url(http://3.bp.blogspot.com/-jx9IKa-4vog/TrqvgwWzXHI/AAAAAAAAAF0/n6jjqE6iLv8/s1600/darkblue.png) repeat-x;
 border:2px solid #5C8CFB;-webkit-border-radius:7px;
  -moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:none;
 }.showpageOf{
 margin:0 8px 0 0;
background:transparent url(http://3.bp.blogspot.com/-jx9IKa-4vog/TrqvgwWzXHI/AAAAAAAAAF0/n6jjqE6iLv8/s1600/darkblue.png) repeat-x;border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
line-height:30px;padding:3px 10px;color:#FFF;
 }.showpagePoint {
 background:transparent url(http://3.bp.blogspot.com/-jx9IKa-4vog/TrqvgwWzXHI/AAAAAAAAAF0/n6jjqE6iLv8/s1600/darkblue.png) repeat-x;
 margin:0 3px 0 3px;padding:3px 10px;
 line-height:30px;cursor:pointer;white-space:nowrap;
 border:2px solid #5C8CFF;-webkit-border-radius:7px;
  -moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:underline;font-weight:bold;
 } </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 style=’text/javascript’>
var postperpage=5;
var numshowpage=3;
var upPageWord=”Prev”;
var downPageWord=”Next”;
var home_page=”/”;
var urlactivepage=location.href;
</script>
<script style=’text/javascript’ src=’http://safir85.ucoz.com/24work-blogspot/page-navigation/0-test-p-n-01_00.js’></script>

 

৮ )

8

 

<style type=”text/css”>#blog-pager{clear:both;margin:20px 0 20px;font-size: 12px;padding:10px 0;}#blog-pager-newer-link{float: left;}#blog-pager-older-link{float: right;}.Profile img{border:3px solid;float:left;margin:5px 10px 5px 0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em 0;}.profile-textblock{line-height:1.6em;margin:0.5em 0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background: url(http://2.bp.blogspot.com/-vMGk4QknV5A/Tw0–89TczI/AAAAAAAABJA/O21z_-ybUJs/s1600/nav.jpg) repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px 10px 5px;text-decoration:none;text-shadow: 1px 0 1px #000;}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum a:hover,.showpage a:hover{background: url(http://1.bp.blogspot.com/-9uSn4H6vTk8/Tw0-_8Y1vQI/AAAAAAAABJE/jjhEM6mUFDk/s1600/nava.jpg) repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;} </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 style=’text/javascript’>
var postperpage=5;
var numshowpage=3;
var upPageWord=”Prev”;
var downPageWord=”Next”;
var home_page=”/”;
var urlactivepage=location.href;
</script>
<script style=’text/javascript’ src=’http://safir85.ucoz.com/24work-blogspot/page-navigation/0-test-p-n-01_00.js’></script>

 

৯)

9

 

<style type=”text/css”>.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {background:transparent url(http://4.bp.blogspot.com/-wMpu4t3LofE/TrrV0KHb8II/AAAAAAAAAGE/p0GwqibQXbs/s1600/transpdark.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
margin:0px 1px 0 1px;padding:3px 10px;color:#eee;line-height:30px;cursor:pointer;}.showpageNum a:hover,.showpage a:hover {
background-image:url(http://4.bp.blogspot.com/-wMpu4t3LofE/TrrV0KHb8II/AAAAAAAAAGE/p0GwqibQXbs/s1600/transpdark.png) repeat-x;background-position:0px -15px;
border:2px solid #555;-webkit-border-radius:3px;
-moz-border-radius:3px;border-radius:3px;color:#ffffff;-text-decoration:underline;}.showpageOf{margin:0 8px 0 0;
background:transparent url(http://4.bp.blogspot.com/-wMpu4t3LofE/TrrV0KHb8II/AAAAAAAAAGE/p0GwqibQXbs/s1600/transpdark.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:30px;padding:3px 10px;color:#eee;}.showpagePoint {background:transparent url(http://4.bp.blogspot.com/-wMpu4t3LofE/TrrV0KHb8II/AAAAAAAAAGE/p0GwqibQXbs/s1600/transpdark.png) repeat-x;background-position:0px -15px;margin:0 3px 0 3px;padding:3px 10px;line-height:30px;cursor:pointer;white-space:nowrap;border:2px solid #aaa;-webkit-border-radius:3px;  -moz-border-radius:3px;border-radius:3px;color:#eee;text-decoration:underline;font-weight:bold;
</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 style=’text/javascript’>
var postperpage=5;
var numshowpage=3;
var upPageWord=”Prev”;
var downPageWord=”Next”;
var home_page=”/”;
var urlactivepage=location.href;
</script>
<script style=’text/javascript’ src=’http://safir85.ucoz.com/24work-blogspot/page-navigation/0-test-p-n-01_00.js’></script>

 

১০)

10

 

<style type=”text/css”>#blog-pager{height: 28px;
    padding: 10px 0 0;
overflow:hidden;
text-align:center;
}.showpageArea a {text-decoration:underline;
font-size: 16px;
       text-align: center;}.showpageNum a {font-size:16px;text-decoration:none;border: 1px solid #cccccc;margin:0 5px;padding:5px;}.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}.showpagePoint {font-size:16px;text-decoration:none;border: 1px solid #cccccc;background: #216FD9;margin:0 5px;padding:5px;color:#ffffff;}.showpageOf {text-decoration:none;padding:5px;margin: 0 5px;}.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:5px;}.showpage a:hover {text-decoration:none;background: #cccccc;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}
 </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 style=’text/javascript’>
var postperpage=5;
var numshowpage=3;
var upPageWord=”Prev”;
var downPageWord=”Next”;
var home_page=”/”;
var urlactivepage=location.href;
</script>
<script style=’text/javascript’ src=’http://safir85.ucoz.com/24work-blogspot/page-navigation/0-test-p-n-01_00.js’></script>

 

 

*আশাকরি এর মধ্যে একটি আপনার অবশ্যই পছন্দ , যে টি পছন্দ হবে সে কোড টি কপি করে উপরের নিয়ম উসারে past  করুন ।

* Numbered Page Navigation যুক্ত করলে ক্যামন লাগবে , উধারন হিসাবে দেখতে পাবেন এই সাইট এ বা দেখে আসতে পারেন এখান থেকে । আজকের মতো এই পর্যন্ত  ভাল থাকবেন ।

 

*আল্লা হাফেজ*

 

 

Series Navigation<< ব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-০৫] :: অসাধারণ কিছু mouse cursorব্লগার ব্লগ দিয়ে নিজের একটি সম্পূর্ণ ব্লগ তৈরী করুন [পর্ব-০৭] :: যুক্ত করুন দারুন একটি ফেসবুক লাইক বক্স >>