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

اضافة فهرس للمدونة بلوجر من الاضافات الهامة جدا التى لا يجب أن يتخلى عنها اى مدون أو صاحب مدونه , فهذه الاضافة سبوفر عى القارئ عناء البحث فى مدونتك على موضوعاته المفضله.


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

لاضافة الفهرس الى مدونتك اذهب الى لوحة التحكم ثم الصفحات واختار انشاء صفحة جديدة ثم اذهب للتبويب HTML ثم اضف الكود التالى :

 <div dir="rtl" style="text-align: right;" trbidi="on">
<style type="text/css">
#bp_toc {
  border: 0px solid #000000;
  background: #EAEAE8;
  padding: 0px;
  width:200px;
  margin-top:0px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
 text-align: center;
 background:#EAEAE8;
-webkit-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: inset 2px 2px 5px 5px #000000;
     
        box-shadow: inset 2px 2px 5px 5px #000000;
  color: #000000;
  padding-left: 0px;
  width:100px;
}
.toc-header-col2 {
  width:75px;
}
.toc-header-col3 {
  width:80px;
}
.toc-header-col1  a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link,  .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3  a:visited {
  font-size:80%;
  text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
  font-size:70%;
  text-decoration:underline;
}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
  padding-left: 5px;
  font-size:70%;
border: 2px solid white !important;
-webkit-border-radius: 10px;
border-radius: 10px;
 background: #EAEAE8;
 white-space:nowrap;
}
</style>
<div id="bp_toc">
..إنتظر قليلا لتحميل الفهرس..</div>
<script src="http://conda3ianllkhir.googlecode.com/files/blogtoc_orig%282%29.js" type="text/javascript"></script>
<script src="http://mnelsefr.blogspot.com//feeds/posts/summary?alt=json-in-script&amp;max-results=500&amp;callback=loadtoc"  type="text/javascript"></script>
<a  href="http://mnelsefr.blogspot.com/2014/03/table-of-content-blogger-with-label.html" rel="nofollow" target="_blank"><span  style="color: #999999;"><span style="font-size: xx-small;">get  this widget</span></span></a>&nbsp;
</div>
<div dir="rtl" style="text-align: right;" trbidi="on">
</div>

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

انصحك ايضا بقراءة

 شرح الحصول علي مدونة احترافية في بلوجر

شرح تنسيق مدونة بلوجر بعد انشائها مباشرة

 طريقة انشاء صفحة اتصل بنا

نحن نتطلع الى ارائك ومشاركاتك لحثنا على بذل المزيد فى خدمتكم .............

                                                             لا تنسي المشاركة فى المواقع الاجتماعية .