طريقة تركيب فهرس المواضيع لمدونة بلوجر
1- اضافة صفحة جديدة (صفحة وليس مشاركة)
2- اعطاء اسم للصفحة مثلا فهرس المدونة او مواضيع الموقع
3- اعتماد التحرير عبر html (وليس تأليف)
4- امسح الاكواد التي ستجدها هناك كاملا (بحيث تصبح الصفحة فارغة)
5- اضافة الكود التالي في الصفحة :
<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="https://klamfielmokh.blogspot.com.eg/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script>
<a href=https://klamfielmokh.blogspot.com.eg/"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>
</div>
<div dir="rtl" style="text-align: right;" trbidi="on">
</div>
6- قم بتغيير رابط مدونتي بالأحمر برابط مدونتك (ضروري تغيير الرابط والا فالفهرس لن يشتغل)
7- بامكانك تغيير مظهر الفهرس ليتناسب مع شكل مدونتك وذلك بتعديل خصائص css .
7- بامكانك تغيير مظهر الفهرس ليتناسب مع شكل مدونتك وذلك بتعديل خصائص css .
