اضافة فهرس لمدونة بلوجر

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

الكود

<script src="http://abuiyad.googlecode.com/svn/archive.js" type="text/javascript"> </script> <script src="http://www.vision400.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"> </script>

انتقل الى لوحة التحكم ثم الى القالب قم بتوسيع القالب ثم ابحث عن هذا الوسم

</head>
ثم قم بلصق الكود فوقه

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
ثم ابحث عن هذا الوسم

]]></b:skin>
ثم قم بالصق الكود فوقه

#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdHNITHw66WN_7uEYTcMhejF9gpOTK_JGvPf46HftHvoaPxXf8uYxuxgSizp9m8qPOAXv2puM9wSrDIs29bUncMbJKPNOqpGrH5PSWnSgkDAtMmXgKDcOVEqNTAm169SOMDXR3rlHwij0/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib7VTMJ4U-E2WlumnLLTDN4xB0PQWsmlmj47jrlRXoXz5U9OyVBZeyqAtWO4k0XOd2tiCHLQSqI2ZfaK7SrQastHSn7pgRSwSPulz6TOMp1MlQerYBAXF7K1efw6p-b-lWCl6Ed9-JGbk/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglBq-8ZWMR9cX-5qn00EJmM0NlY2GjJv9s0m-HioGqzwf1yWeMeKpXbOt27GB2ktuXfhb34E9WJvqAxWh5R7DoHpqJr_zTHpG7zsB68139GA5OdmHHQ5a8xLi0b9tl5_V4kIb-TWEzbWw/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:right; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }

الى اللقاء...ابو هشام