اضافة مواضيع ذات صلة / اخترنا لك/ لمدونة بلوجر جديد / Related Topics



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

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

من البداية خطوة بخطوة تابعوا معي

اولا الذهاب الى لوحة التحكم بمدونة بلوجر 

ثانيا الذهاب الى خانة القالب 

ثالثا الضغط على نسخ احتياطي / استعادة 

رابعا الضغط على تنزيل النموذج بالكامل 
للاحتياط لكي تستطيع استعادة القالب كما في السابق قبل التعديل 
خوفا لو حصل خطأ ما لا سامح الله

خامسا بعد تنزيل نسخة القالب بالكامل تغلق نافذة تنزيل النسخة

سادسا تضغط على تحرير HTML

سابعا تبحث عن كلمة </head>
بالاستعانة بأزرار الكيبورد Ctrl /F

وتضع الكود التالي بعد </head> مباشرة

<!--Related Posts with thumbnails Scripts and Styles Start--> 
<!-- remove --><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.6em; 
font-weight: bold; 
color: black; 
font-family: 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 type='text/javascript'> 
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkH76f-sg1CXK0Q-CJPs9jaWZcS7_MYmkkrFblgcPf5I4_Xkv60OQe9NALYyx_Djw9eKzmpch7xLtb9SIC2BTQymdK0kA0vwSdArYCwczMZXzwSFemmIRipZd_6Ufm2hsa261tAecsVOU/s400/noimage.png"; 
var maxresults=5; 
var splittercolor="#d4eaf2"; 
var relatedpoststitle="Related Posts"; 
</script> 
<script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/> 
<!-- remove --></b:if> 
<!--Related Posts with thumbnails Scripts and Styles End--> 



ثامنا تبحث عن كلمة 

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

 ان لم تجده ابحث عن هذه 

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

وتضع بعدها مباشرة الكود التالي 



<!-- Related Posts with Thumbnails Code Start--> 
<!-- remove --><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/summary/-/&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'> 
removeRelatedDuplicates_thumbs(); 
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); 
</script> 
</div><div style='clear:both'/> 
<!-- remove --></b:if>  
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> 
<a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://bloggertemplates.bloggerplugins.org/' ><img style="border: 0" alt="Blogger Templates" src="http://image.bloggerplugins.org/blogger-templates.png" /></a> 
</b:if></b:if> 
<!-- Related Posts with Thumbnails Code End-->  


ثم تضغط على حفظ النموذج ومبروك عليك الاضافة 
اتمنى لكم الفائدة 
مع تحياتي