دليل المدون

2013-11-27

إنشاء فهرس مصور عام أولقسم معين على بلوجر

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

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

سيدنا محمد وعلى آله وصحبه أجمعين

تهتم معظم المدونات بإضافة صفحة ثابتة بها فهرس أو خريطة تضم موضوعات المدونة لتكون دليل الزائر فى البحث والإستفادة من مشاركات المدونة وقد قدمت فى مشاركة سابقة شرح لطريقة إضافة فهرس بلوجر الذى كان يتميز بتنظيم روابط وعناوين التدوينات وعرضها بحسب التاريخ والتسميات مع السماح للزائر بفلترة الموضوعات بحسب التسمية أو القسم والعديد من المميزات الأخرى.
أما اليوم أقدم الفهرس لمدونات بلوجر بصورة مختلفة حيث يعرض عناوين الموضوعات بجانبها صورة مصغرة للموضوع. 
list-icon
يعتمد إنشاء خريطة أو فهرس للموقع على رابط التغذية الخاص به atom or rss  بحيث ينشر تحديثات المدونة تلقائيًا بالفهرس.
من مميزات هذا الفهرس أنه يزيد من إحصائيات الموقع وسهولة عرض المواضيع للزائر، ويعرض المواضيع من الأحدث إلى الأقدم بالإضافة إلى صورة مصغرة لأول صورة فى الموضوع ليعطى شكل توضيحى و جمالى للفهرس يمكن معاينة الفهرس من هــناااا
blogger sitemap
بالإمكان إنشاء فهرس لجميع موضوعات المدونة أو إنشاء فهرس لقسم معين فقط حسب التسميات

أولا: إنشاء خريطة لمدونات بلوجر مع مصغرات الصور

لعرض جميع المواضيع لجميع التسميات  إتبع هذه الخطوات:
1. إذهب إلى لوحة تحكم بلوجر ------> صفحات -------> ثم قم إنشاء صفحة جديدة فارغة .
 إنسخ الكود التالى

<script src="https://cdn.rawgit.com/DrRO/condaianllkhir/44b906ba/thumb-TOC.js">
</script>
<script>
var numposts = 999;
var showpostthumbnails = true;
var displayseparator = true;
</script>
<script src="http://www.Yourwebsite.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=recent&amp;max-results=999"></script>
<style type="text/css">
.sitemap-container {width: 100%; height: 100px; border-top: 2px solid #eee;}
.sitemap-container:hover {background-color:#fafafa;}
.thumbnail {width: 60px; height: 90px; float: right; top:0px;}
.posttitle {height: 90px; float: left; line-height: 70px; margin-left:25px; display:block; width:80%; white-space:nowrap;}
#postimg {margin-top: 0px;  -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 10px; width: 60px; border: 2px solid #eee;}
#list{list-style-type: none; padding-right: 0px; margin-left: 0px;}
</style></div>
<br />
<a href="http://www.condaianllkhir.com/2012/09/blogger-widget.html" rel="nofollow" target="_blank"><span style="font-size: xx-small;"><span style="color: #999999;"><b>Blogger widgets</b></span></span></a>

</div><br/><br/>


مع إستبدال http://www.yourwebsite.com/ برابط مدونتك

ثانيًا: إنشاء فهرس لقسم معين فقط لمدونة بلوجر

لعرض مواضيع قسم معين حسب التسميات إتبع الآتى:
قم بإنشاء صفحة فارغة كما سبق ثم أضف الكود التالى داخل Html الصفحة.
 إنسخ الكود التالى

<script src="https://cdn.rawgit.com/DrRO/condaianllkhir/44b906ba/thumb-TOC.js">
</script>
<script>
var numposts = 999;
var showpostthumbnails = true;
var displayseparator = true;
</script>
<script src="http://www.yourwebsite.com/feeds/posts/default/-/Label%20Name?orderby=published&amp;alt=json-in-script&amp;callback=recent&amp;max-results=999"></script>
<style type="text/css">
.sitemap-container {width: 100%; height: 100px; border-top: 2px solid #eee;}
.sitemap-container:hover {background-color:#fafafa;}
.thumbnail {width: 60px; height: 90px; float: right; top:0px;}
.posttitle {height: 90px; float: left; line-height: 70px; margin-left:25px; display:block; width:80%; white-space:nowrap;}
#postimg {margin-top: 0px;  -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 10px; width: 60px; border: 2px solid #eee;}
#list{list-style-type: none; padding-right: 0px; margin-left: 0px;}
</style></div>
<br />
<a href="http://www.condaianllkhir.com/2012/09/blogger-widget.html" rel="nofollow" target="_blank"><span style="font-size: xx-small;"><span style="color: #999999;"><b>Blogger widgets</b></span></span></a>

</div><br/><br/>



مع إستبدال http://www.yourwebsite.com/ برابط مدونتك
وإستبدال  Label%20Name بإسم التسمية او القسم المراد عمل الفهرس لها.

مع مراعاة إذا كانت التسمية تتكون أكثر من إسم أن تضيف الرمز %20 كفاصل بين الكلمات مثلا : تسمية إضافات بلوجر تكتب هكذا------> إضافات%20بلوجر

إقرأ أيضًا: أداة أحدث المواضيع حسب أقسام موقع بلوجر

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

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

تابع --->>>  كيفية إضافة مربع بحث وصورة المؤلف إلى الفهرس

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

هناك 14 تعليقًا

  1. جزاك الله خير
    تم اضافة أول كود و نجح و لله الحمد
    لكن الثاني لم ينجح معي ...لعله خيراا

    بارك الله فيك و نفع بك الأمة

    http://jawaherkids.blogspot.ca/

    ردحذف

  2. موضوع رائع ومميز

    ردحذف
  3. بارك الله لك وجزاك الله خيرا تم وضع الكود بنجاح
    أري كود مثل هذا للمشاركات الشائعة ان أمكن
    هذه مدونتي
    http://books1977.blogspot.com/

    ردحذف
  4. عملت الكود الاول بنجاح لكن اعرضه ازاي على الواجهة بحيث لما افتح المدونة اجده مواجه لي

    ردحذف
  5. @ oum ibrahim Sb ، @ Ahmed ahmad ، @ yacine hocine
    شكرا جزيلا لمتابعتكم

    @ سماسم الندى
    شرح عمل واجهة للمدونة على الرابط
    http://www.condaianllkhir.com/2014/05/blogger-welcome-page.html

    ردحذف
  6. شكرا اخي علي المعلومة تقبل مروري

    http://ahmedhunter.blogspot.com

    ردحذف
  7. شكرا على الموضوع القيم ، إذا أمكن هذه مدونتي التعليمية " فيزياء تلمسان"
    http://physiquetlemcen.blogspot.com/

    ردحذف
  8. شكرا لك على الفهرس الاحترافي
    www.algeria-pedia.info

    ردحذف
  9. أريد كود تصميم فهرس مثل فهرس موقعكم.. شكرا

    ردحذف
    الردود
    1. بالفعل تم شرح هذا الفهرس فى هذا الموضوع الفهرس وشكرا للمتابعة

      حذف
  10. بارك الله فيك اخي هذا الكود الوحيد الذي نجح معي على الانترنت
    https://saprysoft.blogspot.com.eg/p/blog-page_19.html

    شكرا لك كثيرا

    ردحذف
    الردود
    1. شكرا جزيلا للمتابعة القيمة واتمنى لك التوفيق

      حذف

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

Privacy-Policy | إعلن لدينا
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2022 ©

تصميم كن مدون