إضافة "مواضيع ذات صلة" أسفل التدوينات

السلام عليكم ورحمة الله تعالى وبركاته

أهلاً وسهلاً 

بزوار مدونة واب ويب الأعزاء 

أقدم لكم اليوم إضافة غنية عن التعريف لكن ذات أهمية كبيرة. وهي إضافة مواضيع ذات صلة أو إقرأ أيضا مثل الموجودة في مدونة إفادة.

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

معاينة مباشرة للإضافة

 شرح تركيب الإضافة :

أولا قبل كل شئ يجب حفظ نسخة من قالبك تحسباً لأي خطأ.

ثم ندخل على قالب > تحرير HTML > توسيع مربع البحث

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

 </head>}

فوقه مباشرة نقوم بوضع الكود التالي :

<!--Related Posts  with thumbnails Scripts and Styles Start-->          

<b:if  cond='data:blog.pageType == &quot;item&quot;'>            
<style type="text/css">           
#related-posts {           

min-height:1
float:center;           
text-transform:none;           
height:100%
;00%;           
padding-top:5px;           
padding-left:5px;           
}           



#related-posts h2{           
font-size:

1.3em;           

font-weight: bold;           
color: black;           

Tahoma, Georgia, “Times New Roman”, Times,  serif;           
font-family:
 
margin-bottom: 0.75em;           

-top: 0em;           
}    
margin-top: 0em;           
paddin
g       
#related-posts a{           
color:black;           

} 
}           
#related-posts a:hover{           
color:black; 
           

#related-posts  a:hover {           

#d4eaf2;            
background-color
:
}           

<script sr
</style&gt

;c='http://sma-blogger.googlecode.com/files/relatedthumbs21.js'  type='text/javascript'/>           
</b:if>            

thumbnails Scripts and Styles End-->
<!--Related Posts with
 

بعد ذلك نقوم بالبحث عن

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

اذا لم تجده في قالبك ابحث عن :

<p class='post-footer-line post-footer-line-1'>

ثم أضف الكود التالي بعد الكود السابق مباشرة :

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

<b:if  cond='data:blog.pageType ==  &quot;item&quot;'> 
<div id='related-posts'>  

ls' var='label'> 
<b:if  cond='data:label.isLas
<b:loop values='data:post.lab
et != &quot;true&quot;'> 
</b:if>  

/&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  current
<script expr:src='&quot;/feeds/posts/default/
-posturl=&quot;<data:post.url/>&quot;; 

var maxresults=5; 

var  relatedpoststitle="مواضيع ذات صلة";  

removeRelatedDuplicates_thumbs();  
printRelatedLabels_thumbs(); 

lt;div  style='c
</script> 
</div>
&lear:both'/> 
</b:if> 

data:blog.homepageUrl'><b:if  cond='data:post.isFirstPost'> 
<a  href='http://www.efada.ne
<b:if cond='data:blog.url == 

 t'   style='display:none;'>Related  Posts with thumbnails for   blogger</a><a  href='http://www.efada.net'    style='display:none;'>EfadaBlog</a>  
</b:if></b:if> 

humbnails Code  End-->
<!-- Related Posts with 
T

تخصيص الإضافة لتتناسب مع مدونتك :

 لتغيير عبارة مواضيع ذات صلة بأخرى من اختيارك 

 var  relatedpoststitle="مواضيع ذات صلة";

لتغيير عدد التدوينات التي ستظهر في الإضافة

 var maxresults=5;

لتغيير لون الخلفية التي تظهر عند التأشير بالفأرة

background-color:#d4eaf2;

لتغيير حجم خط الإضافة

 font-size: 1.3em;

لتغيير نوع خط الإضافة

 font-family: Tahoma, Georgia

دمتم في رعاية الله وحفظه.