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

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

إضافة مواضيع ذات صلة هي عبارة عن كود يظهر المواضيع المتعلقة بأي تدوينة تقوم بنشرها وذلك تبعا للتصنيف التدوينة (Label) ، وبمعنى آخر تظهر تدوينات أخرى لها محتوى مشابه من التدوينات المنشورة في المدونة.

لاحظ في المدونة أسفل كل تدوينة ستشاهد مواضيع ذات صلة لتدوينات منشورة في المدونة .

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

تركيب اﻹضافة : اختر التبويب تصميم ثم اختر تحرير html (اضغط توسيع قوالب عناصر واجهة المستخدم) ثم اختر أحد اﻹضافات

اﻹضافة اﻷولى : بدون صور مصغرة
ابحث عن </head> وقم بإضافة الكود التالي قبله

<style> 
#related-posts { float : right; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } 
#related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } 
#related-posts a { text-decoration : none; } 
#related-posts a:hover { text-decoration : none; } 
#related-posts ul { border : medium none; margin : 10px; padding : 0; } 
#related-posts ul li { display : block; background : url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4ASX8e3W4fDJncyoPm_DvnRwZbLjiNmWXWddRWvoP9NYZRWLjDSHBaoskOvFUcc0ZEneBF8mL3wxo_kct7moBVvQRg_sQH8Yx_ThSZY7HLSFvcn41lcBrnWHDoT_5zzzKe-yMKuSZw6g/&quot;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } 
</style> 
<script src='https://sites.google.com/site/saidkh/relatedposts.js' type='text/javascript'/>

ابحث عن <data:post.body/> وضع الكود التالي بعده

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='3'><b> مواضيع ذات صلة :</b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

اﻹضافة الثانية : بصور مصغرة
ابحث عن </head> وقم بإضافة الكود التالي قبله

<b:if cond='data:blog.pageType == &quot;item&quot;'>
   <style type='text/css'>
      #related-posts {
         float:center;
         padding:5px 5px 5px 5px;
      }
   </style>
   
   <script type='text/javascript'>
     var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHzM1n7R4TzZYV7YMpMTXoT6y3Oe-iDgNn7cHakHwwVVNprTSiMeaRdhSefTGzCAe1AFWo1bHUzmcqWXBMXlOcyBe2mwR8-JlRASGuI7ygVTNrPjMiIHxKTdNQhpC_4MTWhha1GGhPpvE/s400/noimage.png&quot;;
     var maxresults=5;
     var splittercolor=&quot;#d4eaf2&quot;;
     var relatedpoststitle=&quot; مواضيع ذات صلة &quot;;
   </script>
   <script src='http://sites.google.com/site/saidkh/relatedposts-withthumbnails.js' type='text/javascript'/>
</b:if>

ابحث عن <div class='post-footer-line post-footer-line-1'> وضع الكود التالي قبله

<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'> removeRelatedDuplicates_thumbs();
        printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
     </script>
     </div><div style='clear:both'/>
   </b:if>

   <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'/>
</b:if>