بلوجر 6 : إضافة صفحة الفهرس لمدونة blogger بشكل أنيق و جديد خفيف

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

ﺑﺴﻢ ﺍﻟﻠﻪ ﺍﻟﺮﺣﻤﻦ ﺍﻟﺮﺣﻴﻢ
ﻭﺍﻟﺼﻼﺓ ﻭ ﺍﻟﺴﻼﻡ ﻋﻠﻰ ﺃﺷﺮﻑ المرسلين
ﻣﺮﺣﺒﺎ ﺑﻜﻢ ﻣﺘﺎﺑﻌﻲ ﻣﺪﻭﻧﺔ ﺍﻟﺒﺮﻭﺗﻮﻛﻮﻝ ﺍﻹﻟﻜﺘﺮﻭﻧﻲ ﻓﻲ ﺩﺭﺱ ﺟﺪﻳﺪ

مرحبا متابعي مدونة البروتوكول الالكتروني من جديد و في سلسلة دروس احتراف البلوجر  ﻓﻰ ﻫﺬﺍ ﺍﻟﺪﺭﺱ الجديد ﺍﻥ ﺷﺎﺀ ﺍﻟﻠﻪ ﺳﺎﻗﺪﻡ ﻟﻜﻢ ﺩﺭﺱ ﺣﻮﻝ ﻛﻴﻔﻴﺔ ﺍﺿﺎﻓﺔ ﺻﻔﺤﺔ ﺧﺎﺻﺔ ﺑﻔﻬﺮﺱ ﻣﻮﺍﺿﻴﻊ ﻣﺪﻭﻧﺘﻚ , ﻭ ﻫﺬﺍ ﺍﻟﻔﻬﺮﺱ ﻣﻔﻴﺪ ﺟﺪﺍ ﺣﻴﺚ ﻋﺒﺮﻩ ﻳﻤﻜﻦ ﻟﺰﻭﺍﺭ ﻣﺪﻭﻧﺘﻚ ﺍﻻﻃﻼﻉ ﻋﻠﻰ ﺟﻤﻴﻊ ﻣﻮﺍﺿﻴﻊ ﻣﺪﻭﻧﺘﻚ ﻓﻰ ﺻﻔﺤﺔ ﻭﺍﺣﺪﺓ ﻭ ﺍﺧﺘﻴﺎﺭ ﺍﻱ ﻣﻮﺿﻮﻉ ﻳﺮﻳﺪﻭﻥ ﺍﻻﻃﻼﻉ ﻋﻠﻴﻪ .

-ﺍﻟﻄﺮﻳﻘﺔ ﺍﻟﺼﺤﻴﺤﺔ ﻻﺿﺎﻓﺔ ﺍﻱ ﺻﻔﺤﺔ ﻭﺭﺑﻄﻬﺎ ﻓﻰ ﻣﺪﻭﻧﺔ ﺑﻠﻮﺟﺮ .
ﻃﺮﻳﻘﺔ ﺍﺿﺎﻓﺔ ﺻﻔﺤﺔ ﺍﻟﻔﻬﺮﺱ ﻋﻠﻰ ﻣﺪﻭﻧﺔ ﺑﻠﻮﺟﺮ

ﻣﻤﻴﺰﺍﺕ ﺻﻔﺤﺔ ﻓﻬﺮﺱ ﻣﺪﻭﻧﺔ ﺑﻠﻮﺟﺮ
يتميز هذا الفهرس  بتصميم جميل ﺟﻤﻴﻞ كما ﻳﻘﺪﻡ ﻟﻚ ﺍﻟﻔﻬﺮﺱ ﻋﻨﻮﺍﻳﻦ ﻭ ﺗﺎﺭﻳﺦ ﺍﺩﺭﺍﺝ ﺍﻟﻤﻮﺍﺿﻴﻊ ﻣﻊ ﺍﻻﻗﺴﺎﻡ ﺍﻳﻀﺎ , كما ﻳﻤﻜﻦ ﻟﻠﺰﺍﺋﺮ ﺍﻥ ﻳﻄﻠﻊ ﻋﻠﻰ ﻋﻠﻰ ﻣﻮﺍﺿﻴﻊ ﻗﺴﻢ ﻣﻌﻴﻦ ﻟﻤﻮﺍﺿﻴﻊ ﻣﺪﻭﻧﺘﻚ .اضف الى ذلك  ﺍﻣﻜﺎﻧﻴﺔ ﻓﻠﺘﺮﺓ ﺍﻟﻤﻮﺍﺿﻴﻊ ﻣﻦ ﺣﻴﺚ ﺍﻟﺘﺮﺗﻴﺐ ﺍﻱ ﻳﻤﻜﻦ ﻟﻠﺰﺍﺋﺮ ﺍﻥ ﻳﻘﻮﻡ ﺑﺎﻻﻃﻼﻉ ﻋﻠﻰ ﺍﻟﻤﻮﺍﺿﻴﻊ ﺍﻻﻭﻟﻰ ﻭ ﺍﻟﻘﺪﻳﻤﺔ ﻟﻤﺪﻭﻧﺘﻚ .كما يمكن ايضا ﺍﻻﻃﻼﻉ ﻋﻠﻰ ﻋﺪﺩ ﺍﻟﻜﻠﻰ ﻟﻤﻮﺍﺿﻴﻊ ﻣﺪﻭﻧﺔ ﺑﻠﻮﺟﺮ ﺍﻭ ﻋﺪﺩ ﻣﻮﺍﺿﻴﻊ ﺍﻱ ﻗﺴﻢ ﻣﻦ ﻣﺪﻭﻧﺘﻚ .

الآن ﻛﻴﻔﻴﺔ ﺍﺿﺎﻓﺔ ﺻﻔﺤﺔ ﻓﻬﺮﺱ ﺍﻟﻤﺪﻭﻧﺔ ؟
- ﺍﻭﻻ ﻧﺪﺧﻞ ﺍﻟﻰ ﻗﺴﻢ ﺍﻟﺼﻔﺤﺎﺕ ﻋﻠﻰ ﻣﻨﺼﺔ ﺑﻠﻮﺟﺮ
- ﻧﻘﻮﻡ ﺑﺎﺿﺎﻓﺔ ﺻﻔﺤﺔ ﺟﺪﻳﺪﺓ ﻭ ﻛﺘﺎﺑﺔ ﺍﻟﻌﻨﻮﺍﻥ ﺍﻟﺨﺎﺹ ﺑﻬﺎ
- ﻧﻘﻮﻡ ﺑﺎﻻﺩﺭﺍﺝ ﺻﻔﺤﺔ HTML ﻓﻰ ﺍﻟﺼﻔﺤﺔ ﺍﻟﺠﺪﻳﺪﺓ
- ﺍﻻﻥ ﻧﻘﻮﻡ ﺑﺎﺩﺍﺭﺝ ﺍﻟﻜﻮﺩ ﺍﻟﺘﺎﻟﻲ ﺛﻢ ﺍﻟﺤﻔﻆ

<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: #006BFF;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: #018EC5; } /*------التاريخ------*/ .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: #018EC5; border: 1px solid #0086B7;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="http://yourjavascript.com/7710117410/blogtoc-orig.js" type="text/javascript"></script><script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script>

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