المتابعـــــــــون

ترقيم الصفحات علي مدونات بلوجر مثل موقع ياهوو ,,,,,, (yahoo style)


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

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

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

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


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

  • قم بأخذ نسخة أحتياطية من قالب مدونتك
  • ثم تابع الشرح
  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;
  }
ثم احفظ القالب ومبروك عليك الاضافة

0 التعليقات:

إرسال تعليق

الاكثر مشاهدة

free counters

أرشيــف المــدونــة

ضع بريدك ليصلك الجديد

ضع بريدك ليصلك كل جديد:

;