شرح انشاء فهرس لمدونة بلوجر 2018
19779792034227590
recent
أخبار ساخنة

شرح انشاء فهرس لمدونة بلوجر 2018

الخط

شرح انشاء فهرس لمدونة بلوجر 2018


شرح انشاء فهرس لمدونة بلوجر 2018

طريقة انشاء فهرس لمدونة بلوجر، كيف أقوم بعمل صفحه لفهرس مدونة بلوجر، اريد كود لفهرس مدونة بلوجر، شرح عمل سايت ماب لمدونة بلوجر .

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

وقبل ان تطرق الى شرح كيفية تركيب مثل هذا الفهرس لنتعرف أولا على فائدة الفهرس هذا بالنسبه لمدونة بلوجر :

1- هذا الفهرس يرتب المواضيع بشكل أنيق حسب احدث موضوع ثم الاقدم وهكذا .
2- الفهرس يرتب المواضيع ويبين تاريخ المشاركه والقسم الموجوده به .
3- الفهرس يشمل كافة مواضيع المدونه منذ أول مشاركه وحتى آخر مشاركه .
4- مفيد جدا لبقاء الزائر فى مدونتك أطول فتره ممكنه حيث يعمل على إغراء الزائر بتصفح أكبر عدد من المواضيع .
5- يعمل على تخفيض معدل الارتداد bounace rate وهو مهم جدا لمحركات البحث والذى يقاس عليه مدى بقاء الزائر فى مدونتك لأكبر عدد من الوقت،ويترتب عليه ثقة محركات البحث فى موقعك.

شرح التركيب :- 

أولا : اذهب للوحة تحكم مدونتك ثم الى صفحات واختار صفحه جديده كما بالصوره التاليه :

شرح انشاء فهرس لمدونة بلوجر 2018

ثانيا : بالعنوان أكتب sitemap ثم بخانة الموضوع أكتب sitemap ثم قم بالحفظ وإضغط على نشر 
وانا أخترت ذلك لكى يكون عنوان الصفحه ينتهى هكذا :
p/sitemap.html

ثالثا: قم بالضغط مره اخرى على تعديل الصفحه وأختر وضعيه HTML وقم بحذف كل مافى الصفحه من اكواد تظهر حتى كلمة sitemap ، وايضا تستطيع تغيير عنوان الصفحه ليكون مثلا فهرس المدونه أو الفهرس حسب ماتراه مناسب لك ، والصق الكود التالى بالصفحه :
<style type="text/css">

#bp_toc {

margin-bottom: 10px;margin-top: 28px;text-align: right;width: 100%;}#bp_toc a {text-decoration: none;}

.toc-note {

padding: 5px 10px;

position: relative;

top: -13px;

}.toc-header-col1, .toc-header-col2, .toc-header-col3 {

background: #eee;

border: 1px solid #ddd;

color: #666;

padding: 2px 5px;

font-weight: bold;}

/*------عناوين المواضيع------*/

.toc-header-col1 { width:58%;}

.toc-entry-col1 {

background: #FFFFFF;

border: 1px solid #ddd;

padding-right: 8px;

line-height: 30px;

font-size: 14px;}

.toc-entry-col1 a {

color: #E75139;}

/*------التاريخ------*/

.toc-header-col2 {width: 11%;text-align: center; }

.toc-entry-col2 {

background: #222;border: 1px solid #111;color: #fff;

text-align: center;font-size: 14px;}

/*------الأقسام-------*/

.toc-header-col3 {width:31%;}

.toc-entry-col3 {background: #E75139;border: 1px solid #B43A27;

color: #fff;padding-right: 8px;

font-size: 14px;}.toc-entry-col3 a { color: #fff; }

.post-header,.post-title.entry-title,.bvd,#menu2{display: none;}

.post-body {border-bottom: 20px ridge #E4E4E4;}</style><br />

<div id="bp_toc">

انتظر قليلاً لتحميل الفهرس ...</div>

<script src="https://cdn.rawgit.com/techandinv/index/master/Arabic.js" type="text/javascript"></script>

<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=500&amp;callback=loadtoc" type="text/javascript"></script></div>
وإذا تعذر عليك نسخ الكود يمكنك تحميله من هنا 
ثم قم بالحفظ وأضغط على تحديث وشاهد النتيجه ...
أرجوا ان اكون وفقت فى شرحى هذا لكم
مع وافر الشكر والتقدير لكم
واى ملاحظات اتركها لنا بالتعليقات للرد عليها  
ليست هناك تعليقات
إرسال تعليق

إرسال تعليق

نموذج الاتصال
الاسمبريد إلكترونيرسالة