اضافه فهرس او ارشيف التدوينات بشكل احترافى 23 _6_2015

بسم الله الرحمن الرحيم

والصلاه والسلام على اشرف المرسلين

زوار ومتابعى مدونه معلومه تهمك

السلام عليكم ورحمه الله وبركاته

شرح اليوم عن طريقه اضافه فهرس التدوينات

نبذه عن الفهرس

من الاضافات الهامه الى المواقع هى الفهرس لانهاا تساعد فى

تسهيل عمليه البحث الى الزائر وتحديد ما اتى لزيارته الى موقعك بكل سهوله

كما انها تمكن الزائر من التطلع الى محتوى المدونه بالكامل ليحدد اختياره

مما يتيح له الكثير من الوقت والبقاء فى مدونتك او موقعك وزيارته دائمااا

بكل اختصار فهرس المدونه هو مهم جدااا لك وللزائر ولجلب الزوار الى موقعك

كما انه ذو شكل جميل جدااا ويرشد الزوار الى المواضيع كامله فى مدونتك

نذهب الى الشرح

بسم الله الرحمن الرحيم

ارجوو من كل من يشاهد هذا الشرح ان يترك تعليقه

بعد ان ينتهى من الشرح

اولا اذهب الى لوحه التحكم فى بلوجر

ثم اذهب الى الصفحات واختار صفحه جديده

واختار تبويب html

وضع هذا الكود كما فى الصوره

<style>

/* CSS Sitemap Ar1web */

#bp_toc {background:transparent;width:100%;color:#999;margin-top:10px;margin:0 auto;padding:5px;}

.toc-header-col1 {padding:10px!important;line-height:15px;background-color:#e74c3c;width:250px;transition:all 0.3s ease-in-out;}

.toc-header-col2 {padding:10px!important;line-height:15px;background-color:#6cd9dd;width:75px;transition:all 0.3s ease-in-out;}

.toc-header-col3 {padding:10px!important;line-height:15px;background-color:#44cc9a;width:125px;transition:all 0.3s ease-in-out;}

.toc-header-col1:hover, .toc-header-col2:hover, .toc-header-col3:hover {opacity:0.9;}

.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:15px;text-transform: lowercase;text-decoration:none;color:#fff;font-family:Electrolize,ge_ss_tvbold;font-weight:400;letter-spacing:0.5px;}

.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {

text-decoration:none;}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {padding:10px;font-size:89%;;transition:all 0.3s ease-in-out;}

.toc-entry-col1:hover, .toc-entry-col2:hover, .toc-entry-col3:hover {background:#fff;}

.toc-entry-col1:nth-child(odd), .toc-entry-col2:nth-child(odd), .toc-entry-col3:nth-child(odd) {padding:10px;font-size:89%;}

.toc-entry-col1:nth-child(even), .toc-entry-col2:nth-child(even), .toc-entry-col3:nth-child(even) {padding:10px;font-size:89%;}

.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{text-decoration:none;color:#666;transition:all 0.3s ease-in-out;}

.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#f6af54;}

span.toc-note {padding:10px;margin:10px 0;display:inline-block;background:#fff;

color:#666;}

#bp_toc table {width:100%;margin:0 auto;border-collapse:collapse;border-spacing:0;border-color: transparent;}

#bp_toc tr:nth-child(even) {background:#fafafa}

#bp_toc tr:nth-child(odd) {background:#eee}

</style>

جاري تحميل الفهرس....</div>

واضغط حفظ

وستجده انشاء الله بشكله الرائع

وبكداا يكون الشرح انتهى لو عجبك الشرح شاركنااا برايك

رايك يدعمناااا

والسلام عليكم ورحمه الله وبركاته

عن الكاتب mahmoud sobhy

محمود صبحى مؤسس موقع معلومه تهمك، لتقديم ابسط ، واسهل الشروحات ، لمساعدتك. موقع معلومه تهمك يرحب بك

معلومه تهمك !!

اضافه فهرس او ارشيف التدوينات بشكل احترافى 23 _6_2015

عن الكاتب mahmoud sobhy

مقالات قد تهمك