الحل الامثل لترقيم صفحات مدونة بلوجر بخمسة الوان - اصدار اخير

السلام عليكم ورحمة الله وبركاته , اعزائي زوار ومتابعي مدونة تقارب . موعدنا اليوم مع اضافه في غاية الاهميه لمدونات بلوجر و يبحث عنها الكثيرين وهي اضافة ترقيم صفحات مدونة بلوجر او فيما يعرف بين اغلب المدونين ب هاك ترقيم الصفحات . الجديد في اضافة اليوم انها بخمسة الوان كما هو موح في الصوره المرفقه داخل تلك التدوينه او من خلال مثال حى على مدونتي ويمكنك التنقل بين الالوان ومشاهدتها من خلال الخمس نجوم الموجودين على يمين الشاشه . قمت باختيار الالوان بعناية شديده لتناسب جميع الاذواق وبالامكان وضع الوان اخرى الى ما لا نهاية سواء من جانب من يقوم بتطبيق الاضافه او من جانبي انا واتاحتها للمبتدئين . هاك ترقيم الصفحات المطروح في تلك التدوينه يختلف كليا عن باقي ماهو مطروح في المدونات فتاثيرات ال css الموجوده فيه لن تجدها الا هنا كذلك تم الاستغناء عن رابط الجافا سكربت الخارجي من اجل تحميل اسرع للصفحه وظهور سريع للاضافه ودمج المحتويات داخل القالب مباشرة .. ان اعجبتك الاضافه وتود تطبيقها على مدونتك . قم باتباع التالي . سجل دخول الى لوحة تحكم مدونة بلوجر ثم اذهب الي  تحرير HTML  وقم بالبحث عن الوسم التالي </body> ثم ضع قبله او فوقه مباشرة الكود الموجود بالاسفل
هاك ترقيم صفحات بلوجر<!-- PAGE NAVIGATION STAR-->
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord =&#39;&#9668;&#39;;
var downPageWord =&#39;&#9658;&#39;;

</script>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('5 G;5 i;5 b;5 n;1f();x 1g(15){5 6=\'\';H=I(K/2);3(H==K-H){K=H*2+1}J=b-H;3(J<1)J=1;o=I(15/j)+1;3(o-1==15/j)o=o-1;L=J+K-1;3(L>o)L=o;6+="<4 e=\'1y\'>1z "+b+\' 1A \'+o+"</4>";5 16=I(b)-1;3(b>1){3(b==2){3(i=="w"){6+=\'<4 e="1B"><a f="\'+y+\'">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">\'+M+\'</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+16+\');A B">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+16+\');A B">\'+M+\'</a></4>\'}}}1h(5 g=J;g<=L;g++){3(b==g){6+=\'<4 e="1C">\'+g+\'</4>\'}c 3(g==1){3(i=="w"){6+=\'<4 e="k"><a f="\'+y+\'">1</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">1</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+g+\');A B">\'+g+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+g+\');A B">\'+g+\'</a></4>\'}}}5 17=I(b)+1;3(b<o){3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+17+\');A B">\'+1i+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+17+\');A B">\'+1i+\'</a></4>\'}}5 C=u.1D("C");5 18=u.1E("1F-1G");1h(5 p=0;p<C.P;p++){C[p].1j=6}3(C&&C.P>0){6=\'\'}3(18){18.1j=6}}x 1a(Q){5 R=Q.R;5 1k=I(R.1H$1I.$t,10);1g(1k)}x 1f(){5 d=m;3(d.9("/r/s/")!=-1){3(d.9("?S-7")!=-1){n=d.D(d.9("/r/s/")+14,d.9("?S-7"))}c{n=d.D(d.9("/r/s/")+14,d.9("?&7"))}}3(d.9("?q=")==-1&&d.9(".6")==-1){3(d.9("/r/s/")==-1){i="w";3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l("<h T=\\""+y+"U/V/W?7-l=1&X=Y-Z-h&11=1a\\"><\\/h>")}c{i="s";3(d.9("&7-l=")==-1){j=1J}3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l(\'<h T="\'+y+\'U/V/W/-/\'+n+\'?X=Y-Z-h&11=1a&7-l=1" ><\\/h>\')}}}x N(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x O(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W/-/"+n+"?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x 1b(Q){1c=Q.R.1K[0];5 1w=1c.1x.$t.D(0,19)+1c.1x.$t.D(1L,1M);5 1d=1N(1w);3(i=="w"){5 1e="/r?S-7="+1d+"&7-l="+j+"#E="+G}c{5 1e="/r/s/"+n+"?S-7="+1d+"&7-l="+j+"#E="+G}1O.f=1e}',62,113,'|||if|span|var|html|max||indexOf||nomerhal|else|thisUrl|class|href|jj|script|jenis|postperpage|showpageNum|results|urlactivepage|lblname1|maksimal|||search|label||document|newInclude|page|function|home_page|onclick|return|false|pageArea|substring|PageNo|numberpage|nopage|nomerkiri|parseInt|mulai|numshowpage|akhir|upPageWord|redirectpage|redirectlabel|length|root|feed|updated|src|feeds|posts|summary|alt|json|in||callback|jsonstart|nBody||banyakdata|prevnomer|nextnomer|blogPager||hitungtotaldata|finddatepost|post|timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|innerHTML|totaldata|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|appendChild|timestamp1|published|showpageOf|Page|of|showpage|showpagePoint|getElementsByName|getElementById|blog|pager|openSearch|totalResults|20|entry|23|29|encodeURIComponent|location'.split('|'),0,{}))
//]]>
</script>
<!-- PAGE NAVIGATION STOP-->
لتخصيص الكود بما يتناسب مع مدونتك  ابحث فيه عن
var postperpage=7;   غير الرقم 7 بعدد التدوينات التي حددت ظهورها في الصفحه الرئيسيه للمدونه من خلال تحرير اداة رسائل المدونه.
var numshowpage=4; غير الرقم 4 باي رقم تريده فهو المسؤول عن عدد الترقيمات التي تظهر بداخل الاداه في صفحة مدونتك الرئيسيه .
الى هنا نكون قد انتهينا من الجزء المهم في الموضوع وننتقل الي الالوان الخمسه لاضافة ترقيم الصفحات  وساقوم بوضع عنوان توضيحي لكل لون واسفله الكود الخاص به وما عليك سوى اختيار اللون الذي يتناسبك ومن ثم نسخ الكود الموجود اسفل عنوانه .
1 - هاك ترقيم صفحات مدونة بلوجر باللون الازرق :
/* -- NUMBER PAGE NAVIGATION -- */.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #3B5998;
  color:#fff;
  }

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
  border:1px solid #888;
  background: #ccc;
  }

