حصريا...افضل سكربت لصفحة الفهرس بشكل احترافي لمدونات بلوجر

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

اضافتنا اليوم و هي سكربت لصفحة الفهرس بشكل احترافي و منظم مع الترقيم و ليس بشكل عشوائي اظنك لم تفهم لحد الآن قم بمعاينة هذه الصفحة و سوف تعرف .

المعاينة من هنا

كما رأيت فهو جداب و جميل يتم عرض المشاركات مثل المشاركات تم بنائه بشكل مميز و جميع الاكواد لا توجد بها اي اخطاء و كل هذا بشكل مجاني .

مميزات الفهرس

• منظم بشكل مميز
• سريع و مستجيب
• جميع الاكواد تعمل تلقائيا بدون تعديل
• عرض عدد المواضيع
• يمكنك قرائة الموضوع مباشرة
• مجاني غير منتهك للحقوق

الان لنذهب شرح بعض التعديلات اذا كنت تريد ذالك

هذه الكلمة : siteUrl : يقوم هذا الاسم بجلب عنوان مدونتك تلقائيا لا تعدل عليه.

هذه الكلمة : rtl : فهو خاص بالعرض المدونة للعربية اذا كانت بالانجليزية ضع false مكان true .

هذه الكلمة : Themes خاص باللون الرئيسي توجد تلاتة الوان
لتطبيق اللون الرتقالي ضع الكود :
 gradient-orange

لتطبيق اللون الأحمر ضع الكود :
gradient-red

لتطبيق اللون الأزرق ضع الكود :
gradient-blue

هذا الكلمة : montharabic : تعني اسماء الاشهر باللغة العربية ضع fale مكان true اذا كانت مدونتك انجليزية .

هذه الكلمة : showComments : ضع fale مكان true لإخفاء عدد التعليقات للمنشور .

هذه الكلمة : postPerPage : فهي خاصة بعدد المواضيع بالصفحة يمكنك تغييرها المواضيع الموجودة حاليا هي 5 يمكنك تغييرها بأي رقم يفضل 7

هذه الكلمة : imgBlank : بها رابط لصورة مخصصة للمواضيع التي لاتوجد بها صورة للمعاينة يمكنك اضافة صورة مخصصة من رفعك .

جميع هذه الاعدادات فهي موجودة في اخر السكربت لذلك لن تجد صعوبة في تعديلها .

هذه فقط بعض الاعدادات اذا كنت تريد ان تعدل عليها اما انا لا انصحك بفعل ذالك لأن السكربت مجهز بشكل نهائي .

ملاحظة : عند تجربتي لهاذا السكربت توجد بعض القوالب الحديثة يشتغل بدون اكواد css عكس بعض القوالب تحتاج اضافة كود css داخل القالب فوق وسم b:skin المغلوق لذلك حمل الملف قم بإضافة اكواد ملف index في صفحة تابتة اذا اشتغل فمبروك عليك اذا لم يشتغل قم بإضافة اكواد css فوق وسم b:skin المغلوق . 

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

