إضافة صفحة الفهرس لمدونات بلوجر بشكل أنيق وأحترافي
تيك فور تيك فور
random

آخر الأخبار

random
جاري التحميل ...

* قواعد التعليق على هذه المدونة :
1 - يجب ان يكون تعليق حول موضوع.
2 - عدم نشر روابط خارجية.
3 - ادا كانت اي تسائل خارج موضوع اتصل بنا.

  1. شرح رائع جدا ستفدت كثيرا من محتواك مشاء الله عليك

    ردحذف
    الردود
    1. تسلم صديقي 😊
      شكرآ علي مرورك الرائع ♥

      حذف

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

السلام عليكم ورحمة الله وبركاته مرحبا بكم اخواتي في الله في مدونة تيك فور جديد عالم التقنية و الذي تـهتم بكل ما هو جديد في الـتقنية ونرجــوا منكم زيارتنا مرة اخري ، واليوم في هذه التدوينة أقدم لكم الفهرس المهم لكل موقع ومدونة وم المعروف انه يسهل علي الزائر التصفح والبحث عن المواضيع بسهولة ، كما انه ذو تصميم أنيق وجذاب جدا.

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

طريقة تركيب الفهرس :

لإضافة الفهرس الى مدونة بلوجر إتبع التعليمات التالية :
  1. توجه الى مدونتك >> ثم الصفحات .
  2. أضف صفحة جديدة .
  3. إنتقل الى وضع HTML .
  4. قم بنسخ ولصق كود الفهرس التالي .
  5. <style> #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 id="bp_toc"> جاري تحميل الفهرس....</div> <script src="https://ar1web-com.googlecode.com/svn/Hm/ihussam-sitemap.js" type="text/javascript"> </script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=loadtoc" type="text/javascript"> </script>
    الي هنا ينتهي موضوعنا اليوم وأتمني منكم مشاركة الموضوع مع الأصدقاء لكي يستفيد الجميع ، واذا واجهتك أي مشكلة لا تتردد بترك تعليق وسيتم الرد عليك في أقرب وقت باذن الله.

عن الكاتب

Karem Elliby

التعليقات


اتصل بنا

انت الان تتصفح افضل موقع عربي لتحميل البرامج المجانية والألعاب بروابط مباشره وسريعة وجميع البرامج والالعاب احدث اصدار والموقع حاصل علي العديد من الجوائز العالمية ولدخول الموقع مرة اخري اكتب في جوجل (تيك فور )

جميع الحقوق محفوظة

تيك فور