أحدث أضافة لترقيم صفحات بلوجر حصرى

بسم الله الرحمن الرحيم

اليوم جبتلكم أضافة تعتبر من أهم الأضافات الموجوده فى بلوجر وهى ترقيم الصفحات حيث اننا من الممكن بعد تركيب القالب الخاص بك على مدونتك تتفاجأ بأنه لا يوجد ترقيم للصفحات وتضطر للبحث عن أضافة الترقيم , وأيضا ستجد مئات الأضافات وهذه حقيقة لا يمكن انكارها ولكن الجديد فى هذه الأضافه هو شكلها الجذاب والذى يناسب العديد من التصميمات الحديثة كما انا لا تأخد وقت كبير فى الأستجابة

1- قم بالدخول إلى التخطيط
2 - قم بإضافة أداة  HTML/JavaScript
3 - ضع بها هذا الكود

<style
type='text/css'>
.recherche{float:left;height:25px;width:205px;margin-top:-8px; background-image:url(http://goo.gl/2Vcbf);}.barre input{border:1px solid #ccc!important;border-radius:5px;height:20px;text-align:right;background:#efefef!important;float:right!important;font:13px Tahoma,Geneva,sans-serif;padding-right:3px;}.btn input{background:#dcdcdc;border-radius:5px;border-style:none;font:13px Tahoma,Geneva,sans-serif;padding:1px 8px 4px 8px;cursor:pointer;color:#878787;float:left!important;}#blog-pager{padding:5px 0!important;}.showpageArea{font-weight:bold;margin:5px;}.showpageArea a{text-decoration:underline;color:#9d9d9d;}.showpageNum a,.showpage a{color:#9d9d9d;text-decoration:none;margin:0 3px;padding:5px 10px;text-align:center;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dd53a',endColorstr='#7cbc0a',GradientType=0);}.showpagePoint{border-radius:50px;color:#fff;text-decoration:none;margin:0 3px;padding:5px 10px;background:#00a8d8;text-align:center;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2',endColorstr='#fefefe',GradientType=0);}.showpageOf{text-decoration:none;padding:3px;margin:0 3px 0 0;text-align:center;}.showpageNum a:link,.showpage a:link{text-decoration:none;color:#9d9d9d;}</style>
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=6;
var numshowpage=11;
var downPageWord ='&#187;';
var upPageWord ='&#171;';
</script>
<script src='http://3rab-tech-bloggerpagenavi.googlecode.com/files/3rab-tech.com_bloggerpagenavi.js' type='text/javascript'></script>

ملحوظة : 

اللون الأزرق : للتحكم فى عدد المواضيع التى تريد اظهارها فى الصفحة
اللون الأحمر : عدد أرقام الصفحات التى تريد إظهارها