انشاء صفحة فهرس للموقع بسيطة وجميلة

Create-simple-and-beautiful-website-index-page

انشاء صفحة خريطة للموقع بسيطة وجميلة

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

فوائد صفحة الفهرس بالمدونة

تنظيم مدونتك والحصول علي أفضل هيئة ممكنة هو الهدف الأول الذي يجب تحقيقة لتضمن لمدونتك النجاح في مجال التدوين,أحد هذه الكماليات التي عليك أن تهتم بها هي الصفحات الثابتة والتي تعبر بشكل أكبر عن مدونتك ومن هذه الصفحات صفحة " الفهرس " وفي هذا المقال سنتعرف سوياً علي الطريقة الصحيحة لإضافة صفحة الفهرس علي مدونة بلوجر بشكل جميل ومتناسق مع أبعاد صفحات مدونتك بشكل منثق .

ماهي صفحة الفهرس علي بلوجر ؟

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

ما الفائدة من صفحة الفهرس ؟

لا يمكنني الجزم بأنها ذات أهمية كبيرة ولكن تعتبر من كمليات المدونة التي بها يكون الشكل المتناسق والتام في المدونة حيث تعرض الصفحة محتوي مدونتك بشكل جذاب ومنسق للمستخدم ومن خلالها يمكنة الانتقال لأي عنوان يريدة بشكل سريع ومباشر دون الحاجة في البحث والإنتقال داخل المدونة , وقد تتسائل هل صفحة الفهرس في بلوجر تؤثر علي القبول في جوجل ادسنس ؟؟ والإجابة هي لا تؤثر إطلاقاً لذالك الموضوع إختياري بين يديك في إضافة هذه الصفحة أو لا .

كيفية إنشاء صفحة الفهرس علي مدونة بلوجر.

إتبع الخطوات التالية لتركيب صفحة الفهرس بشكل صحيح ومنثق :

قم بتحميل "صفحة الفهرس " 👉 اضغط .

توجة إلي مدونتك علي منصة بلوجر blogger.com .

توجة إلي قسم الصفحات

إضغط علي "إضافة صفحة جديدة " .

إلصق الكود الخاص بصفحة الفهرس الذي حملتة .

وأخيرا تاكد من الضغط علي زر الحفظ لحفظ الصفحة بشكل صحيح .

شرح إضافة صفحة فهرس المدونة علي بلوجر .

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

شاهد الشرح بالفيديو اسفل

كما يمكنك تحميل الاسكريبت من اسفل

انسخ

