إضافة أداة "مواضيع ذات صلة' لمدونات بلوجر




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


         1. خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 
     3- قم بالبحث عن الكود التالي  </head>   بالإستعانة بلوحة التحكم (CTRL+F)



والصق الكود التالي قبله تمامآ (فوقه)

<!--Related Posts with thumbnails Scripts and Styles Start--> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<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, &#8220;Times New Roman&#8221;, 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-->

ثم قم بالبحث عن


<div class='post-footer-line post-footer-line-3'>


والصق الكود التالي بعده  مباشره (تحته)



<!-- Related Posts with Thumbnails Code Start-->

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<div id='related-posts'> 
<b:loop values='data:post.labels' var='label'> 
<b:if cond='data:label.isLast != &quot;true&quot;'> 
</b:if> 
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop> 
<script type='text/javascript'> 
var currentposturl=&quot;<data:post.url/>&quot;; 
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://bacbox.blogspot.com' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://bacbox.blogspot.com' style='display:none;'>EfadaBlog</a> 
</b:if></b:if> 

<!-- Related Posts with Thumbnails Code End-->
وبالاخير قم بحفظ القالب والمعاينه ومبروك عليك الاضافه



***********************


***********************

Post a Comment

Previous Post Next Post