ترقيم الصفحات بشكل مميز :شبية بمدونة المحترف

ترقيم الصفحات بشكل مميز شبية بمدونة المحترف اليوم أقدمة لكم من مدونة بوابة البلوجر:بشكل مميز وسهل التركيب ,اهمية ترقيم الصفحات هو يكون بديلاً لرسالة البلوجر رسائل اقدم فهو يساعد علي التنقل بسهولة بين الصفحات وبين المواضيع وبين التسميات
يوجد عدة اضافات من ادوات الترقيم ولكن معظمها يكون غير مضبوط ويكون بة بعض المشاكل
ولكن هذا الترقيم اضمن لكم انه ليس به اخطاء
لتركيب الاضافة تابع معي خطوات سهلة جداً...
تابع معي..بقية التدوينة

طريقة التركيب

نذهب الي لوحة التحكم ثم نقوم بالذهاب للتخطيط ومن ثم فتح اداة جافا اسكربت واضافة الكود التالي بها

  <!-- Stylish colored Navigation Widget For Blogger By tqarob @ http://www.tqarob.blogspot.com -->
<style type='text/css'>
.recherche{
    float:left;
    height:25px;
    width:205px;
        margin-top:-5px;

}


.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;}/* www.way2blogging.org */

.showpageArea a {text-decoration:underline;color: #9d9d9d;}/* www.tqarob.blogspot.com */

.showpageNum a, .showpage a {
color: #9d9d9d;
text-decoration:none;
margin:0  3px;
padding:5px 10px;
text-align:center;


filter:  progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#9dd53a&#39;,  endColorstr=&#39;#7cbc0a&#39;,GradientType=0 ); }/* www.tqarob.blogspot.com */





.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=&#39;#e2e2e2&#39;,  endColorstr=&#39;#fefefe&#39;,GradientType=0 );
}






.showpageOf {text-decoration:none;padding:3px;margin:  0 3px 0 0; text-align:center; }/* www.tqarob.blogspot.com */

.showpageNum a:link,.showpage a:link {text-decoration:none;color:#9d9d9d;}/* www.tqarob.blogspot.com */



</style>
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=9;
var numshowpage=11;
var downPageWord =&#39;&#187;&#39;;
var upPageWord =&#39;&#171;&#39;;
</script>
<script src='http://tqarob.googlecode.com/files/tqarob_bloggerpagenavi.js' type='text/javascript'/>
<!-- Stylish colored Numbered Page Navigation Widget For Blogger By tqarob @ http://www.tqarob.blogspot.com -->

. الان مبرووووووووك عليك الاضافة قم بمشاركة الاداة مع اصدقائك في فيسبوك وتويتر

ولاتنسي الاشتراك بصفحتنا على الفيس بوك