ترقيم الصفحات مثل موقع ياهو (ياهوو استايل)

أقدم لكم الان زوار المدونة الكرام اداة رائعه لترقيم صفحات مدوناتكم 

بطريقة سهلة ورائعه وجميلة في مظهرها . والصورة التالية توضح 

شكل الاضافة بعد نركيبها والان مع شرح تركيب الاضافه


  • والان مع شرح طريقة التركيب

  • قم بأخذ نسخة أحتياطية من قالب مدونتك
  • ثم تابع الشرح
  1. من لوحة التحكم أختار تصميم
  2. ثم تحرير HTML
  3. ثم ضع علامة عند توسيع القالب
  4. ثم ابحث عن الكود التالي 
</body>
  •  وضع قبلة هذا الكود


<script type='text/javascript'>;
var home_page=&#39;/&#39;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord =&#39;Prev&#39;;
var downPageWord =&#39;Next&#39;;
</script>;
<script src='http://bloggerblogwidgets.googlecode.com/files/way2blogging_bloggerpagenavi.js' type='text/javascript'/>
 ثم ابحث عن هذا الكود

]]></b:skin>
 و ضع قبلة الكود التالي

.blog-pager,#blog-pager{
  font-family:"Times New Roman", Times, serif;
  font-weight:normal;
  font-size:12px;
  width:500px;
}
.showpageNum a,.showpage a {
  background:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/gbtn-bg.png') repeat-x;
  border:1px solid #97a7af;
  margin:0px 1px 0 1px;padding:3px 8px;
  text-decoration:none;
  color:#333;line-height:14px;cursor:pointer;white-space:nowrap;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  }
.showpageNum a:hover,.showpage a:hover {
  background-image:url('http://i1133.photobucket.com/albums/m596/abu-farhan/gbtn-bg-sel.png');
  border:1px solid #e4905a;color:#e4905a;text-decoration:none;
  }
.showpageOf{
  margin:0 8px 0 0;
  }
.showpagePoint {
  background:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/gbtn-bg-sel.png') repeat-x;
  margin:0 3px 0 3px;padding:3px 8px;
  line-height:14px;cursor:pointer;white-space:nowrap;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  border:1px solid #e4905a;color:#333;text-decoration:none;font-weight:bold;
  }
ثم احفظ القالب ومبروك عليك الاضافة