استعمل مربع البحث في الاسفل لمزيد من المواضيع
سريع للبحث عن مواضيع في المنتدى
-
11-01-2013, بتوقيت غرينيتش 08:07 AM
#1
شرح طريقة إضافة فهرس متطور لمدونة blog بلوجر
من اهم اضافات مدونات بلوجر توفر فهرس للمواضيع لتسهل علي الزوار تصفح مدونتك وتظهر تدويناتك بشكل مرتب وانيق ولكن هذا الفهرس الذي جلبته لكم مميز ومتطور عن ما شاهدتوه سابقا ومن مميزات هذا الفهرس سرعته في الظهور ويمكن للزوار ترتيب المواضيع حسب توقيت النشر وعرض المواضيع بجانبها تاريخ نشرها مع عرض كل قسم وتصنيف لموضوع معين ولايوجد تكرار للمواضيع مع ظهور ملخص منه عند مرور الفارة فوقه.
معاينة الفهرس
اذا اعجبك هذا الفهرس المخصص لمدونات بلوجر واردت تركيب installه فاتبع الخطوات التالية:
الخطوة الاولي:توجه الي مدونتك وادخل الي صفحات ثم صفحة جديدة ثم انقر علي صفحة فارغة وقم بنسخ الكود code التالي:
رمز PHP:
<code style="white-space:nowrap"> <code> <div dir="rtl" style="text-align: right;" trbidi="on">
<style type="text/css">
#bp_toc {
border: 0px solid #000000;
background: #000000;
padding: 5px;
width:300px;
margin-top:10px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
text-align: center;
background: #000000;
-webkit-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: inset 2px 2px 5px 5px #000000;
box-shadow: inset 2px 2px 5px 5px #000000;
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: #000000;
white-space:nowrap;
}
</style>
<div id="bp_toc">
..إنتظر قليلا لتحميل الفهرس..</div>
<script src="http://conda3ianllkhir.googlecode.com/files/blogtoc_orig%282%29.js" type="text/javascript"></script>
<script src="ضع هنا رابط مدونتك/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script>
<a href="http://ta3lemblog.blogspot.com/" target="_blank"><span style="color: #999999;"><span style="font-size: xx-small;">get this widget</span></span></a>
</div>
</code> </code>
الخطوة الثانية: استبدل ضع هنا رابط مدونتك برابط مدونتك ثم قم بحفظ الصفحة.
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
المواضيع المتشابهه
-
بواسطة romaissa في المنتدى بلوغر blogger
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 08:19 AM
-
بواسطة salima في المنتدى بلوغر blogger
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 08:17 AM
-
بواسطة romaissa في المنتدى بلوغر blogger
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 08:15 AM
-
بواسطة loulou ange في المنتدى بلوغر blogger
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 08:10 AM
-
بواسطة Chakira في المنتدى بلوغر blogger
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 08:08 AM
ضوابط المشاركة
- لا تستطيع إضافة مواضيع جديدة
- لا تستطيع الرد على المواضيع
- لا تستطيع إرفاق ملفات
- لا تستطيع تعديل مشاركاتك
-
قوانين المنتدى