معهد خبراء بلوجر - إضافة الفهرس بشكل جميل

السلام عليكم

كما تعلمون فوجود فهرس للمدونة و خصوصاً اذا كان عدد المواضيع في المدونة كبير

يعتبر ضروري و مهم و ذلك لتسهيل الوصول السريع للزائر لموضوع معين

و حتى لا يضطر للبحث في قائمة طويلة للغاية

و لإضافة الفهرس لمدونتك إتبع التالي:

قم بإنشاء صفحة جديدة - ثم إختر صفحة فارغة

ثم إضغط على Html و ألصق الكود التالي:

ثم سمي الصفحة فهرس المدونة أو كما تحب ثم إحفظ الصفحة

و هذا كل شيئ

كود بلغة HTML:

<div id="bp_toc">

<script src="http://bloggergadgets.googlecode.com/files/blogtoc_orig.js" type="text/javascript">

</script><br />

<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=500&amp;callback=loadtoc" type="text/javascript">

</script><br />

<br />

<style>

#bp_toc {

border: 1px solid #c1bfbf;

padding: 5px;

width:100%;

margin-top:10px;

}

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

background: #C1CFFC;

color: #000000;

padding-left: 5px;

width:60%;

}

.toc-header-col2 {

width:20%;

}

.toc-header-col3 {

width:20%;

}

.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {

font-size:15px;

text-decoration:none;

}

.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {

font-size:15px;

text-decoration:underline;

}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {

padding-left: 5px;

font-size:15px;

}

</style>

</div>