[بلوجر] اضافة الأرشيف او فهرس المدونة بشكل احترافي

[بلوجر] اضافة الأرشيف او فهرس المدونة بشكل احترافي

السلام عليكم ورحمة الله وبركاتة مرحبا متابعي موقع المطور .نت بعد ان تلقيت العديد من الطلبات على صفحتنا وحسابي في الفيس بوك , لعرض كيفية ا... 4:07 ص

السلام عليكم ورحمة الله وبركاتة

مرحبا متابعي موقع المطور .نت بعد ان تلقيت العديد من الطلبات على صفحتنا وحسابي في الفيس بوك , لعرض كيفية انشاء فهرس او الارشيف لمدونات البلوجر كما في مدونة المطور .نت , حيث يمكنك معاينة الاضافة في المطور .نت في صفحة فهرس المدونة من هنا  , اتمنى ان تكون قد اعجبتك فيه تتميز بعرض جميع مواضيع مدونتك بشكل مميز مع التسميات وتاريخ هذا الموضوع بالتفصيل ,

معاينة
إضغط للمشاهدة

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

طريقة التركيب 

قم بالذهاب الى لوحة تحكم بلوجر
قم بالذهاب الى الصفحة ثم قم بانشاء صفحة جديدة
ثم قم بالضغط على تحرير html ثم قم بوضع ولصق الكود الاتي

تحميل الاكواد
إضغط للبدء
2.3MB .rar

<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: #006BFF;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: #018EC5;
}
/*------التاريخ------*/
.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: #018EC5;
border: 1px solid #0086B7;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="http://yourjavascript.com/7710117410/blogtoc-orig.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>
</div>

ثم قم بالحفظ
يمكنك التعديل على الفهرس كما تريد مثل تغير اللون الازرق الى اللون الذي تريد او يمكنك تغير حجم , فهو عبارة عن اكواد html وcss سهلة التعديل في حال واجهتك اي مشكلة لاتتردد بترك تعليق ولاي تعديل على الفهرس قم بمراسلتي , لاتحرمونا من تعليقات المشجعة .