إضافة صفحة خريطة الموقع لمدونات بلوجر مثل المنتديات

[rachido17]

إضافة صفحة خريطة الموقع لمدونات بلوجر مثل المنتديات
(http://www.el-mustakbel.com/2014/03/blog-post_16.html)
http://2.bp.blogspot.com/-WBlPfTjttIE/UyYCOkg4NkI/AAAAAAAAAvU/wsnLECbixJs/s1600/image.jpg
موضوعنا اليوم هو عن كيفية إضافة صفحة خريطة الموقع لمدونات بلوجر مثل المنتديات
و هي عبارة عن صفحة تحتوي على جميع روابط المواضيع في المدونة مثال خريطة موقع مدونة المستقبل. (http://www.el-mustakbel.com/p/tocwidth99margin5px-autoborder1px-solid.html)

-1 خريطة الموقع يمكن أن تحسن محرك البحث الألي للموقع عن طريق التأكد من أن جميع الصفحات يمكن العثور عليها. مع العلم أن هذا مهم بصفة خاصة إذا كانت المدونة تستخدم محتوى دايناميكي للوصول إلى المحتويات مثل أدوبي فلاش (Adobe Flash) أو قوائم الجافا سكريبت (JavaScript menus) التي لا تتضمن وصلات أتش تي أم أل .

-2 كما أنها تساعد على التنقل بين الصفحات من خلال تقديم لمحة عامة للزوار عن محتوى المدونة من نظرة واحدة.


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

http://3.bp.blogspot.com/-nfvo1ZWDGSg/Upydj2Clc1I/AAAAAAAAIyA/R4yg9J8h7So/s1600/html+tab.png

إنسخ الكود التالي وضعه في تبوب HTML

<style type="text/css">
#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}

</style>


<div id="toc">
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://www.YOURBLOGDOMAIN.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>


غير YOURBLOGDOMAIN برابط مدونتك
ثم إضغط على زر نشر.
ثم إضغط عرض لمعاينة النتيجة .


أرجو أن تكونوا إستفدتم

بالتوفيق
المصدر (http://www.el-mustakbel.com/2014/03/blog-post_16.html)