الثلاثاء، 17 نوفمبر 2009

كيف ترقم صفحات مدونتك ؟ ترقيم الصفحات في مدونة بلوجر page navigation

قراءة للموضوع




بسم الله و الحمد لله و الصلاة و السلام على خير خلق الله نبينا محمد المصطفى الأمين و على آله و صحبه الكرام البررة و من تبعهم بإحسان إلى يوم الدين. و بعد ..

تريد أن تستغني عن الطريقة القديمة في تصفح مدونتك على blogger إذن فهذه الإضافة تخصك فقط تابع المراحل و انظر كم هي سهلة ، كما ان هذه الاداة موجودة في ( مدونة المحررون العرب) اسفل الصفحة الرئيسية نرجو من الإخوة الزوار مشاهدتها .

أولا : من لوح تحكم مدونتك و تحت تبويب ( تخطيط ) تختار "عناصر الصفحة" ثم تضيف إداة Html/Javascript جديدة في أي مكان تشاء لأننا سننقلها فيما بعد . الآن أنت أمام نافدة الأداة فقط قم بنسخ الكود الموالي و ألصقه داخلها و لا تجعل لها عنوانا.

مثال : صورة الكود بعد أصافته ( النتيجة )



قم بنسخ الكود التالي :

<style>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}

</style>



<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';


var pageCount=5;
var displayPageNum=3;
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';



var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://www.techieblogger.com/2008/07/page-navigation-hack-for-blogger.htm">Grab this Widget ~ Blogger Accessories</a></div>

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


اضغط الصورة لتكبر



نرجو من الاخوة الزوار التعليق على الموضوع ولو بكلمة ( شكراً )

92 التعليقات:

غير معرف يقول...

زادك الله من علمه وجعله الله
فى ميزان حسناتك
تحياتى
ويبقى التواصل

غير معرف يقول...

أرجو منك رفع الكلمة التأكيدية للتعليقات
وذلك للتسهيل على من
يريد التعليق
تحياتى
ويبقى التواصل

عبدالرحمن ظافر فرحان يقول...

أشكرك يالغالي

خالد محمد (ابوخلود) يقول...

الاخ / فرسان على مر الزمان اشكرك جزيل الشكر وعلى شانك لقد قمت برفع الكلمة التأكيدية لسهولة وسرعة التعليقات للاخوة الاعزاء زوار مدونتي ، ونحن مستمرين في كل ماهو جديد او قديم حول تحسينات وتطويرات مدونات بلوجر وتبسيطها للمدونيين المبتدئين .

خالد محمد (ابوخلود) يقول...

ولك ايظا الف الف شكر يا اخ عبد الرحمن فا انا مستعد للرد على اي استفسار لكل مدون عربي .

موقع نادى الزمالك تيم يقول...

اضفتها
ولكن لم تظهر

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

خالد محمد (ابوخلود) يقول...

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

خالد محمد (ابوخلود) يقول...

الاخ موقع نادي الزمالك
اعتقد انك لم تقم بسحب الاداة بعد اضافتها من العمود الجانبي sidebar الى اسفل مربع ( الرسائل الالكترونية ) الموجود في عناصر الصفحة في لوحة تحكمك .
وشكرا

games يقول...

ألف مليون شكر اخي

دودي فلسطين يقول...

من زمان كنت بدور على هيك طريقة
الحمد لله زبطت
شكرا لك اخويا

www.forexye.blogspot.com يقول...

مشكور

http://forexye.blogspot.com/

FOREX ,FOREX TRADER
اخبار اقتصادية, توصيات مجانية, فوركس , ,استراتيجيات فوركس , دروس شروحات فيديو لتعليم الفوركس , توصيات وتحليلات يومية , تعلم الفوركس ,تعليم الفوركس ,تعليم تداول العملات , تعلم المضاربه استراتيجيات فوركس , كتب تعليمية مجانية , دروس شروحات فيديو لتعليم الفوركس , توصيات وتحليلات يومية , تعلم الفوركس , تعليم الفوركس , تعليم تداول العملات , تعلم المضاربه , تعليم المضاربه , دروس الفوركس , موضوع الفوركس , كتب عن الفوركس , برنامج MetaTrader , برنامج AL Trade , التداول , تداول