<div class="jontor">
<script>
		eval(function(p,a,c,k,e,d){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--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[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}('f 11(t){f s(){k("F"K t.E){2 s=t.E.F.9;R=s,c=0;8(2 e=0;s>e;e++){8(2 a,o=t.E.F[e],r=o.O.$t,l=o.12.$t.L(0,10),p=0;p<o.j.9;p++)k("13"==o.j[p].M){a=o.j[p].z;y}8(2 i="",p=0;p<o.j.9;p++)k("14"==o.j[p].M){i=o.j[p].z;y}2 n="";k("C"K o)8(2 p=0;p<o.C.9;p++){n=o.C[p].V;2 m=n.X(";");-1!=m&&(n=n.L(0,m)),4[c]=n,3[c]=r,5[c]=l,7[c]=a,b[c]=i,10>e?6[c]=!0:6[c]=!1,c+=1}}}}s(),v="B",D(v),N(),T=!0,H(),d.g()}f D(t){f s(t,s){2 e=3[t];3[t]=3[s],3[s]=e;2 e=5[t];5[t]=5[s],5[s]=e;2 e=7[t];7[t]=7[s],7[s]=e;2 e=4[t];4[t]=4[s],4[s]=e;2 e=b[t];b[t]=b[s],b[s]=e;2 e=6[t];6[t]=6[s],6[s]=e}8(2 e=0;e<3.9-1;e++)8(2 a=e+1;a<3.9;a++)"B"==t&&3[e]>3[a]&&s(e,a),"15"==t&&3[e]<3[a]&&s(e,a),"19"==t&&5[e]>5[a]&&s(e,a),"18"==t&&5[e]<5[a]&&s(e,a),"J"==t&&4[e]>4[a]&&s(e,a)}f N(){v="J",D(v);8(2 t=0,s=0;s<3.9;){q=4[s],x=t;I t+=1;Q(4[t]==q);k(s=t,G(x,t),s>3.9)y}}f G(t,s){f e(t,s){2 e=3[t];3[t]=3[s],3[s]=e;2 e=5[t];5[t]=5[s],5[s]=e;2 e=7[t];7[t]=7[s],7[s]=e;2 e=4[t];4[t]=4[s],4[s]=e;2 e=b[t];b[t]=b[s],b[s]=e;2 e=6[t];6[t]=6[s],6[s]=e}8(2 a=t;s-1>a;a++)8(2 o=a+1;s>o;o++)3[a]>3[o]&&e(a,o)}f H(){8(2 t=0,s=0;s<3.9;){q=4[s],d.g("<p/>"),d.g(\'<w A="1b"><a z="/1a/1d/\'+q+\'">\'+q+"</a></w><P A=\'1c\'>"),x=t;I d.g("<S>"),d.g(\'<a z="\'+7[t]+\'" O="\'+3[t]+\'">\'+3[t]+"</a>"),1==6[t]&&d.g(\' - <w A="h">17!</w>\'),d.g("</S>"),t+=1;Q(4[t]==q);k(s=t,d.g("</P>"),G(x,t),s>3.9)y}}2 16="W",3=h u,7=h u,b=h u,5=h u,4=h u,6=h u,v="B",T=!1,U=Y,Z="",R=0;',62,76,'||var|postTitle|postLabels|postDate|postBaru|postUrl|for|length||postMp3|ii|document||function|write|new||link|if||||||rak_info_Labels||||Array|sortBy|span|firsti|break|href|class|titleasc|category|sortPosts|feed|entry|sortPosts2|displayrak_info_Menuisi2|do|orderlabel|in|substring|rel|sortlabel|title|ol|while|numberfeed|li|rak_info_MenuisiLoaded|numChars|term|100|lastIndexOf|250|postFilter||rak_info_Load|published|alternate|enclosure|titledesc|periksa|New|datenewest|dateoldest|search|rak_info_Label|rak_info_Postname|label'.split('|'),0,{}))
	
	</script>
<script src="/feeds/posts/default?max-results=5000&alt=json-in-script&callback=rak_info_Load"></script>
</div>
<style type="text/css">
.jontor{width:100%;border-collapse:collapse;text-align:right;overflow:hidden;margin:0 auto;}
.jontor a{color:black;}
.jontor p .rak_info_Label{background:#89abbc;color:#fff;text-decoration:none;display:block;padding:5px 10px 5px 0px;font:13px 'Tajawal';font-weight:bold;}
.jontor ol li{position:relative;display:block;background:#d9f4f2;color:#fff;text-decoration:none;transition:all .3s ease-out;}
user agent stylesheetli{display:list-item;text-align:-webkit-match-parent;}
.jontor ol li:hover:after{right:-.5em;border-right-color:#89abbc;}
.jontorol li:hover{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);transition:all 0.3s cubic-bezier(.25,.8,.25,1);}
.jontor ol li:after{position:absolute;content:'';border:.5em solid transparent;right:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}
ol{counter-reset:li;list-style:none;font:12px 'Tajawal';padding:0;margin-bottom:2em;text-shadow:0 1px 0 rgba(255,255,255,.5);margin-right:0;}
.rak_info_Postname li:nth-of-type(odd){background:#f1f3f3;}
.new{color:red!important;font-weight:700;font-style:italic;}
user agent stylesheetol{display:block;list-style-type:decimal;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;}
</style>