<div class="tabbed-toc" id="tabbed-toc"></div>
<script>
var tabbedTOC={blogUrl:"https://ostazali.blogspot.com/",containerId:"tabbed-toc",activeTab:1,showDates:!0,showSummaries:!1,numChars:200,showThumbnails:!0,thumbSize:60,noThumb:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",monthNames:["جانفي","فيفري","مارس","أفريل","ماي","جوان","جويلية","أوت","سبتمبر","أكتوبر","نوفمبر","ديسمبر"],newTabLink:!0,maxResults:99999,preload:0,sortAlphabetically:!0,showNew:7,newText:' – <em style="color:red;">جديد</em>'};
</script>
<script src="https://cdn.jsdelivr.net/gh/Indzign/InSEO@master/daftarisikeren.js"></script>
<style scoped="" type="text/css">
.tabbed-toc{margin:0 auto;position:relative;background:linear-gradient(-45deg,#EE7752,#E73C7E,#23A6D5,#23D5AB);background-size:400% 400%;animation:Gradient 15s ease infinite}
.tabbed-toc .loading{display:block;padding:2px 12px;color:#fff}
.tabbed-toc ul,.tabbed-toc ol,.tabbed-toc li{margin:0;padding:0;list-style:none}
.tabbed-toc .toc-tabs{width:20%;float:right}
.tabbed-toc .toc-tabs li a{display:block;overflow:hidden;color:#fff;text-decoration:none;padding:12px;font-size:13px;transition:all .3s}
.tabbed-toc .toc-tabs li a:hover{background-color:rgba(0,0,0,0.05)}
.tabbed-toc .toc-tabs li a.active-tab{background:rgba(0,0,0,0.05);position:relative;z-index:5;margin:0 -1px 0 0}
.tabbed-toc .toc-content,.tabbed-toc .toc-line{width:80%;float:left;background-color:#fff;box-sizing:border-box}
.tabbed-toc .toc-line{float:none;display:block;position:absolute;top:0;left:0;bottom:0}
.tabbed-toc .panel{position:relative;z-index:5}
.tabbed-toc .panel li a{color:#1277cb;display:block;position:relative;font-weight:500;font-size:14px;padding:6px 12px;overflow:hidden}
.tabbed-toc .panel li time{display:block;font-weight:normal;font-size:11px;color:#666;float:left}
.tabbed-toc .panel li .summary{display:block;padding:10px 12px 10px;font-size:13px}
.tabbed-toc .panel li .summary img.thumbnail{float:right;display:block;margin:5px 0 0 8px;width:72px;height:72px;background-color:#fafafa}
.tabbed-toc .panel li{background-color:#f9f9f9;margin:0}
.tabbed-toc .panel li:nth-child(even){background-color:#fff}
.tabbed-toc .panel li a:hover,.tabbed-toc .panel li a:focus,.tabbed-toc .panel li.bold a{background-color:rgba(0,0,0,0.03);outline:none}
.tabbed-toc .panel li a em{background:#f39c12;color:#fff!important;font-style:initial;font-size:11px;margin:0 5px 0 0;padding:2px 10px;border-radius:22px}
.tabbed-toc .panel li:before{display:none}
.darkmode .tabbed-toc .toc-content,.nightmode .tabbed-toc .toc-line{background-color:rgba(0,0,0,0.1)}
.darkmode .tabbed-toc{background:rgba(0,0,0,0.1)}
.darkmode .tabbed-toc .panel li{background:rgba(255,255,255,.05)}
.darkmode .tabbed-toc .panel li:nth-child(even){background:rgba(255,255,255,.1)}
@-webkit-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@-moz-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@media (max-width:768px){.tabbed-toc .toc-tabs,.tabbed-toc .toc-content{overflow:hidden;width:auto;float:none;display:block}.tabbed-toc .toc-tabs li{display:inline;float:left}.tabbed-toc .toc-tabs li a.active-tab{background-color:rgba(64,64,64,0.1)}.tabbed-toc .toc-content{border:none}.tabbed-toc .toc-line,.tabbed-toc .panel li time{display:none}}
</style>

معاينة اضغط هنا

شاهد الفيديو اضغط هنا تحميل مباشر اضغط هنا

شاهد المزيد من اضافات وقوالب بلوجر

يمكنك مشاهدة الفيديو مباشر بالضغط على الصورة اسفل

الكلمات المفتاحية :

هيام على

أخبار,منوعات,ثقافة,سياسة,علوم,رياضة,علمية,دينية,برامج,تطبيقات,فوركس,أنشطة,فنون,

الملف الشخصي

مجلة الأستاذة شمس للمنوعــات

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

الصفحات

أخر الأخبار [LastPost]

انشاء صفحة فهرس للموقع بسيطة وجميلة

فوائد صفحة الفهرس بالمدونة

ماهي صفحة الفهرس علي بلوجر ؟

ما الفائدة من صفحة الفهرس ؟

كيفية إنشاء صفحة الفهرس علي مدونة بلوجر.

شاهد المزيد من اضافات وقوالب بلوجر

أخر المواضيع من قسم : اضافات

تعليقات

إرسال تعليق

مجلة بسيطة في الشكل لكنها متميزه وخفيفة في محتواها وأفكارها مفيدة. تخاطب الجميع