.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 #999;
  background: #F1BA24;
  text-decoration: none;
  }
2 - هاك ترقيم صفحات مدونة بلوجر باللون الرصاصي :
/* -- NUMBER PAGE NAVIGATION -- */.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #52575C;
  color:#fff;
  }

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
  border:1px solid #888;
  background: #ccc;
  }

.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 #999;
  background: #F1BA24;
  text-decoration: none;
  }
3 - هاك ترقيم صفحات مدونة بلوجر باللون البرتقالي :
/* -- NUMBER PAGE NAVIGATION -- */.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #7B3A11;
  color:#fff;
  }

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
  border:1px solid #888;
  background: #ccc;
  }

.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 #999;
  background: #F1BA24;
  text-decoration: none;
  }
4 - هاك ترقيم صفحات مدونة بلوجر باللون الاخضر :
/* -- NUMBER PAGE NAVIGATION -- */.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #3F8657;
  color:#fff;
  }

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
  border:1px solid #888;
  background: #ccc;
  }

.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 #999;
  background: #F1BA24;
  text-decoration: none;
  }

5 - هاك ترقيم صفحات مدونة بلوجر باللون الارجواني :
 /* -- NUMBER PAGE NAVIGATION -- */.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #8B2F73;
  color:#fff;
  }

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
  border:1px solid #888;
  background: #ccc;
  }

.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 #999;
  background: #F1BA24;
  text-decoration: none;
  }
* لا تنسى انه لست ملزما سوى بنسخ كود واحد من الاكواد الخمسه الاخيره ذات العناوين الخمسه حسب اللون .
بعد اختيارك للكود الذي يتناسب مع الوان مدونتك قم بوضعه قبل هذا الوسم ]]></b:skin> مباشرة . ثم قم بحفظ القالب .وقبلها لا تنسى اخذ نسخه احتياطيه . اى استفسار يرجا ترك تعليق بالاسفل. انتهى .
أصدقاء(تطوير ويب)
تعليقات Facebook
13تعليقات Blogger

13 عدد التعليقات على موضوع الحل الامثل لترقيم صفحات مدونة بلوجر بخمسة الوان - اصدار اخير

Ahmed S Ahmed يقول...

تسلم أخي الكريم على هذه الإضافة .. وأتمنى لك التوفيق دائماً ..

tqarob weblog يقول...

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

Mahmoud Ahmed يقول...

اضافة رائعه كل التحيه للتميز الراقي

tqarob weblog يقول...

شكرا لك اخي العزيز على متابعتك المستمره لكل ما ينشر هنا . بالتوفيق لك

islam يقول...

أحسنت .. إضافة رائعة وشكلها منسق :)

tqarob weblog يقول...

بارك الله فيك اخى اسلام على كلامك ومرورك الرائع شاكر لك متابعتك المستمره , تقبل مودتى وتقديري ..

fox max يقول...

السلام عليكم

اخى الكريم انا جربت الاضافة اكثر من مرة ولا كنها لم تظهر عندى ومش بس الاضافة دى جربت اضافات كتير من نفس النوع ولاكن لم تظره
ياريت تشوف مدونتى وتقلى اية المشكلة
http://ar-decoor.blogspot.com/

tqarob weblog يقول...

كيف ستنفع معك وانت بالاساس عندك اضافه ترقيم للصفحات؟؟ قم بازاة القديمه ان اردت وركب تلك

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .