اضافة مواضيع ذات صلة مع صور مصغرة غاية في الروعه

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

اقدم لكم اليوم علي عرب توب صناع التميز

 اضافة مواضيع ذات صلة الخاصه ببلوجر مع صورة مصغرة للخبر اسفل التدوينات

اضافه رائعه جدا غايه في الروعه

الشرح :

اذهب الي صفحة القالب ثم تحرير HTML ثم ابحث عن : </head>

واضف اعلاها الكود التالي : 

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

<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, “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='https://blog-add.googlecode.com/svn/trunk/relatedthumbs21.js' type='text/javascript'/>  </b:if>

ثم ابحث عن : <div class=’post-footer-line post-footer-line-1′> او عن : <p class=’post-footer-line post-footer-line-1′>

واصف اسفله الكود التالي :

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<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>