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

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

اهلا بكم زوار ومتابعى مدونة دنيا التقنية


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


مميزات الاضافة :


1. تعطيك الاضافة فرصة اكبر لتصفح الزائر موقعك لمدة اطول وتصفح اكثر من تدوينة وزيادة عدد مشاهدات الصفحة

2. تعطى للزائر امكانية تصفح المقالات او المواضيع ذات الصلة والقريبة لما يبحث عنه وما يفضله

3. تخفيض معدل الارتداد فى google analytics


طريقة تركيب الاضافة :

قم بالذهاب الى لوحة تحكم فى بلوجر ثم الضغط على قالب ثم تحرير HTML

اضغط على Ctrl + F للبحث عن السطر التالي :
</head>
 ثم نلصق الكود التالى فوقه مباشرة

<style>
#related-posts { float : left; width : 600px; margin-top:-40px; margin-left : 5px; margin-bottom:20px; font : 14px DroidKufi-regular,Arial,Helvetica,Sans-serif; 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 : 11px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; }
#related-posts a {color:#606060; font-family: DroidNaskh-bold,DroidKufi-bold,Arial,Helvetica,Sans-serif; font-size: 11px; transition: all 1s ease 0s; text-decoration : none; }
#related-posts a:hover {color: #FF6816; padding-right: 10px; transition: all 1s ease 0s; text-decoration : none;}
#related-posts ul { border : medium none; margin : 10px; padding : 0; }
#related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8tew8GEYcvE5KiK1lkhtCbV8fxn6YEosxbVmPEdSvY0BkS5PeCKwi5ZNq3O_bupsSMVM_nHVnwAmN3sFu8wVQRZAUZ_tYUIhRqOq74By629_pRTSaxMhrXsRTH4pRaLH4_9m0k9YItcmV/s1600/rss-feed-icon-afkarpro.png") no-repeat scroll 0 0 transparent; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 1.5em; border-bottom:1px dotted #e1e1e1; }
</style>
<script src='http://yourjavascript.com/1019345231/related-posts-by-afkarpro-blogspot-com.js' type='text/javascript'/>

ثم نضغط على Ctrl + F للبحث عن السطر التالى

</data:post.body>

ان وجدته مكرر اكثر من مرة جرب الاخير او قبل الاخير
ثم الصق الكود التالى اسفله مباشرة

<!-- Start - Related Posts Code By Afkarpro -->
<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>
    <b:if cond='data:blog.pageType == "item"'>
      <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=6"' type='text/javascript'/>
    </b:if>
  </b:loop>
  <a href='http://www.nirity.co/2016/04/blog-post_45.html'>
    <img alt='Related Posts Widget for Blogger' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkVdo__ZdPtV9ZkzZcI8SwYN52UwDBNtBtCoIs5UI6fezt5rb7w3roPv0W3YfLjhyKqt5NtG-lIaU3eTk3DIt1NirQsDyJY8ITGI7uvZHg9DSAQ2frB8x72gm4afxDLzkS_0b-Ckp61t_g/s1600/Related-Posts-blogger-widgets.png' style='border: 0'/>
  </a>
  <br/><br/>
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD7dFRnCQuR8u6slRyHggFz1JIV4dPjifnYfqER0FKO9HqVy9pJ1eA4RkFDbyaVWPLwAraLyX_vsiTTd_3lqNAtkKNSS5fmikRHUN8WININOjrxH83iGLeickGm4bX5GZobHlzPZlHpa3k/s1600/Related-Posts-Blogger-Widget-afkarpro.blogspot.com.gif' style='margin-right:-18px;'/>

  <script type='text/javascript'> var maxresults=10; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script>
</div>
</b:if>

<div style='clear:both'/>
<!-- remove -->
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
</b:if></b:if>
<!-- End - Related Posts Code By Afkarpro -->

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