المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : الحل الامثل لترقيم صفحات مدونة blog بلوجر بخمسة الوان



walid
11-01-2013, بتوقيت غرينيتش 08:19 AM
اضافة ترقيم صفحات مدونة blog بلوجر او فيما يعرف بين اغلب المدونين ب هاك product ترقيم الصفحات . الجديد في اضافة اليوم انها بخمسة الوان كما هو موضح في الصوره المرفقه او هذا المثال (http://tqarob.blogspot.nl/)

هاك product ترقيم الصفحات المطروح في هذا الموضوع يختلف كليا عن باقي ماهو مطروح في المدونات فتاثيرات ال css الموجوده فيه لن تجدها الا هنا
كذلك تم الاستغناء عن رابط الجافا سكربت الخارجي من اجل تحميل اسرع للصفحه وظهور سريع للاضافه ودمج المحتويات داخل القالب template مباشرة ..
ان اعجبتك الاضافه وتود تطبيقها على مدونتك . قم باتباع التالي . سجل دخول الى لوحة تحكم مدونة blog بلوجر ثم اذهب الي تعديل القالب template
وقم بالبحث عن الوسم التالي </body> ثم ضع قبله او فوقه مباشرة الكود code الموجود بالاسفل
رمز Code:
<!-- PAGE NAVIGATION STAR--> <script type='text/javascript'> var home_page=&quot;/&quot;; var urlactivepage=location.href; var postperpage=7; var numshowpage=4; var upPageWord ='◄'; var downPageWord ='►'; </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+=&quot;<4 e=\'1y\'>1z &quot;+b+\' 1A \'+o+&quot;</4>&quot;;5 16=I(b)-1;3(b>1){3(b==2){3(i==&quot;w&quot;){6+=\'<4 e=&quot;1B&quot;><a f=&quot;\'+y+\'&quot;>\'+M+\'</a></4>\'}c{6+=\'<4 e=&quot;k&quot;><a f=&quot;/r/s/\'+n+\'?&7-l=\'+j+\'&quot;>\'+M+\'</a></4>\'}}c{3(i==&quot;w&quot;){6+=\'<4 e=&quot;k&quot;><a f=&quot;#&quot; z=&quot;N(\'+16+\');A B&quot;>\'+M+\'</a></4>\'}c{6+=\'<4 e=&quot;k&quot;><a f=&quot;#&quot; z=&quot;O(\'+16+\');A B&quot;>\'+M+\'</a></4>\'}}}1h(5 g=J;g<=L;g++){3(b==g){6+=\'<4 e=&quot;1C&quot;>\'+g+\'</4>\'}c 3(g==1){3(i==&quot;w&quot;){6+=\'<4 e=&quot;k&quot;><a f=&quot;\'+y+\'&quot;>1</a></4>\'}c{6+=\'<4 e=&quot;k&quot;><a f=&quot;/r/s/\'+n+\'?&7-l=\'+j+\'&quot;>1</a></4>\'}}c{3(i==&quot;w&quot;){6+=\'<4 e=&quot;k&quot;><a f=&quot;#&quot; z=&quot;N(\'+g+\');A B&quot;>\'+g+\'</a></4>\'}c{6+=\'<4 e=&quot;k&quot;><a f=&quot;#&quot; z=&quot;O(\'+g+\');A B&quot;>\'+g+\'</a></4>\'}}}5 17=I(b)+1;3(b<o){3(i==&quot;w&quot;){6+=\'<4 e=&quot;k&quot;><a f=&quot;#&quot; z=&quot;N(\'+17+\');A B&quot;>\'+1i+\'</a></4>\'}c{6+=\'<4 e=&quot;k&quot;><a f=&quot;#&quot; z=&quot;O(\'+17+\');A B&quot;>\'+1i+\'</a></4>\'}}5 C=u.1D(&quot;C&quot;);5 18=u.1E(&quot;1F-1G&quot;);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(&quot;/r/s/&quot;)!=-1){3(d.9(&quot;?S-7&quot;)!=-1){n=d.D(d.9(&quot;/r/s/&quot;)+14,d.9(&quot;?S-7&quot;))}c{n=d.D(d.9(&quot;/r/s/&quot;)+14,d.9(&quot;?&7&quot;))}}3(d.9(&quot;?q=&quot;)==-1&&d.9(&quot;.6&quot;)==-1){3(d.9(&quot;/r/s/&quot;)==-1){i=&quot;w&quot;;3(m.9(&quot;#E=&quot;)!=-1){b=m.D(m.9(&quot;#E=&quot;)+8,m.P)}c{b=1}u.1l(&quot;<h T=\\&quot;&quot;+y+&quot;U/V/W?7-l=1&X=Y-Z-h&11=1a\\&quot;><\\/h>&quot;)}c{i=&quot;s&quot;;3(d.9(&quot;&7-l=&quot;)==-1){j=1J}3(m.9(&quot;#E=&quot;)!=-1){b=m.D(m.9(&quot;#E=&quot;)+8,m.P)}c{b=1}u.1l(\'<h T=&quot;\'+y+\'U/V/W/-/\'+n+\'?X=Y-Z-h&11=1a&7-l=1&quot; ><\\/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(&quot;T&quot;,y+&quot;U/V/W?1t-1u=&quot;+12+&quot;&7-l=1&X=Y-Z-h&11=1b&quot;);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(&quot;T&quot;,y+&quot;U/V/W/-/&quot;+n+&quot;?1t-1u=&quot;+12+&quot;&7-l=1&X=Y-Z-h&11=1b&quot;);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==&quot;w&quot;){5 1e=&quot;/r?S-7=&quot;+1d+&quot;&7-l=&quot;+j+&quot;#E=&quot;+G}c{5 1e=&quot;/r/s/&quot;+n+&quot;?S-7=&quot;+1d+&quot;&7-l=&quot;+j+&quot;#E=&quot;+G}1O.f=1e}',62,113,'|||if|span|var|htm l|max||indexOf||nomerhal|else|thisUrl|class|href|j j|script|jenis|postperpage|showpageNum|results|url activepage|lblname1|maksimal|||search|label||docum ent|newInclude|page|function|home_page|onclick|ret urn|false|pageArea|substring|PageNo|numberpage|nop age|nomerkiri|parseInt|mulai|numshowpage|akhir|upP ageWord|redirectpage|redirectlabel|length|root|fee d|updated|src|feeds|posts|summary|alt|json|in||cal lback|jsonstart|nBody||banyakdata|prevnomer|nextno mer|blogPager||hitungtotaldata|finddatepost|post|t imestamp|alamat|halamanblogger|loophalaman|for|dow nPageWord|innerHTML|totaldata|write|getElementsByT agName|head|createElement|type|text|javascript|set Attribute|start|index|appendChild|timestamp1|publi shed|showpageOf|Page|of|showpage|showpagePoint|get ElementsByName|getElementById|blog|pager|openSearc h|totalResults|20|entry|23|29|encodeURIComponent|l ocation'.split('|'),0,{})) //]]> </script> <!-- PAGE NAVIGATION STOP-->

