اضافة ارقام الصفحات (شكل جديد وجميل) blogger

السلام عليكم ،

طرحت في تدوينة سابقة شرح كيفية اضافة ارقام الصفحات لمدونات بلوجر ، وها انا مرة اخرى اتحدث عن نفس الموضوع ، ولكن الجديد هو الشكل الاكثر اناقة واحترافا من الشكل السابق ، طبعا وكالعادة لا اعرض اية اضافة دون تجربتها والتأكد من عملها بشكل صحيح ، لا اريد ان اطيل عليكم ، قبل ان تركب هذه الاضافة يمكنك مشاهدة هذه المدونة لمعاينة الاضافة . 

تابع بقية التدوينة اذا اعجبتك الاضافة ....

__________________________________________________________________

- طريقة تركيب الاضافة -

الخطوة الاولى

من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع فوالب عناصرواجهة المستخدم

الخطوة الثانية

ابحث عن :

]]></b:skin>

واضف قبلها مباشرة (فوقها) :

.paginator {
 margin-top:60px;
 font-size:1em;
}
.paginator table {
 border-collapse:collapse;
 table-layout:fixed;
 width:100%;
}
.paginator table td {
 padding:0;
 white-space:nowrap;
 text-align:center;
}
.paginator span {
 display:block;
 padding:3px 0;
 color:#fff;
}
.paginator span strong,
.paginator span a {
 padding:2px 6px;
}
.paginator span strong {
 background:#ff6c24;
 font-style:tahoma;
 font-weight:normal;
}
.paginator .scroll_bar {
 width:100%; height:20px;
 position:relative;
 margin-top:10px;
}
.paginator .scroll_trough {
 width:100%; height:3px;
 background:#ccc;
 overflow:hidden;
}
.paginator .scroll_thumb {
 position:absolute;
 z-index:2;
 width:0; height:3px;
 top:0; right:0;
 font-size:1px;
 background:#363636;
}
.paginator .scroll_knob {
 position:absolute;
 top:-5px; right:50%;
 margin-right:-10px;
 width:20px; height:20px;
 overflow:hidden;
 background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/slider_knob.gif) no-repeat 50% 50%;
 cursor:pointer; cursor:hand;
}
.paginator .current_page_mark {
 position:absolute;
 z-index:1;
 top:0; left:0;
 width:0; height:3px;
 overflow:hidden;
 background:#ff6c24;
}

.fullsize .scroll_thumb {
 display:none;
}

.paginator_pages {
 width:550px;
 text-align:right;
 font-size:0.8em;
 color:#808080;
 margin-top:-10px;
}

 الان ابحث عن :

</body>

 واستبدلها بـ :

  <script src='http://scriptabufarhan.googlecode.com/svn/trunk/paginator3000.js' type='text/javascript'></script>
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=6;
</script>
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/paginator3000-forblogger-v1.0.0.js' type='text/javascript'/>
</body>

شرح الرموز باللون الاحمر :

var postperpage=5; : عدد التدوينات في الصفحة الواحدة

var numshowpage=10 : عدد الصفحات التي ستظهر ارقامها في العداد 

اذا اكتفيت بهذا القدر ولا تريد ان تظهر عدد الصفحات في كل تبويب او تصنيف تدخل اليه بحيث اذا كان يحتوي هذا التصنيف على 20 تدوينة فسيتم تقسيمها الى 5 تدوينات لكل صفحة ( طبعا هذا يرتبط بوجود قائمة التصنيفات في مدونتك )

ان رغبت في الاستمرار فتابع للاسفل :

الان ابحث عن :

'data:label.url'

واستبدلها بـ :

'data:label.url + "?&max-results=5"'

الرقم 5 هو عدد التدوينات في كل صفحة .

اعتقد بأن هذا يكفي ، لأي استفسار اترك تعليق ، ومبروك عليك الاضافة

شكرا لصاحب هذه الاضافة الاخ abu-farhan

 شارك هذه الصفحة :

شارك الصفحة في الفيس بوك شارك الصفحة في صدي قوقل شارك الصفحة في تويتر Twitter تابعنا عبر خدمة الخلاصات RSS تابع تعليقات المدونة عبر الـRSS

أضف بريدك للاشتراك بالقائمة البريدية Delivered by FeedBurner