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

السلام عليكم

اضافة فهرس المدونة بتقنية حديثة

الطريقة

اذهب الى انشاء صفحة ثم اضغط تحرير HTML وتضع الكود التالي مع تغيير vision402.blogspot.com

 الكود

<script src="http://abuiyad.googlecode.com/svn/archive.js" type="text/javascript"></script> <script src="http://www.vision402.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); }

الى اللقاء ....ابو هشام الحمداني