[اضافة] فهرس المدونة في بلوجر بشكل احترافي

مرحبا بكم في مدونة احمد للإعلاميات, واليوم وفي اضافة رائعة على مدونتنا وهي فهرس المدونة على بلوجر حتى نجعل مواضيع المدونة مرتبة ومنظمة وسهلة للزوار والاكثر من هذا يمكنك اضافتها بسهولة جداً .

◄ مميزات فهرس للمدونة :

◄ يسمح للزائر بفلترة التدوينات حسب أقسام المدونة وذلك بالضغط على عنوان قسم معين سيظهر فقط المواضيع الخاصة بهذا القسم .

◄ عرض العدد الكلى للمواضيع مع عدد مواضيع القسم المحدد .

◄ تخطى مشكلة تكرار المواضيع المشتركة بالتسميات .

◄ يظهر لك المواضيع المنشورة جديدة عبر كلمة New

◄ طريقة اضافة فهرس الى مدونة :

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

الصفحات في بلوجر

الان اضغط على Html كما في الصورة :

◄ إنسخ الكود التالى وألصقه داخل الاكواد الخاص بالمشاركة مع إستبدال الرابط الملون باللون الأحمر برابط مدونتك

<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://info-ahmad.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script></div>

الان غير كلمة info-ahmad.blogspot.com برابط مدونتك ثم اضغط على نشر ومبروك عليك الإضافة .