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



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

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


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

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

من لوحة التحكم اضغط على التخطيط – تحرير 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 + &quot;?&amp;max-results=5&quot;'

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

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

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


اذا اعجبتك هذه التدوينة فلا تنسى ان تشاركها وتساعدنا على نشر المدونة ، كما يسعدنا ان تنضم الى قائمة المشاركين في سما بلوجر من خلال (نشرات rss)

17 التعليقات:

Abd-alrhman يقول...

شكرا لك


//

ممكن طلب اريد اضافه عدد المشاهدين في التدوينه
يكون في كل تدوينه عداد خاص؟

هل يمكنك مساعدتي؟

Anonymous يقول...

merci

charaf eddin يقول...

السلام عليكم.. من يريد تبادل اعلاني؟؟؟

Anonymous يقول...

لماذا لا يوجد مثال

adi arar يقول...

عبدالرحمن ،
اهلا اخي ، سأتطرق لهذا الموضوع في تدوينات قادمه ،

غير معرف ،
العفو واهلا بك .

شرف الدين ،
شكرا لمرورك .

غير معرف ،
اعتذر اخي ، سأضعه في اقرب وقت

BaSSeM يقول...

شكرا لك يا غالي على الإضافة التي ترجمتها الى العربية .. ويرجى كما تقول انت ذكر مصدر الإضافة .. خخخخخخخ
مدونة الباسم

Light In The Dark يقول...

شكرا عالإضافه ولكن لم تنجح معي ..

adi arar يقول...

‏Light in the dark‏ ‏،
الاضافه تعمل جيدا ، راجع خطوات التركيب ، وشكرا لمرورك

adi arar يقول...

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

βlack.Ops يقول...

يعطيك العافية
لكني لم أجد هذه الكلمة في البحث !!
]]>

βlack.Ops يقول...

]]>

nadim يقول...

اريد وضع فيديو

سمو الامير يقول...

جميييييييييلة جدا
اشكرك :)

adi arar يقول...

بلاك ،
تأكد من نسخك لهذه الكلمة فهي ليست كما كتبتها في تعليقك ، هذه هي ]]>

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

سمو الامير ،
تعليقك الاجمل ، شكرا لمرورك الكريم .

Anonymous يقول...

تابعت كل الخطوات أخي

لم يظهر شئ لماذا ؟

+

عندي ترقيم لصفحات جاء تلقائيا مع القالب

و هو لا يعمل يظل في الصفحة رقم 1 دائما

حتى و أن ضفت 10 موضوع .. !!

معي أني عملت 3 مواضيع في الصفحة الواحدة

شوف مدونتي و أعطيني الحل أخي الكريم

http://teqniat.blogspot.com

adi arar يقول...

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

Dr/ walaa salah يقول...

السلام عليكم

انا عملت نفس الخطوات بس للاسف ما طلعش ليا غير اكواد في الصفحه الرئيسيه

إرسال تعليق

Search

عبر فيس بوك

زوارنا الاعزاء

المتوجدون الان