http://forexye.blogspot.com

ELMANSY يقول...

انا معرفتش اركب الكود يا غالى كل ما بعملة بيطلع غلط ارجو انك تكلمنى على الاميل ياريت يا صحبى
elmansy@ymail.com

S T A R 7 O B يقول...

الف شكرا يا صحبى وتم التنفيذ وبالتوفيق الدائم ..

حصان المرجيحة يقول...

جزاك الله خيرا يا حبيب قلبي
و يا رب دايما فاكرني بالخير
و اعذرني ان كنت مشغول شوية
بس و الله في بالي

نيو شو يقول...

مشكور اوى ىىىىىىىىى

خالد محمد (ابوخلود) يقول...

اخي ELMANSY
من لوحة تحكم المدونة تذهب الى قائمة تخطيط ثم من قائمة التخطيط تضغط على قائمة ( عناصر الصفحة ) في هذا القائمة تظهر عناصر للصفحة (يعني العمود الجانبي ( side bar ) وفوقه عنوان المدونة والناف بار يعني مثل ما هو موجود في الصورة اللي موجودة في الدرس ) ثم تذهب الى راس العمود الجانبي تجد هناك رابط اسمة اضافة اداة اضغط عليه تظهر لك قائمة منبثقة فيها كل الادوات اختار منهما اداة تسمى ( HTML /javascript ) اضغط عليها ثم قم بنسخ الكود من الدرس ادناه والصقة في هذه الاداة واعمل حفظ بعدها قم بسحب الاداة بالماوس من راس العمود الجانبي الى اسفل صندوق الرسائل .

S T A R 7 O B يقول...

بسم الله الرحمن الرحيم
*********

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

معاينه :-
http://star7ob.blogspot.com/

اتمنا ان يكون حل ..

بالتوفيق

ELMANSY يقول...

اخى الغالى تمام تم التركيب بــ نجاح ولكن فى مشكله بسيطة

ان انا عامل 20رساله فى الصفحة وفى الصفحة الرئسية وتمام خالص ولكن بتنسخ اتمتكيه موقيع وتضعها فى الصفحات الاخره بدون امر وبتخالى الصفحة الثانيه 7موضيع والصفحة الثالثه 4 او 5 موضيع
ارجو ان يكون فى حل متابع معاك ياغالى

Mr.Farid يقول...

شكرا جزيلا وتم التركيب

http://egycastle.blogspot.com/

girl يقول...

عدد لا نهائي من شكرا

Osama Hussein يقول...

ألف شكر على هذا المجهود و أتمنى تشريفكم لى بزيارة لأعرف رأيكم فى مدوناتى

http://golden4x.blogspot.com

وعلى فكرة أنا مبتدأ و لست خبيرا مثلكم
أسامة حسين
محلل فنى و مدير محافظ مالية

محمد سامى يقول...

سررت بدخلى مدونتك اخى خالد

لقد استفدت من مواضيعك فى تطوير مدونتى
http://officena-m.blogspot.com/

متجر سبتمبر مول يقول...

مو بس تستحق كلمة شكر

تستحق دعوه بظهر الغيب

ربي يجزاك خييييييييير

والله يوفقك ياااااااارب

استفدت كثيييييييير منك بتطوير مدونتي


http://ghrooob.blogspot.com/

غير معرف يقول...

وضعتها ولم تظهر
لكن أنا مدونتي جديدة لم أكتب شئ بها
هل لذلك لم تظهر ؟
شاكرة لك

علي يقول...

جزاك الله كل خير أخي العزيز ... انا ان شاء الله راح أجربها ... توني مدون جديد أدعولي بالتوفيق محتاج لدعواتكم .

خالد الزيوت يقول...

