إضافة فهرس لمدونات بلوجر بشكل جديد ورائع
بسم الله الرحمن الرحيم
إضافة فهرس لمدونات بلوجر بشكل جديد ورائع
الموضوع
السلام عليكم ورحمة الله وبركاته
مرحباً بكم زوار ومتابعين مدونة يوسف للمعلوميات
اليوم سوف نشرح موضوع جديد جميل وهو كيفية إضافة فهرس لمدونات بلوجر بشكل جديد ورائع,وفائدة هذه الأضافة هي أن تمكن الزائر أو المتابع بتصفح جميع مواضيع المدونة عبر صفحة وحدة فقط وهذه الطريقة تفيد صاحب المدونة لانه سوف يحصل على زوار أكثر ويضمن أكثر وقت لوجوده في المدونة لانه بأمكانه رؤية جميع المواضيع والتدوينات من خلال صفحة الفهرس,الأن بعد ما عرفت فوائد الفهرس سوف نأتي الى كيفية أضافته الى مدونتك
الشرح
في البداية ندخل الى بلوجر ومن ثم الى الصفحات وبعد ذلك نضغط على صفحة جديدة
وبعد الضغط على صفحة جديدة نضغط على HTML ونضيف الكود التالي فيه
<div dir="rtl" style="text-align: right;" trbidi="on">
<style type="text/css">
#bp_toc {
margin-bottom: 10px;margin-top: 28px;text-align: right;width: 100%;}#bp_toc a {text-decoration: none;}
.toc-note {
padding: 5px 10px;
position: relative;
top: -13px;
}.toc-header-col1, .toc-header-col2, .toc-header-col3 {
background: #2a3239;
border: 3px solid #1D2022;
color: #666;
padding: 2px 5px;
font-weight: bold;}
/*------عناوين المواضيع------*/
.toc-header-col1 { width:58%;}
.toc-entry-col1 {
background: #FFFFFF;
border: 1px solid #ddd;
padding-right: 8px;
line-height: 30px;
font-size: 14px;}
.toc-entry-col1 a {
color: #ffa221;}
/*------التاريخ------*/
.toc-header-col2 {width: 11%;text-align: center; }
.toc-entry-col2 {
background: #222;border: 2px solid #111;color: #FFFFFF;
text-align: center;font-size: 14px;}
/*------الأقسام-------*/
.toc-header-col3 {width:31%;}
.toc-entry-col3 {background: #ffa221;border: 1px solid #C7790E;
color: #fff;padding-right: 8px;
font-size: 14px;}.toc-entry-col3 a { color: #fff; }
.post-header,.post-title.entry-title,.bvd,#menu2{display: none;}
.post-body {}</style><br />
<div id="bp_toc">
..إنتظر قليلا لتحميل الفهرس..</div>
<script src="http://yourjavascript.com/7710117410/blogtoc-orig.js" type="text/javascript"></script>
<script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script>
</div>
وبعد إضافة الكود نضغط على نشر ونتمتع بالإضافة الجميلة
النهاية
