اضافة فهرس الى مدونات بلوجر

adel    أبريل 26, 2012    دروس بلوجر    2 تعليقات   

قد يهمك ايضًا

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

1. تسهيل تصفح مواضيع المدونة من طرف الزائر 
2. الوصول الى كل مواضيع ورسائل المدونة
3. اطالة مدة بقاء الزائر بمدونتك
4. زيادة عدد مرات ظهور الصفحة
5. تحسين ترتيب مواضيع المدونة بمحركات البحث

كيفية انشاء الفهرس؟

1. نقوم بتسجيل الدخول الى لوحة تحكم مدونة blogger 
2. نختار قالب - ثم تحرير قالب المدونة HTML .
3. نبحث عن الكود التالي. ]]></b:skin> وقبله مباشرة نقوم بلصق الكود التالي.

/*--------MBT TOC-----*/ 
.judul-label{ 
background-color:#E5ECF9; 
font-weight:bold; 
line-height:1.4em; 
margin-bottom:5px; 
overflow:hidden; 
white-space:nowrap; 
vertical-align: baseline; 
margin: 0 2px; 
outline: none; 
cursor: pointer; 
text-decoration: none; 
font: 14px/100% Arial, Helvetica, sans-serif; 
padding: .5em 2em .55em; 
text-shadow: 0 1px 1px rgba(0,0,0,.3); 
-webkit-border-radius: .5em; 
-moz-border-radius: .5em; 
border-radius: .5em; 
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
-moz-box-shadow: 1px 1px 4px #AAAAAA; 
box-shadow: 0 1px 2px rgba(0,0,0,.2); 
color: #e9e9e9; 
border: 2px solid white !important; 
background: #6e6e6e; 
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757)); 
background: -moz-linear-gradient(top,  #888,  #575757); 
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); 
} 
.data-list{ 
line-height:1.5em; 
margin-left:5px; 
margin-right:5px; 
padding-left:15px; 
padding-right:5px; 
white-space:nowrap; 
text-align:left; 
font-family:"Arial",sans-serif; 
font-size:12px; 
} 
.list-ganjil{ 
background-color:#F6F6F6; 
} 
.headactive{ 
    color: #fef4e9; 
    border: 2px solid white !important; 
    background: #1C8DFF; 
    background: -webkit-gradient(linear, left top, left bottom, from(#9dc2e7), to(#438cd2)); 
    background: -moz-linear-gradient(top,  #9dc2e7,  #438cd2); 
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dc2e7', endColorstr='#438cd2'); 
}

 4. ثم نقوم بحفظ قالب المدونة .
 5. بعدها نتوجه الى لوحة تحكم المدونة من جديد ونختار الصفحات - صفحة جديدة-

 6. نختار قسم HTML ونقوم بلصق الكود التالي

<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script> 
<script src="http://www.mybloggertricks.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script> 
<script type="text/javascript"> 
var accToc=true; 
</script> 
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

 7. قم باستبدال الرابط باللون الأحمر برابط مدونتك ثم انشر الصفحة.
 8. قم بعرض المدونة وشاهد الفهرس الجديد لمدونتك
 9. كما يمكنك القيام ببعض التغييرات على كود CSS كتغيير الألوان وحجم الخط .