كود ترقيم الصفحات في مدونات بلوجر

اقدم لكم اليوم كود خاص بترقيم مدونات بلوجر 

 حيث يضيف كلمة السابق والتالي وارقام الصفحات قبل الفوتر 

 شرح التثبيت

اذهب الى عناصر الصفحة ... ثم اضافة أداة

ثم html/javascript
والصق الكود فيه واحفظه دون تسميته

واذهب الى الصفحة الرئيسية وشاهد النتيجة

كود:

<!-- Stylish colored  Navigation Widget For Blogger By tqarob @ http://www.tqarob.blogspot.com -->
<style type="text/css">
#blog-pager{padding:5px 0 !important;}
.showpageArea {font-weight: bold;margin:5px;}/* www.way2blogging.org */
.showpageArea a {text-decoration:underline;color: #fff;}/* www.tqarob.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 ); }/* www.tqarob.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 ); } /* www.tqarob.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 ); }/* www.tqarob.blogspot.com */
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* www.tqarob.blogspot.com */
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* www.tqarob.blogspot.com */
</style>

<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=3;
var upPageWord ='السابق';
var downPageWord ='التالي';
</script>
<script src='http://tqarob.googlecode.com/files/tqarob_bloggerpagenavi.js' type='text/javascript'></script>
<!-- Stylish colored Numbered Page Navigation Widget For Blogger By tqarob @ http://www.tqarob.blogspot.com -->