تواصل وتفاعل مع المدونة

.showpageArea a { text-decoration:underline; } .showpageNum a { border:1px solid #aeaeae; margin:0 3px; padding:3px 7px; text-decoration:none; } .showpageNum a:hover { background-color:#0a8be5; border:1px solid #000000; } .showpagePoint { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#aeaeae none repeat scroll 0 0; border:1px solid #aeaeae; color:#333333; margin:0 3px; padding:3px 7px; text-decoration:none; } .showpageOf { margin:0 3px 0 0; padding:3px 7px; text-decoration:none; } .showpage a { border:1px solid #aeaeae; padding:3px 7px; text-decoration:none; } .showpage a:hover { text-decoration:none; } .showpageNum a:link, .showpage a:link { color:#333333; text-decoration:none; }

الجمعة، 9 سبتمبر 2011

ترقيم الصفحات لمدونات 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/AVvXsEhJx1CzjUII0kdEW0MO6O9c3GXxLo2L6RuyApjS7oZ7BgwcXYvfGykMu9MA7__o0d5oldvN3MYA5xjQ1scqGlA1EKv5s7XN14ddA1YaTnkRGoBtXPs3n82eWcg8AaMN8lLy5GM_I2G-CDU/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/AVvXsEhJx1CzjUII0kdEW0MO6O9c3GXxLo2L6RuyApjS7oZ7BgwcXYvfGykMu9MA7__o0d5oldvN3MYA5xjQ1scqGlA1EKv5s7XN14ddA1YaTnkRGoBtXPs3n82eWcg8AaMN8lLy5GM_I2G-CDU/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/AVvXsEhJx1CzjUII0kdEW0MO6O9c3GXxLo2L6RuyApjS7oZ7BgwcXYvfGykMu9MA7__o0d5oldvN3MYA5xjQ1scqGlA1EKv5s7XN14ddA1YaTnkRGoBtXPs3n82eWcg8AaMN8lLy5GM_I2G-CDU/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;


abuiyad

3 التعليقات:

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

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

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

    /alimaher19.blogspot.com

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

      حذف

رسالة أحدث رسالة أحدث الصفحة الرئيسية
back to top