القائمة الرئيسية

الصفحات

أخر الاخبار

كيفية إضافة فهرس جميل ورائع لمدونتك 2020

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


لمعاينة  الاضافة :
فهرس مدونة حوده ويب

طريقة التركيب  :

  1. قم بالدخول على القالب الخاص بك ثم ادخل على قسم الصفحات ثم أنشاء صفحة جديدة باكواد HTML بعنوان فهرس المدونة او خريطة الموقع 
  2. ثم انسخ الكود التالى والصفة اسفل الاكواد مع أستبدال الرابط الازرق برابط مدونتك .

<div dir="rtl" style="text-align: right;" trbidi="on"><style type="text/css">#bp_toc {margin-bottom: 10px;margin-top: 28px;text-align: right;width: 100%;}#bp_toc a {text-decoration: none;}.toc-note {padding: 5px 10px;position: relative;top: -13px;}.toc-header-col1, .toc-header-col2, .toc-header-col3 {background: #eee;border: 1px solid #ddd;color: #666;padding: 2px 5px;font-weight: bold;}/*------عناوين المواضيع------*/.toc-header-col1 { width:58%;}.toc-entry-col1 {background: #FFFFFF;border: 1px solid #ddd;padding-right: 8px;line-height: 30px;font-size: 14px;}.toc-entry-col1 a {color: #E75139;}/*------التاريخ------*/.toc-header-col2 {width: 11%;text-align: center; }.toc-entry-col2 {background: #222;border: 1px solid #111;color: #fff;text-align: center;font-size: 14px;}/*------الأقسام-------*/.toc-header-col3 {width:31%;}.toc-entry-col3 {background: #E75139;border: 1px solid #B43A27;color: #fff;padding-right: 8px;font-size: 14px;}.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://7oudaweb.blogspot.com.eg/techandinv/index/master/Arabic.js" type="text/javascript"></script><script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=500&amp;callback=loadtoc" type="text/javascript"></script></div>


reaction:

تعليقات