إضافة مواضيع ذات صلة في مدونات البلوغر Related Posts For Blogger




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


]]></b:skin>


ثم فوقه مباشرة ضع الكود الموالي :
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
text-decoration : none;
}
#related-posts a:hover {
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheIpvBVGA1aXwi4qqjVK8tqet_rrLrB9eMyxC4GRPdne2phWAYjRLVhNL8dzTvNTejC57tlL5CM9w_qUmtq6UZUNsipGHEMeqM-49WZwa0xq9CErFUB4M8oyj9jQF8B_4pKzCHVLimq3I/") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 21px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

مرة أخرى تحت الكود السابق المشار  إليه باللون الأخضر ضع الكود الآتي :
<script src='http://bsaves.com/scripts/Related_posts_hack.js' type='text/javascript'/>
و في خطوة أخيرة  نبحث عن هذا الكود :
<div class='post-footer-line post-footer-line-1'>
بعده مباشرة تضع هذا الكود
<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>
مواضيع ذات صلة : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

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

ساهم في نشر الموضوع و لك جزيل الشكر!



Digg Technorati del.icio.us Stumbleupon Reddit Facebook Twitter

3 commentaires:

  1. شكرا أخيرا وجدت ما كنت أبحث عنه

    شكرا جزيلا

    ردحذف
  2. شكرا لك على هذه الإضافة الرائعة

    ونرجوا زيارتكم لنا على الرابط:

    http://Alselver.blogspot.com

    ردحذف