مشكور عالجهد لكن ما زبطت معي
http://jo-gr.blogspot.com/
ليش ما بعرف

publisher يقول...

مشكورين على الموضوع القيم

غير معرف يقول...

thanks

ستارت فوركس يقول...

السلام عليكم
بعد التحيه
اخوانى لدى مدونه على بلوجر منذ فتره وكانت تؤرشف جيدا وكانت دائما تظهر فى الصفحات الاولى وبعد فتره وجدت ان المواضيع لا تظهر اساسا على محرك بحث جوجل وبعد حوالى اسبوعين رجعت الارشفه اقوى من السابق واستمرت قرابة الشهر والان حدث نفس المشكله للمره الثانيه ولكن طال وقت المشكله هذه المره ارجو المساعده فى ايجاد الحلول ولكم جزيل الشكر
رابط المدونه: http://start-forex-09.blogspot.com/

hesham يقول...

شكرا جزيلا بارك الله فيك

احمد القرني يقول...

يعطيك العافية يامبدع

غير معرف يقول...

شكرا جزيلا بارك الله فيك يا غالي

~> http://www.images-ll.blogspot.com

احمد القرني يقول...

مشكوووووور على الموضوووع الروعة الكود ضابط على المدونة الي حاب يزورها اتشرف بزيارتكم
http://dale3jawalk.blogspot.com

جنرال يقول...

السلام عليكم و رحمة الله و بركاته
* إصنع بنفسك :
- ( أحبار - عطور - كريمات - منظفات - الكترونيات - مبيدات - منتجات للبيع )
على مدونة وصفات :
http://www.wasafat2.blogspot.com/
ارجو تشريف مدونتي بالزيارة و إبداء آرائكم

ZIZOU يقول...

مشكور اخي على الدروس الله يحميك ويخليك يا رب

Unknown يقول...

للاسف حاولت كثير لكن الكود لم يصلح

مشكور اخوي على المجهود

غير معرف يقول...

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


مدونتي حول الشذوذ الجنسي
هيا نتعرف علي المثلية
http://almitliya.blogspot.com/

mohamed salah يقول...

بجد مدونة جامدة جدا وفادتنى وتسلم وربنا يوفقك ويكرمك
http://3lakefkefak.blogspot.com/

boka يقول...

مشكور
بس عندي سؤال ارجو الاجابة عليه
انا عندي رسايل كتير في المدونة ازاي اظهر اسم الرسالة وحوالي 6 او 7 سطور منها و تحتها اقرأ االمزيد
وبعدين الرسالة اللي بعدها وهكذا

غير معرف يقول...
أزال المؤلف هذا التعليق.
asoalghamdi يقول...

جميل جدا =]

doodee يقول...

شووووووووووكرااااااا

يعطيك الف عافيه ويوفقك وييسر أمورك ويرزقك من حيث لاتحتسب

دووودي

Owl H يقول...

يعطيك العافية

شكرا

الثانوية العامة يقول...

شكرا لك وتم اضافة الاداة لمدونة
الثانوية العامة

متعاطف يقول...

شكرا لكم ووفقك الله تعالى

غير معرف يقول...

مشكولر يا أخي جزاك الله خيرا شرفني بزيارتك لمدونتاي
قصص و حكايات http://kesaswehekayat.blogspot.com/
أقلام http://aqlam-a.blogspot.com/

judyaroba يقول...

شكرا شكرا شكرا شكرا وبارك الله فيك شغلك مظبوط من اول مره ماشاء الله

راجية الفردوس يقول...

jazaki allaho al ferdawsse al a3la

غير معرف يقول...

الكود غير صحيح وشكرا

7nOon يقول...

يعطيك الف عافيه مره افدتني

alhwawi يقول...

يعطيك العافيه

مدونتي /عالم العجائب

http://3gaebworld.blogspot.com/

غير معرف يقول...

لم تظهر لي أيضا حاولت كثيرا
http://helmalomomah.blogspot.com/

