اضافات بلوجربلوجر
اضافة صفحة الفهرس الى مدونة بلوجر بشكل انيق و بسيط
فهرس مدونة بلوجر
السلام عليكم متابعينا الاعزاء
مع تدوينة جديدة و اضافة جميلة لمدونات بلوجر
لا شك في ان كل مدون يسعى الى تنظيم مدونته و تطويرها بالشكل الذي يناسبه و بالشكل الذي يوفر الراحة للمتابعين و لزوار مدونته
لذا يعتبر فهرس المدونة من الاضافات اللازمة في اي مدونة.
ما هو الفهرس:
الفهرس هو عبارة عن صفحة تتضمن جميع مواضيع المدونة في صفحة واحدة بحيث تقوم بالتحديث التلقائي لكل مواضيعك
و هي ايضا تقوم بعرض المشاركات مع الاقسام المتصلة بها.
اهمية الفهرس لمدونات بلوجر:
تتجلى اهمية الفهرس في التنسيق الجميل لمدونتك بالدرجة الاولى و ثانيا تعتبر اداة تسهل على الزائر التنقل السلس بين مواضيع المدونة و بالتالي المكوث اطول مدة ممكنة في مدونتك و تصفح اكبر عدد من المواضيع.
بالاضافة الى الشكل الجميل الذي تضفيه على قالبك.
كيفية اضافة الفهرس الى المدونة:
الاضافة سهلة بسيطة للغاية
كل ما عليك هو تتبع الخطوات التالية:
- الدخول الى بلوجر.
- اختيار المدونة المراد تركيب الفهرس عليها.
- من القائمة الجانبية نختار الصفحات.
- ثم اختيار صفحة جديدة.
- نضع عنوان الصفحة و ليكن مثلا: sitemap.
- نقم بالتغير من وضع الانشاء الى عرض HTML.
- نمسح اي كود يظهر لنا.
- نقوم بنسخ الكود التالي في الصفحة.
- نقوم بنشر الصفحة و مبروك عليك الفهرس.
الشرح بالصور:
كود الاضافة :
<style type="text/css">
#bp_toc {
margin-bottom: 10px;margin-top: 28px;
text-align: right;width: 100%;}
#bp_toc a {text-decoration: underline dotted;}
.toc-note {padding: 5px 10px;
position: relative;top: -13px;
}.toc-header-col1, .toc-header-col2, .toc-header-col3 {
background: #eee;border:4px solid #ddd;
color: #006BFF;padding: 4px 6px;
font-weight: bold;}
/*------عناوين المواضيع------*/
.toc-header-col1 { width:50%;}
.toc-entry-col1 {
background: #fff7f7;border: 2px solid #ddd;
padding-right: 8px;line-height: 30px;font-size: 13px;}
.toc-entry-col1 a {color: #ee03ff;
}
/*------التاريخ------*/
.toc-header-col2 {width: 20%;text-align: center; }
.toc-entry-col2 {
background: #0e1359;
border: 1px solid #111;
color: #fff;text-align: center;font-size: 13px;}
/*------الأقسام-------*/
.toc-header-col3 {width:30%;}
.toc-entry-col3 {
background: #ff7a38;
border: 1px solid #eb4e00;color: #fff;
padding-right: 8px;
font-size: 13px;}
.toc-entry-col3 a { color: #fff; }.post-header,.post-title.entry-title,.bvd,#menu2{display: none;}
.post-body {border-bottom: 20px ridge #E4E4E4;}</style>
<br />
<div id="bp_toc">
..إنتظر قليلا لتحميل الفهرس..</div>
<script src="https://raw.githack.com/didorahim/arabes1/master/arabes1-index.js" type="text/javascript"></script>
<script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script>
<a href="https://www.fos7a.ml/2019/10/sitemap.html" rel="dofollow" target="_blank"><span style="color: #999999;"><span style="font-size: xx-small;"></span></span></a> 
ليست هناك تعليقات:
إرسال تعليق