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

الصفحات

أضافة جدول المحتوي في بلوجر بشكل تلقائي

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


أضافة جدول المحتوي في بلوجر بشكل تلقائي


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

مميزات أضافة جدول محتوي المقال في بلوجر بشكل تلقائي


  • ميزة كبيرة لتحسين السيو
  • اضافة اكبر عدد من الكلمات المفتاحية في عناوين المقال
  • سهول التنقل في المقال 
  • شرح وافي لمحتوي المقال
  • سهول تخصيص وتنظيم المقال

طريقة عمل جدول محتوي المقال في بلوجر بشكل تلقائي

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

شرح عملي لطريقة تركيب جدول محتوي المقال في بلوجر بشكل تلقائي

الانتقال الي لوحة تحكم بلوجر
1-المظهر←تعديل Html←وضع الكود التالي فوق </body>


<script async='async' defer='defer'>
/* Made by gom3app1.com */
var head,newLine,el,title,link,ToC="<nav class='table-of-contents' role='navigation'><h4 onclick='toc()'>محتوي المقال</h4><ul style='display:none'>";$(".post-body h2, .post-body h3").attr("id",function(arr){return "point" + arr;});$(".post-body h2,  .post-body h3").each(function(){el=$(this),title=el.text(),link="#"+el.attr("id"),ToC+=newLine="<li><a href='"+link+"'>"+title+"</a></li>"}),ToC+="</ul></nav>",$(".toc-pro").prepend(ToC);function toc() {$(".table-of-contents ul").toggle();}
</script>  

2-اضافة الكود التالي فوق ]]></b:skin>  

.table-of-contents{flex:auto;width:fit-content;background:#eee;font-size:14px;padding:11px;margin:8px 0 30px 0}
.table-of-contents li{margin:0 0 0.25em 0}
.table-of-contents a{color:#2a5365}
.table-of-contents h4{margin:0;cursor:pointer}
.table-of-contents h4:before{font-family:FontAwesome;content:"\f0c9";padding-left:7px;}


3-اخيرا يتم وضع الكود التالي فوق او تحت اعلان اول المقال من خلال التخطيط يكون في اداة الجافاسكربت فوق كود الاعلان
 او من خلال البحث عن كود اعلان اول المقال في اكواد القالب Html واضافة الكود 


<div class="toc-pro"></div> 

قيديو شرح أضافة جدول المحتوي في بلوجر بشكل تلقائي

هل اعجبك الموضوع :

تعليقات

محتوي المقال