-->

تقنية ، إنترنت ، برامج ، دينية ، إقتصادية ، إجتماعية ، تعليمية ، رياضية

سُبْحَانَ اللَّهِ وَبِحَمْدِهِ ... سُبْحَانَ اللَّهِ العَظَيم

الخميس، 12 ديسمبر 2013

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

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


نعرض فيما يلي طريقة عمل فهرس لمدونات بلوجر  ، فهو فهرس بقائمة منسدلة بقسم من الأقسام الخاصة بمدونتك بها المواضيع الخاصة بهذا القسم ، الأداة هامة جدا لأنها تقدم  ...
العديد من المميزات منها:
1. فهرس كامل بمواضيع قسم من أقسام مدونتك للزوار مما يعطي سهولة تصفح موقعك
2. عمل باك لينك Back link لكافة مواضيعك في موضوع واحد مما يساعدك على رفع ارشفة الموضوع و زيادة ترتيبك في اليكسا
3. مظهر جمالي لجدولة مواضيعك بالكامل داخل قسم من أقسام مدونتك و لا تحتاج للتعديل عليه
4. الفهرس متجدد آليا اي فهرس محدث آليا داخل الموضوع فبمجرد اضافة اي موضوع فهو يقوم باستيراد عنوان الموضوع و الرابط الخاص بالموضوع و وضعه في الفهرس داخل القسم الخاص به
5. يمكنك ادراج الفهرس داخل اي موضوع من مواضيعك مما يتيح لك امكانية عالية في التحكم في الفهرس



طريقة اضافة كود  الفهرس للمدونة المتجدد آليا :
الخطوة الاولى : اضافة ستايل CSS الخاص بالهاك

1. افتح لوحة التحكم الخاصة بحسابك من هنا
2. ادخل على تصميم الخاص بالمدونة التي تريد اضافة الفهرس بداخلها
3. ادخل على تحرير HTML هتميل
4 . اضغط على توسيع عناصر واجهه المستخدم
5. ابحث عن الكود التالي : ]]></b:skin>     
ضع قبلة الكود التالي :



 .judul-label{


background-color:#E5ECF9; font-weight:bold; line-height:1.4em; 

margin-bottom:5px;/* free widget and blogger template visit http://tebaaa.blogspot.com/2013/12/blog-post_2193.html */ 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:right; font-family:"Arial",sans-serif; 
font-size:12px; }  .list-ganjil{ background-color:#F6F6F6; } /* free 
widget and blogger template visit http://tebaaa.blogspot.com/2013/12/blog-post_2193.html */ 
.headactive{  color: #fef4e9;  border: 2px solid white !important;  
background: #f78d1d;  background: -webkit-gradient(linear, left top, 
left bottom, from(#faa51a), to(#f47a20));  background: 
-moz-linear-gradient(top,  #faa51a,  #f47a20);  filter:  
progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', 
endColorstr='#f47a20'); }



6. اضغط حفظ القالب .

الخطوة الثانية :

اضافة الفهرس بالقائمة المنسدلة ( قائمة متحركة ) الخاص بالمدونة

1. انشأ موضوع جديد
2 . قم بالتحويل الى الهتميل HTML
3. انسخ الكود التالي داخل الموضوع  بتاريخ قديم حتى لا يظهر في الصفحة الرئيسية  ، أو  يتم إدراج  الكود في صفحة جديدة  مع مراعاة التعديل في جانب خيارات الصفحة بعدم السماح بالتعليقات :



<div style="text-align: right;">
</script></div>
<div style="text-align: right;">
</script></div>
<div style="text-align: right;">
<script type="text/javascript">
var accToc=true;
</script></div><a href="http://tebaaa.blogspot.com/" target="_blank"><b><span style="background-color: #FFFFFF">العودة
للصفحة الرئيسية</span></b></a>
</div>


مع ضرورة تغير الرابط الذي باللون الأحمر في الكود السابق http://tebaaa.blogspot.com برابط مدونتك ، وتغير  كلمة  summary  في الكود السابق التي باللون الأحمر  مع  تلك الفقرة التالية التي بين القوسين (default/-/الطفل )   مع تغير كلمة الطفل  بإسم القسم المراد عمل  فهرس له .
 
4. اضغط نشر .

جزى الله خيرا كل من ساهم فيه

ليست هناك تعليقات:

إرسال تعليق