ترقيم الصفحات لمدونات Blogger

شارك :
http://arabicash2.blogspot.com/2011/09/blogger_09.html
بسم الله الرحمن الرحيم والصلاة والسلام على اشرف المرسلين .شرح بسيط لكيفية إضافة ترقيم للصفحات في مدونات بلوقر تعددت الإضافات وتعدت الأساليب لكيفية إضافة ترقيم للصفحات فناك من يحبذ استعمال ترقيم الصفحات  لصور الصغيرة في أسفل التدوينة الصفحة الرئيسية والرسالة الأحداث الرسالة الأقدام وهكذا وكل ودوقه
لكن ما انصح به لمن لديه ال100 مقالة إلى ما فوق مثل مدونتي إضافة ترقيم للصفحات فهي أحسن لمادا.لان الزوار لن يعرفوا ماهو عدد صفحات مدونتك وحجم المقالات التي نشرتها إلا بعد إضافة ترقيم الصفحات إلى مدونتك وهده الأداة تساعد الزائر على معرفة أين وصل في تصفح مقالاتك أو مواضيعك ادن نذهب ألان إلى الشرح وكيفية إضافة ترقيم الصفحات إلى مدونتك
لوحة المفاتيح في حاسوبك اضغط على 
جميع الحقوق محفوظة لمدونة عربي كاش2  
  (Ctrl+f) وابحث عن الكود التالي:    ]]></b:skin>وفوقه مباشرة قم بلصق الكود التالي: 
.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px;
}

.showpageArea a {
color: #000;
text-shadow:0 1px 2px #fff;
font-weight: 700;
}

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #919106;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuNDWi57yJ039TKjAtRHBfR7jFFAPhsQbbLutLQDP76ataCxvj5oddn8D8w7voUT4tVotMocri2RHUbHJt-uD_FHdD5ioSAgpBGBbGu836Mi7CSs8R2WHj0nzx-H4x1Qm8JU0HCzsCBt8/s400/wp2.jpg) 0 -50px repeat-x;
}

.showpageNum a:hover {
border:1px solid #aeae0a;
background: #ccc url(ttp:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuNDWi57yJ039TKjAtRHBfR7jFFAPhsQbbLutLQDP76ataCxvj5oddn8D8w7voUT4tVotMocri2RHUbHJt-uD_FHdD5ioSAgpBGBbGu836Mi7CSs8R2WHj0nzx-H4x1Qm8JU0HCzsCBt8/s400/wp2.jpg) 0 -25px repeat-x;
}

.showpageOf{
margin:0 8px 0 0;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #919106;
background: #666 url(ttp:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuNDWi57yJ039TKjAtRHBfR7jFFAPhsQbbLutLQDP76ataCxvj5oddn8D8w7voUT4tVotMocri2RHUbHJt-uD_FHdD5ioSAgpBGBbGu836Mi7CSs8R2WHj0nzx-H4x1Qm8JU0HCzsCBt8/s400/wp2.jpg) 0 0 repeat-x;
text-decoration: none;
}


الخطوة الثانية هي البحث عن هدا الكود:        </body>

ومباشرة فوقه قم بإضافة هدا الكود المعدل

&lt;script type='text/javascript'&gt;
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
&lt;/script&gt;
&lt;script src='http://sites.google.com/site/testsajasite/pagenav.js' type='text/javascript'&gt;&lt;/script&gt;


شارك :

jamaa alhiane

إضافات بلوجر

دروس البلوقر

ما رأيك بالموضوع !

4 comments:

  1. تسلم إيد أخى على الموضوع الرائع

    تقبل مرورى

    ةلأرجو ان تشرفنى بزيارة مدونتى
    http://welcomsport.blogspot.com

    ردحذف
  2. يسلموا اخي الكريم بالنسبة لمدونتك فهي رائعة

    ردحذف
  3. تسلم اخى الكريم على المدونة
    بارك الله فيك

    عملت الخطوات بالظبط
    بس مافيش حاجة اتغيرت

    /alimaher19.blogspot.com

    ردحذف
    الردود
    1. اخي هل قمت اتبعت الخطوات التي دكرتها, كما يجب لاني قمت بتجربتها اولا على مدونتي وكانت تعمل

      حذف

أكتب تعليقك هنا وشاركنا برأيك .