اضافة اداة مواضيع ذات صلة

في 10:00 م التسميات: مرسلة بواسطة Unknown

مواضيع ذات صلة

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

طريقة التركيب :

1. اذهب لتخطيط المدونة
2. HTML
3. اضغط على توسيع القالب   لاتنسى احفظ نسخة احتياطية من قالب مدونتك
4. استخدم CTRL+F للبحث عن الكود التالي :

]]></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/AVvXsEibFySZDRzNIDBKb2Jj_D-rGrx1Q8VM1znpH_ER-xfMksegkhRBFhrcQS3oZSvRZ1W20wlodNb_zBY3YMwq1QktupfFOm0Pe_fmqh7sx5wCkdaySnAoXSnjcfWsiJuycF-eATunyCibw8E/") 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'/>

5. ابحث عن الكود التالي :

<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 باي رقم و هو يدل على عدد المواضيع ذات الصلة التي سيتم عرضه (و قد لا يعمل معك لذا فلا ضرر منه ^^) 
يا رب يكون الموضوع عجبكم اسئلكم الدعاء و كل تعليقاتكم مرحب بها

مع تحيات

مدونه عيون مصر

تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
abuiyad