شرح طريقة كيفية عمل فهرس لمدونة بلوجر

شرح اليوم عن طريقة عمل فهرس لمدونة بلوجر لكى يرشد الزوار الى مواضيع المدونة ليتصفح بشكل سريع مواضيع مدونتك.

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


مثال على الفهرس                      

                                            صورة من الفهرس:



الان نأتي لشرح:

  1.  قم بأنشاء صفحة 
  1. قم بالضغط على html 
  1. الصق الكود التالي 

<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.abuqaood.com/feeds/posts/summary?alt=json-in-script&amp;max-results=500&amp;callback=loadtoc" type="text/javascript"></script></div><a href="http://www.abuqaood.com/" rel="nofollow" target="_blank"><span style="color: #999999;"><span style="font-size: xx-small;">get this widget</span></span></a>&nbsp;</div>

استبدل الجزء الملون باللون الاحمر برابط موقعك

اخيرا كلمة شكر تكفي

  1. التدوينة التالية
  2. التدوينة السابقة
    تعليقات الموقع
    تعليقات فيسبوك
جارى التحميل ...