إضافة مواضيع ذات صلة لمدونات بلوجر ( تحديث ) Related Posts For Blogger

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

The key is not supplied. Please go to BRPS to obtain one. If you are reading this, please relay the message to the owner of this blog.

و كما تلاحظون أسفل هذا الموضوع ، وضعت " مواضيع ذات صلة " بطريقة أخرى ، إذن لنتابع.

تذكـير أول : رجاء لا تجرب على مدونتك الرسمية أو الشخصية فأنا غير مسؤول عن الأخطاء التي قد يقع فيها البعض ، و الأولى استعمال مدونة تجريبية لهذا الغرض .
تذكير ثــان : رجاء احفظ قالب مدونتك قبل أي تعديل و لو كان بسيطا .
تذكير ثالث : استعمل خاصية استعراض المدونة قبل الحفظ .

الخطوة الأولى :  حذف الإضافة الأولى

طبعا هذه الخطوة خاصة بمن ركبوا الإضافة وفق الطريقة السابقة أما من سيركبون الإضافة لأول مرة الآن فليتابعوا الخطوة الثانية و لا حاجة لهم بهذه .
من تحرير html  حمل نسخة احتياطية للقالب قبل بدء التعديل ثم ضع علامة في خانة توسيع القالب الصغيرة و ابحث تباعا على الكودين الآتيين و احذفهما.

<div id='related_posts'/>

<script src='http://www.google.com/jsapi'></script>
<script src='http://sites.google.com/site/simoxisite/Home/simo/brps.txt?attredirects=0' type='text/javascript'/>

الخطوة الثانية : تركيب الإضافة الجديدة

1 -  ابحث عن الكود الآتي

]]></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/AVvXsEi1sqqT9s8fdppakxeTVqflTS2NmpTK-DJT5XdLCTfZQZYXy1PddZTF2JZaikzh8y_WOhG_sKDv6wV9gTGt9YgHCc0gbLWkcPGSLdVqlXkTOJWVHYMnwg4vFH2GJvv6rkriXAKm1pH08vU/") 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;
}

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

<script src='http://sites.google.com/site/simoxooorg/Home/related-post-hack-blogger.js' type='text/javascript'/>

3 - ثم تبحث عن هذا الكود :

<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 بالكود السابق لتعين عدد النتائج المراد عرضها.

4 - و أخيرا استعرض المدونة و احفظ القالب و مبروك عليك :)
شكر خــــــــــــاص لـــ     Widgetsforfree