أسهل و أحلى طريقة لإنشاء فهرس أنيق و مميّز لمدونة بلوجر
السلام عليكم و رحمة الله و بركاته: أحبائي متابعي مدونة ابو زيد موعدنا اليوم مع إضافة جميلة و ضرورية لأي مدونة أحترافية ألا و هي إنشاء فهرس متميّز و أنيق لمدونتك تتيح لزائريك تتبع مواضيعك بكل سلاسة، حيث يمكنك هذا الفهرس من ترقيم المواضيع في كل قسم مع تمييز المواضيع الجديدة بإضافة خاصية NEW. ممّا يمكن الزائر من الإطلاع على محتوى مدونتك بشكل شامل و جميل مع خلفية أنيقة .
صورة الفهرس
01
02
03
04
05
1. اختيار الصفحات
2. إنشاء صفحة جديدة
3. اختيار html
4. لصق الكود (مراعات تغيير الرابط باللون الأحمر إلى
رابط مدونتك).
5. حفظ النموذج
6. مبروك عليك، فهرس مميّز
<style type="text/css">
#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right
80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px
#bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right
10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>
<div id="toc">
<script
src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/"
type="text/javascript"></script>
<script src="http://olympika.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
- استبدل رابط
مدونتي http://olympika.blogspot.com/ برابط
مدونتك
http://adf.ly/uNoAk
إرسال تعليق