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

لاضافة ترقيم الصفحات الى بلوجر بشكل جميل فاليك هذا الموضوع والطريقة سهلة وجميلة وتظهر كما بالصورة ويمكنك ايضا تغيير الالون بما يلائم مدونتك. وقبل ان تطبق هذه الاضافة قم باخذ نسخة احتياطية من قالبك .
1- اذهب الى تصميم ثم الى تحرير HTML .
2- اضغط على توسيع عناصر القالب.
3- ابحث عن هذا الكود

]]></b:skin>

4 - ثم اضف قبله هذا الكود

.showpageArea { color: #666666; margin: 10px 5px 3px 5px; padding:  0px; float: left; display: inline; font-size:12px; } .showpageArea a {  background: #ffffff; padding: 4px 7px; margin: 0px 5px 0px 0px;  text-decoration: none; border: 1px solid #64CDE5; color: #666666;  -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline;  float: left; } .showpageNum a { background: #ffffff; padding: 4px 7px;  margin: 0px 5px 0px 0px; text-decoration: none; border: 1px solid  #64CDE5; color: #666666; -moz-border-radius: 5px; -webkit-border-radius:  5px; display: inline; float: left; } .showpageNum a:hover { background:  #C6E4EC!important; text-decoration: none; border: 1px solid  #6BCDE5!important; } .showpagePoint { font-weight: bold; background:  #C6E4EC; padding: 4px 7px; margin: 0px 5px 0px 0px; text-decoration:  none; border: 1px solid #46BDDB; color: #666666; -moz-border-radius:  5px; -webkit-border-radius: 5px; display: inline; float: left; }  .showpageOf { background: #ffffff; padding: 4px 7px; margin: 0px 5px 0px  0px; text-decoration: none; border: 1px solid #64CDE5; color: #666666;  -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline;  float: left; } .showpage a { background: #ffffff; padding: 4px 7px;  margin: 0px 5px 0px 0px; text-decoration: none; border: 1px solid  #B9A2A2; color: #674D4D; -moz-border-radius: 5px; -webkit-border-radius:  5px; display: inline; float: left; } .showpage a:hover { background:  #C6E4EC!important; text-decoration: none; border: 1px solid  #64CDE5!important; } .showpageNum a:link,.showpage a:link { background:  #ffffff; padding: 4px 7px; margin: 0px 5px 0px 0px; text-decoration:  none; border: 1px solid #64CDE5; color: #666666; -moz-border-radius:  5px; -webkit-border-radius: 5px; display: inline; float: left; }

5 - ثم ابحث عن هذا الكود

 </body>

6 - ثم ضع قبله هذا الكود

<script type='text/javascript'> var home_page="/"; var urlactivepage=location.href; var postperpage=6; var numshowpage=10; var upPageWord ='السابقة '; var downPageWord ='التالية '; </script> <script src='http://bplugins.googlecode.com/files/pagenumbers.js' type='text/javascript'/>

7- قم بعمل معاينة للقالب اولا.

8- قم بحفظ القالب .

هل أعجبك هذا الموضوع..؟

ضع إيميلك هنا وإحصل على كل ماهو جديد!	كن من متابعينا!