لتخصيص الكود code بما يتناسب مع مدونتك ابحث فيه عن
var postperpage=7; غير الرقم 7 بعدد التدوينات التي حددت ظهورها في الصفحه الرئيسيه للمدونه من خلال تحرير اداة رسائل المدونه.



var numshowpage=4; غير الرقم 4 باي رقم تريده فهو المسؤول عن عدد الترقيمات التي تظهر بداخل الاداه في صفحة مدونتك الرئيسيه .
الى هنا نكون قد انتهينا من الجزء المهم في الموضوع وننتقل الي الالوان الخمسه لاضافة ترقيم الصفحات وساقوم بوضع عنوان توضيحي لكل لون واسفله الكود code الخاص به
وما عليك سوى اختيار اللون الذي يتناسبك ومن ثم نسخ الكود code الموجود اسفل عنوانه .
1 - هاك product ترقيم صفحات مدونة blog بلوجر باللون الازرق :

رمز Code:
/* -- 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 - هاك product ترقيم صفحات مدونة blog بلوجر باللون الرصاصي :
رمز Code:
/* -- 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 - هاك product ترقيم صفحات مدونة blog بلوجر باللون البرتقالي :

رمز Code:
/* -- 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 - هاك product ترقيم صفحات مدونة blog بلوجر باللون الاخضر :

رمز Code:
/* -- 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 - هاك product ترقيم صفحات مدونة blog بلوجر باللون الارجواني :

رمز Code:
/* -- 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; }
* لا تنسى انه لست ملزما سوى بنسخ كود code واحد من الاكواد الخمسه الاخيره ذات العناوين الخمسه حسب اللون .
بعد اختيارك للكود code الذي يتناسب مع الوان مدونتك قم بوضعه قبل هذا الوسم ]]></b:skin> مباشرة . ثم قم بحفظ القالب template .وقبلها لا تنسى اخذ نسخه احتياطيه . بالتوفيق للجميع >> تم ارفاق الكود code الاول


الصور المرفقة http://www.traidnt.net/vb/attachments/708362d1378508418-pagenav5color.png


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى