تعتبر صفحة فهرس المدونة صفحة مهمة جدا بنظري لاصحاب المدونات لان هذا يسهل على الزائر ايجاد المواضيع التي يحبها وبالتالي عدم خروجه بسرعة وزيادة عدد الزيارات حيث يعرض الفهرس المواضيع والاقسام من الاحدث بطريقة مرتبة وبشكل انيق.
مميزات هذا الفهرس الانيق:
تنظيم الموضوعات مع اضافة تاريخ النشر مع التسميات tags فى جدول محدث تلقائيا عند نشر اية مشاركة.
هذا الفهرس مقدم من طرف Beautiful Beta وقد تم تعريبه من طرف مدونة كن داعيا للخير وتنسيقه بأكواد Css متناسبة المدونات العربية وهو بالفعل بشكل جميل وانيق قد اعجبني.
وهذه صورة لشكل الفهرس كما ترون بسيط وانيق وبالوان مميزة وغير مضرة للعين وسهل التصفح ^_^…
اما كود هذا الفهرس فله عدة مميزات نذكر منها:
1. ترتيب المواضيع عبر تاريخ اضافتها مع عرض الوقت المحدد تلقائيا.
2.يقوم بعرض أقسام وتسميات tags كل موضوع
3.يمكن الزائر من ترتيب المواضيع حسب التاريخ كما يشاء فيتغير الترتيب من الأحدث إلى الأقدم أو العكس.
3. يمكن الزائر من فلترة filtrer الموضوعات بحسب أقسام المدونة حيث حين يضغط على عنوان قسم معين سيظهر فقط الموضوعات التابعة لهذا القسم.
4.يبين العدد الكلي للموضوعات وعدد الموضوعات للتسمية او القسم.
5. يظهر ملخص للموضوع بمجرد التمرير عليه!
6.ليست به مشكلة اعادة اظهار المواضيع بالتسميات.
وهذه صورة لمعاينة شكل الفهرس
كما ترون لهذا الكود (الفهرس) عدة مميزات راااائعة جدا الان نتقل لكيفية التركيب اما الطريقة فهي بسيطة جدا كالمالوف فقط تصنع صفحة تضع بها كود html هذا ثم ضيف رابطها تابع معي اخي الكريم لتفهم اكثر:
طريقة تركيب كود html لفهرس بلوجر
1.توجه لبلوجر ثم الصفحات وانشء صفحة جديدة تحمل اسم يدل علئ الفهرس مثل الفهرس او خريطة الموقع..
2.قم بنسخ كود html اسفله مع تغيير yoursite برابط موقعك او مدونتك
<style type="text/css">
#bp_toc {
border: 0px solid #000000;
background: #ffffff;
padding: 5px;
width:300px;
margin-top:10px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
text-align: center;
background: #E6E6E6;
-webkit-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: inset 2px 2px 5px 5px #CCCCCC;
box-shadow: inset 2px 2px 5px 5px #CCCCCC;
color: #000000;
padding-left: 2px;
width:150px;
}
.toc-header-col2 {
width:75px;
}
.toc-header-col3 {
width:100px;
}
.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: #F6F6F6;
white-space:nowrap;
}
</style>
<br />
<div id="bp_toc">
..إنتظر قليلا لتحميل الفهرس..</div>
<script src="https://cdn.rawgit.com/DrRO/condaianllkhir/master/TOC.js" type="text/javascript"></script>
<script src="http://www.Yourwebsite.com/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script></div>
<a href="http://www.condaianllkhir.com/" rel="nofollow" target="_blank"><span style="color: #999999;"><span style="font-size: xx-small;">get this widget</span></span></a>
</div>
3.لا تنسى الاستبدال برابط موقعك
4. توجه لاعدادات الصفحة وقم بايقاف التعليقات وان امكن انشر الصفحة يتاريخ قديم لكي لا تظهر بالصفحة الرئيسية
5.انشر الصفحة ثم انسخ رابطها واضفه بالصفحة الرئيسية لمدونتك.
ومبروك عليك فهرس جميل وانيق جدا لمدونتك.
لا تنسو مشاركتنا ارائكم بالتعليقات اي استفسار ضعه بتعليق والى موضوع جديد باذن الله شكرا للمتابعة.
ليست هناك تعليقات:
إرسال تعليق