إضافة مواضيع ذات صلة لمدونات بلوجر ( تحديث ) 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'/>​



<****** src='http://www.google.com/jsapi'></******>


<****** src='http://sites.google.com/site/simoxisite/Home/simo/brps.txt?attredirects=0' type='****/java******'/>​




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


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 {

****-decoration : none;

}

#related-posts a:hover {

****-decoration : none;

}

#related-posts ul {

border : medium none;


margin : 10px;

padding : 0;

}

#related-posts ul li {

display : block;

background : url("http://1.bp.blogspot.com/_cNpXRtRph18/SpbSRYurg2I/AAAAAAAAD7Q/GbYNm2feyIQ/rss.png") 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 - مرة أخرى تحت الكود المشار إليه باللون الأزرق سابقا ضع الآتي :

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




<****** src='http://sites.google.com/site/simoxooorg/Home/related-post-hack-blogger.js' type='****/java******'/>​


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;'>


<****** expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-******&amp;callback=related_results_labels&amp;max-results=5&quot;' type='****/java******'/></b:if></b:loop> </font>

<****** type='****/java******'> removeRelatedDuplicates(); printRelatedLabels();


</******>

</div></b:if>​


* يمكنك وضع أي عبارة تريد مكان " مواضيع ذات صلة " .

* كذلك يمكنك تغيير الرقم 5 بالكود السابق لتعين عدد النتائج المراد عرضها.



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

مواضيع مماثلة

أعلى