الزيارات:
عمل فهرس لمدونة بلوجر طريقه جديده 2014 بكل سهولة

مرسلة بواسطة غير معرف يوم 0 التعليقات
الطريقه الصحيحة لعمل فهرس لاقسام بلوجر بطريقه جديدة
طريقه عمل فهرس مدونه بلوجر بطريقه جديدة 2014 وزياده ارشفه بلوجر بكل سهوله

  من الإضافات الهامة لمدونات بلوجر هى فهرس يضم عناوين موضوعات ومشاركات المدونة فمن الضرورى إنشاء خريطة تنظم الأقسام وما تضمه من مواضيع لتمكن الزائر من الإطلاع على محتوى المدونة بالكامل بطريقة مرتبة.
يمكنك الان ترتيب مدونتك بكل احترافيه وجعل الزائر يستمتع بمدونتك ويبقى بها لاطول فتره ممكن بكل سهوله مع احترافيه كامله

الاداه مهمه جدا :: عمل فهرس لمدونة بلوجر باحترافية




 
فهى تنظم الموضوعات بجانب تواريخ النشر مع التسميات فى جدول يحدث أوتوماتيكيا عند نشر المشاركات.


صوره للفهرس بعد استخدام الاداة 

يمكنك الضغط على الصوره لتشاهدها بحجمها الاصلى







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




طريقة تركيب كود فهرس مدونات بلوجر
1.قم بإنشاء صفحة جديدة ذات عنوان فهرس الموقع أو خريطة الموقع 

2.إنسخ الكود التالى وألصقه داخل Html الخاص بالمشاركة مع إستبدال الرابط الملون باللون الأحمر برابط مدونتك.


<div dir="rtl" style="text-align: right;" trbidi="on">
<style type="text/css">
#bp_toc {
  border: 0px solid #000000; 
  background: #ffffff;
  padding: 5px;
  width:300px;
  margin-top:10px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
 text-align: center;
 background: #E6E6E6;
-webkit-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: inset 2px 2px 5px 5px #CCCCCC;
        
        box-shadow: inset 2px 2px 5px 5px #CCCCCC;
  color: #000000;
  padding-left: 2px;
  width:150px;
}
.toc-header-col2 {
  width:75px;
}
.toc-header-col3 {
  width:100px;
}
.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:80%;
  text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
  font-size:70%;
  text-decoration:underline;
}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
  padding-left: 5px;
  font-size:70%;
border: 2px solid white !important;
-webkit-border-radius: 10px;
border-radius: 10px;
 background: #F6F6F6;
 white-space:nowrap;
}
</style>

<br />
<div id="bp_toc">
<div style="text-align: center;">
..إنتظر قليلا لتحميل الفهرس..</div>
</div>
<div style="text-align: center;">
<script src="https://pramjpc-blogger.googlecode.com/svn/pramjpc.com.js" type="text/javascript"></script>
<script src="http://www.pramjpc.com/feeds/posts/summary?alt=json-in-script&amp;max-results=500&amp;callback=loadtoc" type="text/javascript"></script>
<a href="http://www.pramjpc.com/" target="_blank"><span style="color: #999999;"><span style="font-size: xx-small;">get this widget</span></span></a>&nbsp;

</div>
</div>


3. قم بتعطيل التعليقات ثم نشر الفهرس بتاريخ قديم حتى لايظهر بالصفحة الرئيسية.




تم بحمد لله بنجاح 





للوصول للمدونه بسهوله اكتب في جوجل

تعليقات
0 تعليقات