السلام عليكم ورحمة الله تعالى وبركاته
اليوم أقدم لكم إضافة غنية عن التعريف لكن ذات أهمية كبيرة. وهي إضافة مواضيع ذات صلة أو إقرأ أيضا مثل الموجودة في مدونة أمين.
وتعتبر الإضافة مهمة جدا لكل مدونة، حيث تساعد على ربط الصفحات والمواضيع فيما بينها، و سهولة تنقل الزائر بين صفحات مدونتك، و أيضا تساعدك على أرشفة مدونتك وكسب ثقة محركات البحث.
- شرح التركيب :
1. قبل كل شئ يجب حفظ نسخة من قالبك تحسباً لأي خطأ.
2. ادخل على بلوجر > قالب > تحرير HTML
3. بحث عن الكود التالي
</head>
4. فوقه مباشرة قم باضافة الكود التالي
<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.3em;
font-weight: bold;
color: black;
font-family: Tahoma, Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://sma-blogger.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.3em;
font-weight: bold;
color: black;
font-family: Tahoma, Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://sma-blogger.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
5. بعد ذلك نقوم بالبحث عن :
<div class='post-footer-line post-footer-line-1'>
اذا لم تجده في قالبك ابحث عن :
<p class='post-footer-line post-footer-line-1'>
6. ثم أضف الكود التالي بعد الكود السابق مباشرة :
<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="مواضيع ذات صلة";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.efada.net' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.amineblog.com' style='display:none;'>AmineBlog</a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="مواضيع ذات صلة";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.efada.net' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.amineblog.com' style='display:none;'>AmineBlog</a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->
- تخصيص الإضافة لتتناسب مع مدونتك :
لتغيير عبارة مواضيع ذات صلة بأخرى من اختيارك
var relatedpoststitle="مواضيع ذات صلة";
لتغيير عدد التدوينات التي ستظهر في الإضافة
var maxresults=5;
لتغيير لون الخلفية التي تظهر عند التأشير بالفأرة
background-color:#d4eaf2;
لتغيير حجم خط الإضافة
font-size: 1.3em;
لتغيير نوع خط الإضافة
font-family: Tahoma, Georgia
اذا واجهتك أي مشاكل في الإضافة أو كان لديك سؤال أو استفسار لا تتردد في ترك تعليق

1 التعليقات:
mrc
إرسال تعليق