random
أخر المقالات

إضافة صفحة فهرس في مدونة بلوجر - صفحة الفهرس إحترافية 2022

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

إضافة صفحة فهرس في مدونة بلوجر - صفحة الفهرس إحترافية 2022
إضافة صفحة فهرس في مدونة بلوجر - صفحة الفهرس إحترافية 2022

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

إضافة صفحة فهرس في مدونة بلوجر - صفحة الفهرس إحترافية 2022

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

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

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

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

طريقة إنشاء صفحة الأرشيف في بلوجر

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

 » أقرأ أيضا : إضافة أزرار مواقع التواصل الاجتماعي ب 5 أشكال احترافية على بلوجر.

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

معاينة صفحة الفهرس

بعد معاينة الإضافة والإقتناع بها , دعنا نبدأ طريقة إنشاء الفهرس في بلوجر.

  1. توجه إلى الواجهة الرئيسية في Blogger.
  2. إنتقل إلى الصفحات من القائمة المنسدلة.
  3. قم بإنشاء صفحة جديدة.
  4. أعطي إسم للصفحة مثلا " الأرشيف أو الفهرس".
  5. نقوم بتحويل الصفحة من عرض وضع الإنشاء إلى عرض Html.
  6. حدد على الكود التالي بالكامل وقم بنسخه , تم ألصقه بداخل الصفحة.
<div class="tabbed-toc" id="tabbed-toc"></div>
<script>
var tabbedTOC={blogUrl:"https://aribh.de/",containerId:"tabbed-toc",activeTab:1,showDates:!0,showSummaries:!1,numChars:200,showThumbnails:!0,thumbSize:60,noThumb:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",monthNames:["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],newTabLink:!0,maxResults:99999,preload:0,sortAlphabetically:!0,showNew:7,newText:' – <em style="color:red;">New</em>'};
</script>
<script src="https://cdn.jsdelivr.net/gh/Indzign/[email protected]/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:left}
.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:right;background-color:#fff;box-sizing:border-box}
.tabbed-toc .toc-line{float:none;display:block;position:absolute;top:0;right: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:right}
.tabbed-toc .panel li .summary{display:block;padding:10px 12px 10px;font-size:13px}
.tabbed-toc .panel li .summary img.thumbnail{float:left;display:block;margin:5px 8px 0 0;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 0 0 5px;padding:2px 10px;border-radius:22px}
.tabbed-toc .panel li:before{display:none}
@-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>


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

في حالة واجهت مشكلة أثناء إنشاء صفحة الفهرس في مدونة بلوجر , يمكنك إبلاغنا عبر التعليقات وسوف نقوم بمساعدتك.

هذا المقطع البسيط , سوف يساعدك ويشرح لك طريقة إضافة صفحة الفهرس في بلوجر.

x
طريقة إضافة صفحة الفهرس إلى مدونة بلوجر - sitemap احترافي بشكل جذاب



قد يعجبك: [ طريقة إضافة صندوق الإشتراك في قناة يوتيوب الى مدونة بلوجر ].

الأكثر مشاهدة: [ طريقة اضافة محول الأكواد إلى مدونة بلوجر بشكل إحترافي ومتناسق ].

إلا هنا نكون وصلنا إلى نهاية موضوع اليوم , الذي تعرفنا من خلاله عن كيفية إضافة صفحة الفهرس في مدونة بلوجر بشكل إحترافي.

إنشاء صفحة الفهرس في مدونة بلوجر, إضافة صفحة فهرس بلوجر , صفحة الفهرس في بلوجر إحترافية.
author-img
جوكر بلوجر

تعليقات

ليست هناك تعليقات
إرسال تعليق
    google-playkhamsatmostaqltradent