عرض مشاركة واحدة
قديم 11-12-2012, 08:27 PM   #1
yosefssss
مدون نشيط
 
الصورة الرمزية yosefssss
 
تاريخ التسجيل: Apr 2012
الدولة: mecca
المشاركات: 253
Wink إضافة الفهرس بشكل جميل

السلام عليكم

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

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

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

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

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

ثم إضغط على 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>
__________________
مدونة تهتم بآخر البرامج الكاملة و الألعاب و التطبيقات و أجمل العروض الحصرية
http://flash-techno.blogspot.com
من مواضيع yosefssss

الدعم العربي

yosefssss غير متواجد حالياً   رد مع اقتباس