سمــآ ..~ يقول...

شكراً ، لكن لم يظهر شيء !

:(

غير معرف يقول...

شكرا على الاضافات الجيدة وهذه مدونتى
http://shweeps10.blogspot.com

خواطر خفوق يقول...

يعطيك العافية اخوي

عنفوووان انثى .. يقول...

جزاك الله الف خير

World Finance يقول...

شكرا على الاضافة الجيدة وهذه مدونتى
http://cpu-computer.blogspot.com

غير معرف يقول...

شكرا عمل موفق بالفعل

محب الجمال يقول...

مشكور ياغالي

www.time4arab.blogspot.com

إيمان يقول...

شكراااااااااااااااااااااااااااااااااااااا
ربي يجازيك كل خير ويحفظك

ahmed gamal يقول...

شكرا

elprens يقول...

aشكرا على الكود

adel mekkaoui يقول...

شكرا اخييييي

Wasfat يقول...

انا جربت ترقيم الصفحات واشتغل معايا شكرا كتيييير على المجهود

غير معرف يقول...

ImgsFree : شكرا جزيلا بارك الله فيك يا غالي

Unknown يقول...

تسلم ايدك بجد طريقه رائعه

واشتغلت معايا 100 % ومن أول محاوله بجد شكرا

ده رابط مدونتي يشرفني لو زورتوها وقولتوا لي رأيكم

فيها وازاي اطورها واحسنها ولو كان فيها بعض العيوب

ياريت تقولوهالي

http://anamassrey.blogspot.com/

شكرا

Unknown يقول...

جزاكم الله خيرا

music videos with lyrics يقول...

ma naj7at ma3i :(

sose يقول...

شكراااا

sose يقول...

مماني عارفة كيف اشكرك يسلموووو

samyqaid يقول...

لا تعمل نهائى

الوعد يقول...

شكرا كتيررررررر على الاداه ممتازة

http://elwaad.blogspot.com/

. يقول...

بارك الله فيك
http://cherry-flower7.blogspot.com

Love Korean يقول...

يعطيك العافيه وربي يجزاك خييير

تم

Love Korean يقول...

ضبطت معي ربي يسعدك


http://love-korian.blogspot.com/

أمنيتي الجنة يقول...

جزاك الله خير الجزاء طريقة راائعه ..

غير معرف يقول...

الف الف مشكوررررررررررررررررررررررررررررررر

Unknown يقول...

شكرا ليك جدا

зsɦȣтĸ يقول...

ششكرا أخخخي ()

bigames33 يقول...

شكرا

افلام اون لاين يقول...

الف شكر ماتريكس لخدمات الكمبيوتر ومشاكل الكمبيوتر سوفت وير وهارد وير http://matrixae.blogspot.com/
قنوات اون مباشر لكل القنوات المشفرة وغير المشفرة قنوات رياضية قنوات افلام \قنوات اجنبى\قنوات كرتون \
http://aflamonlinea.blogspot.com/

أخبار - أهرام يقول...

شكرا جدا على الموضوع

Unknown يقول...

جزاكم الله خيرا

basbosa يقول...

تسلم اخى على الأضافة رائعة

shehoecho يقول...

الف الف شكر يا خاى جزالك الله خيرا

غير معرف يقول...

جزال الله عنا كل خير

Unknown يقول...

فعلاً اضافة مهمة، شكراً جزيلاً.

shweeps يقول...

اشكرك اخي الفاضل علي هذه المعلومات القيمة
http://shehaplesson.blogspot.com/

http://shehaplesson.blogspot.com/ يقول...

فعلا اول مرة اقوم بوضع كود يعمل بطرية جدة جدا اشكركم علي هذا المجهود الاكثر من رائع

http://alyomtop.blogspot.com/ يقول...

شكرا جزيلا علي مدونتك الممتازة

نبضة يقول...

شكراً ج ـزيلاً

le gener يقول...

وفيت وكفيت اخي.. شكرا

ahmadhissein.blogspot.com