تقوصى به: أفضل مواقع الاستضافة 2016 | موصى به: شرح طريقة الربح من IQ Option

اانضم لآلاف المتابعين الرائعين لقائمتي البريديه !

ايميلك معنا بأمان تام .. لا نرسل سبام .. و تستطيع الغاء اشتراكك في اي وقت اذا لم يعجبك ما أقدم




كيفية إنشاء خريطة الموقع أو فهرس في بلوجر هي أفضل طريقة لإظهار كل محتوى موقعك للزائرين مع وسيلة سهلة لفهم الطريقة. بالتأكيد قد تكون أنشاءت XML sitemaps الخاصة بك لمدونة blogspot ولكن هل سمعت عن خريطة الموقع الصفحة (HTML sitemaps page )، إذا كان الجواب "لا" وبعد ذلك سوف أقول لكم الاختلافات عنهم. يتم إنشاء خريطة الموقع الصفحةHTML لعرض جميع المشاركات والمقالات على المدونة الخاص بك إلى القراء في صفحة واحدة مفصولة بالتسميات في حين عملت (XML sitemaps) الموقع وهو ملف بامتدادت مختلفة تتوافق مع محركات البحث تحتوى على روابط لموقعك مما يساعد عناكب محركات البحث للوصول الى جميع روابط موقعك بصورة منظمة وليست عشوائية.
لذلك نأمل بأنك ستقوم بإنشاء بالفعل XML sitemaps لموقع الويب الخاص بك, الأان حان الوقت لإضافة خريطة الموقع في صفحةHTML إلى حسابك في بلوجر لجعل مدونتك أكثر ملاءمة للمستخدمين.



ما الجديد في كود خريطة الموقع الصفحة HTML في بلوجر؟

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

كيفية إضافة خريطة الموقع الصفحة HTML لبلوجر

1. تسجيل الدخول الى حسابك في لوحة تحكم بلوجر >> الصفحات >> صفحة جديدة ، الآن إضغط على علامة html كما هو في الصورة التالية:
2. أعط اسم عنوان لصفحتك، أي يمكنك كتابة " sitemaps "كما عنوان الصفحة.
3. الآن نسخ  كود أدناه ولصقه في تلك الصفحة فارغة.

<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/0B3m2F2L71gmGd0pHd0FkWEtMWGc/" type="text/javascript"></script>
<script src="http://www.blogtecharabs.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

4. غير الرابط www.blogtecharabs.com برابط مدونتك ثم إضغط على "نشر"

بالتوفيق، لا تنسى مشاركة للموضوع مع أصدقائك.

0 تعليقات :

إرسال تعليق



حق النشر © 2016 - مدونة العرب التقنية - كل الحقوق محفوظة
(المقالات لا يمكن إعادة نشرها دون إذن المؤلف .)
تصميم: Safe Tricks تعريب : youness ouaziki