تصنيفات المدونة

الخميس، 13 يناير، 2011

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

إضافة مواضيع ذات صلة هي عبارة عن كود يظهر المواضيع المتعلقة بأي تدوينة تقوم بنشرها وذلك تبعا للتصنيف التدوينة (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;http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png&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;http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/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>

هناك 5 تعليقات:

  1. مساء الخير اخي الرائع خالد..

    شكراا لك وجزااك الله خيرا..

    مدونة متميزة ومفيده..

    تمنياتي لكي بالتوفيق والسعاده.

    ردحذف
  2. شكرا لك كثيررررررررررررررررراااااا
    وبارك الله فيك كنت ببحث عن هذه الاداه بالصور ووجدتها فى مدونتك وتم وضعها الحمد لله بسهوله

    ردحذف
  3. يا جماعة .. من يملك اي استفسار يرسله على الايميل

    ردحذف
  4. موضوع اكثر من رائع و يفيد جدا فى المدونات بارك الله فيك

    ردحذف