اضافة كود مقالات ذات صله لبلوجر مع التلخيص (related posts)

الان لدينا اضافة رائعة من اجلك, وهى من الاضافات المهمه جدا جدا حيث يقوم الكود تلقائيا باضافة المقالات المتشابهه اسفل كل مشاركة ويتم انتقاء هذه المشاركات من التسميات , مما يجعل القارئ يبقى مده اطول داخل مدونتك ليستمتع باستكمال موضوعه المفضل .

• -مميزات اضافة كود مقالات ذات صله لمدونات بلوجر:

  • يوفر عليك عناء الحث عن المشاركات التى لها صله لاضافتها اسفل كل مشاركه لتشجيع القارئ على الاستمرار. 
     
  • يرفع الباك لينك لمشاركاتك ويجعل مدونتك مترابطه.
    
    
  • يحسن مدونتك فى محركات البحث ويرفع معدل الرانك حيث تسجل محركات البحث المدة التى يقضيها القارئ داخل مدونتك .
    
    

• الطريقة الصحيحة لاضافة كود مقالات ذات صلة لمدنات بلوجر مع التلخيص :

  
  

الخطوة الاولى:- اذهب الى لوحة تحكم بلوجر  https://www.blogger.com/home ثم الى انقر فوق مدونتك .
                    انقر فوق قالب ثم تحرير HTML

الخطوة الثانية:- سيظهر لك كود مدونتك انقر فى اى مكان داخل الكود ثم اضغط من لوحة المفابيح على CTRL+F .
               ابحث عن الكود التالى :

</head>

الخطوة الثالثه:- انسخ والصق الكود التالى قبله ماشرة أى قبل </head> .

<!--Related Posts with thumbnails Scripts and Styles Start--> <b:if cond='data:blog.pageType == "item"'> <style type='text/css'> #related-posts{float:right;width:auto;} #related-posts a{border-right: 1px dotted #eaeaea;} #related-posts a:hover{background: #EEEEEE;} #related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;} #related-posts .related_img {margin:5px;border:2px solid #f2f2f2;width:110px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #related-title {color:#666;text-align:center;padding: 0px 5px 10px;font-size:12px;width:110px; height: 40px;} #related-posts .related_img:hover{border:2px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style> <script type='text/javascript' src='http://helplogger.googlecode.com/svn/trunk/relatedposts.js' /> </b:if> <!--Related Posts with thumbnails Scripts and Styles End-->

الخطوة الرابعة:- ابحث ايضا عن الكود التالى .

<div class='post-footer'>

ضع فوق الكود <div class='post-footer'> الكود التالى .

<!-- Related Posts with Thumbnails Code Start--> <b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=5"' type='text/javascript'/></b:loop> <script type='text/javascript'> var currentposturl="<data:post.url/>"; var maxresults=5; var relatedpoststitle="<b>Related Posts:</b>"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div> <div class='clear'/> <div style="font-size: 9px;float: right; margin: 5px;"> <a style="font-size: 9px; text-decoration: none;" href="http://helplogger.blogspot.com/2012/03/how-to-add-related-posts-widget-to.html" rel="nofollow" >Related Posts Widget</a></div> </b:if> <!-- Related Posts with Thumbnails Code End-->

الخطوة الخامسة:- قم بحفط النموزج وستجد الاضافة تعمل بنجاح