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

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

1- اذهب إلى لوحة التحكم الرئيسية – الصفحات - صفحة جديدة - اضافة صفحة فارغة
2- ضع في منطقة العنوان عنوان مناسب مثل "فهرس المدونة" او "خريطة المدونة" او "الفهرس" 

3- اختر "تحرير HTML" كما بالصورة

ويوجد بها هذا الكود 

<div dir="rtl" style="text-align: right;" trbidi="on">
 الوسط

<br /></div>

-      ضع بها هذا الكود في وسط الكود السابق

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src=" http://alyomtop.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>


 

 مع تغيير اسم المدونة alyomtop باسم مندونتك انظر الصوره الاتيه

اضغط نشر الصفحه

وهذه صورة الخريطه

-------------------------

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

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

من لوحة التحكم - القالب - تحرير html ثم متابعة وقم بتوسيع القالب

ثم ابحث عن هذا الكود 

]]></b:skin>

واضف قبله الكود التالي

.blog-pager,#blog-pager{
 font-size: 12px;font-family:tahoma;
 padding: 0.2em 0.5em; 
 margin-right: 0.1em; 
 border:1px solid #FFF; 
 background: #FFF; text-decoration: none;
 width:500px;
 } 
.showpageNum a,.showpage a {
 color: #693; 
 text-decoration: underline;
 border: 1px solid #E3E3E3; 
 text-decoration: none; 
 padding: 0.2em 0.5em;
 }  
.showpageNum a:hover,.showpage a:hover {
 border: 1px solid #693;
  }
.showpageOf{
  margin:0 8px 0 0;
  display:none;
  }
.showpagePoint {
 border: 1px solid #693;
 padding: 0.2em 0.5em;
 font-weight: bold; 
 background: #693; color: #FFF;
  }

ثم ابحث عند الكود التالي

</body>

والصق قبله الكود الاتي

<script type='text/javascript'>;
var home_page='/';
var urlactivepage=location.href;

var postperpage=7;

var numshowpage=4;

var upPageWord ='السابق';

var downPageWord ='التالي';

</script>;
<script src='http://navigation-blogger-zoom.googlecode.com/files/numbnav4.js' type='text/javascript'></script>

وابحث هذا الكود 

'data:label.url'

واستبدله بالكود الاتي

'data:label.url + &quot;?&amp;max-results=7&quot;'

وقم بحفظ القالب