-->

تقنية ، إنترنت ، برامج ، دينية ، إقتصادية ، إجتماعية ، تعليمية ، رياضية

سُبْحَانَ اللَّهِ وَبِحَمْدِهِ ... سُبْحَانَ اللَّهِ العَظَيم

الأحد، 8 ديسمبر 2013

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

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

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

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

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

 
<div dir="rtl" style="text-align: right;" trbidi="on">

<script src="https://googledrive.com/host/0B3ntuTCXGn6nQUlYNVdPQ0puakk">
</script>
<script>
var numposts = 999;
var showpostthumbnails = true;
var displayseparator = true;
</script>
<script src=".http://tebaaa.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=recent&amp;max-results=999"></script>

<div style="text-align: center;">


<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>
<div style="text-align: center;">

<a href="http://tebaaa.blogspot.com/2013/12/blog-post_2193.html#.UpWGISeE9TM" target="_blank"><span style="font-size: xx-small;"><span style="color: #cccccc;">Blogger widget</span></span></a></div>
</div><br/><br/>


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

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

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

إنسخ الكود التالى

<div dir="rtl" style="text-align: right;" trbidi="on">

<script src="https://googledrive.com/host/0B3ntuTCXGn6nQUlYNVdPQ0puakk">
</script>
<script>
var numposts = 999;
var showpostthumbnails = true;
var displayseparator = true;
</script>
<script src="http://tebaaa.blogspot.com/feeds/posts/default/-/Label%20Name?orderby=published&amp;alt=json-in-script&amp;callback=recent&amp;max-results=999"></script>

<div style="text-align: center;">
<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 />

<div style="text-align: center;">

<a href="http://tebaaa.blogspot.com/2013/12/blog-post_2193.html#.UpWGISeE9TM" target="_blank"><span style="font-size: xx-small;"><span style="color: #cccccc;">Blogger widget</span></span></a></div>
</div><br/><br/>



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

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

 المصدر: كن داعيا للخير

ليست هناك تعليقات:

إرسال تعليق