طريقة عمل فهرس للمدونة بلوجر فهرس محدث 2011 على مدونة رايق كول لدروس المدونات
السلام عليكم .... منورين لمدونة كلها ... طبعا زي ممعودكم دايما ... اليوم درس هام من دروس المدونات خاص بالتدوين ( درس تعليمي من دروس مدونات البلوجر ) للبلوجرية من اصحاب المدونات
درسنا اليوم هو : أنشأ فهرس متجدد آليا لموقعك و مدونتك " جدول كامل بكافة مواضيع موقعك و مدونتك " فهرس المواضيع بجدول منسدل متحرك بالاقسام الخاصة بالمواضيع اصنع فهرس خاص بمدونتك بالقائمة المنسدلة ( قائمة متحركة )
وصف فهرس المدونة :
فهرس بقائمة منسدلة بالاقسام ففيه كافة الاقسام الخاصة بمدونتك و عندما تضغط عليها تنسدل منها المواضيع الخاصة بهذا القسم الاداه هامة جدا لانها تقدم ...
العديد من المميزات منها:
1. فهرس كامل بمواضيع مدونتك للزوار مما يعطي سهولة تصفح موقعك 2. عمل باك لينك Back link لكافة مواضيعك في موضوع واحد مما يساعدك على رفع ارشفة الوضوع و زيادة ترتيبك في اليكسا 3. مظهر جمالي لجدولة مواضيعك بالكامل داخل مدونتك و لا تحتاج للتعديل علية 4. الفهرس متجدد آليا اي فهرس محدث آليا داخل الموضوع فبمجرد اضافة اي موضوع فهو يقوم بأستيراد عنوان الموضوع و الرابط الخاص بالموضوع و وضعه في الفهرس داخل القسم الخاص به 5. الفهرس منسدل بمعنى انك ترى الاقسام و بمجرد الضغط عليها تفتح لك باقي الاقسام ثم تختر الموضوع مما يعطي مظهر جمالي رائع للموقع و راحة نفسية للزوار ( فلا تجد المواضيع تحت بعضها بطريقة غير مرتبة ) 6. يمكنك ادراج الفهرس داخل اي موضوع من مواضيعك مما يتيح لك امكانية عالية في التحكم في الفهرس يمكنك رؤية نسخة عن الكود او هاك الفهرس داخل هذا الموضوع
فهرس مدونة رايق كول
من المواضيع التي تفيدك في اشهار مدونتك :
طريقة اضافة كود هالك الفهرس المتجدد آليا :
الخطوة الاولى : اضافة ستايل 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://raykcool.blogspot.com/ */ 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; } /* free widget and blogger template visit http://raykcool.blogspot.com/ */ .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 . اكتب مقدمة للفهرس كما شاهدتم داخل فهرس مدونة رايق كول 3. انسخ الكود التالي داخل الموضوع
<script style="text/javascript" src="http://html-code.webs.com/html/daftarisiv2.js"></script> <script src="http://www.raykcool.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script> <script type="text/javascript"> var accToc=true; </script> <script style="text/javascript" src="http://html-code.webs.com/html/Label-Index.js"></script> خلي بالك : في الكود السابق هتبدل لينك مدونة رايق كول بلينك مدونتك ابحث عن اللينك التالي : http://raykcool.blogspot.com/ و استبدلة باللينك الخاص بمدونتك ... * لاحظ : انك قبل النشر اعمل ctrl - A للموضوع كله و كبر حجم الخط و اعملة محاذي لليمين و تظبط الخط و تعمل معاينة قبل النشر :)
4. اضغط نشر ... و اتفرج على فهرس المواضيع بجدول منسدل متحرك بالاقسام الخاصة بالمواضيع شكلها تووووحفة ....
اي خدمة و الى اللقاء في درس قادم من دروس التدوين مع
السلام عليكم .... منورين لمدونة كلها ... طبعا زي ممعودكم دايما ... اليوم درس هام من دروس المدونات خاص بالتدوين ( درس تعليمي من دروس مدونات البلوجر ) للبلوجرية من اصحاب المدونات
درسنا اليوم هو : أنشأ فهرس متجدد آليا لموقعك و مدونتك " جدول كامل بكافة مواضيع موقعك و مدونتك " فهرس المواضيع بجدول منسدل متحرك بالاقسام الخاصة بالمواضيع اصنع فهرس خاص بمدونتك بالقائمة المنسدلة ( قائمة متحركة )
وصف فهرس المدونة :
فهرس بقائمة منسدلة بالاقسام ففيه كافة الاقسام الخاصة بمدونتك و عندما تضغط عليها تنسدل منها المواضيع الخاصة بهذا القسم الاداه هامة جدا لانها تقدم ...
العديد من المميزات منها:
1. فهرس كامل بمواضيع مدونتك للزوار مما يعطي سهولة تصفح موقعك 2. عمل باك لينك Back link لكافة مواضيعك في موضوع واحد مما يساعدك على رفع ارشفة الوضوع و زيادة ترتيبك في اليكسا 3. مظهر جمالي لجدولة مواضيعك بالكامل داخل مدونتك و لا تحتاج للتعديل علية 4. الفهرس متجدد آليا اي فهرس محدث آليا داخل الموضوع فبمجرد اضافة اي موضوع فهو يقوم بأستيراد عنوان الموضوع و الرابط الخاص بالموضوع و وضعه في الفهرس داخل القسم الخاص به 5. الفهرس منسدل بمعنى انك ترى الاقسام و بمجرد الضغط عليها تفتح لك باقي الاقسام ثم تختر الموضوع مما يعطي مظهر جمالي رائع للموقع و راحة نفسية للزوار ( فلا تجد المواضيع تحت بعضها بطريقة غير مرتبة ) 6. يمكنك ادراج الفهرس داخل اي موضوع من مواضيعك مما يتيح لك امكانية عالية في التحكم في الفهرس يمكنك رؤية نسخة عن الكود او هاك الفهرس داخل هذا الموضوع
فهرس مدونة رايق كول
من المواضيع التي تفيدك في اشهار مدونتك :
طريقة اضافة كود هالك الفهرس المتجدد آليا :
الخطوة الاولى : اضافة ستايل 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://raykcool.blogspot.com/ */ 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; } /* free widget and blogger template visit http://raykcool.blogspot.com/ */ .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 . اكتب مقدمة للفهرس كما شاهدتم داخل فهرس مدونة رايق كول 3. انسخ الكود التالي داخل الموضوع
<script style="text/javascript" src="http://html-code.webs.com/html/daftarisiv2.js"></script> <script src="http://www.raykcool.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script> <script type="text/javascript"> var accToc=true; </script> <script style="text/javascript" src="http://html-code.webs.com/html/Label-Index.js"></script> خلي بالك : في الكود السابق هتبدل لينك مدونة رايق كول بلينك مدونتك ابحث عن اللينك التالي : http://raykcool.blogspot.com/ و استبدلة باللينك الخاص بمدونتك ... * لاحظ : انك قبل النشر اعمل ctrl - A للموضوع كله و كبر حجم الخط و اعملة محاذي لليمين و تظبط الخط و تعمل معاينة قبل النشر :)
4. اضغط نشر ... و اتفرج على فهرس المواضيع بجدول منسدل متحرك بالاقسام الخاصة بالمواضيع شكلها تووووحفة ....
اي خدمة و الى اللقاء في درس قادم من دروس التدوين مع
تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
مدونة حلمنا
مدونة ماي تكنولوجي
تقنيتي
برامج كوم
أساحبى كوميكس 
اسم المدونة
المحترف الصغير ا 
كن محترف
مدونة عماد الرافعي
ليست هناك تعليقات:
إرسال تعليق