اضافة مواضيع ذات صلة بشكل جميل

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

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

طريقة التركيب 
لمعرفة طريقة التركيب اتبع الخطوات التالية 


لوحة تحكم بلوجر >> قالب >> تحرير html >> اضغط في اي مكان في القالب ثم 
اضغط في الكيبورد على ctrl+f >> ثم ابحث عن الكود التالي
</head> ستجدة مظلل باللون الاصفر ضع فوقة مباشرة الكود التالي

<style> #related-posts { float : left; width : 600px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 14px DroidKufi-regular; 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 { text-decoration : none; } #related-posts a:hover { text-decoration : none; padding-right:2px;} #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/AVvXsEjPWIsHC5V5Vifvd3-mpgDcEUoUmhixWR3fKO11FXeuhb9945pheAX_ZQqf3FeelTWweCbdqFPMjxIj6dO4wUVFOjk_rmOB5ZPBUngxWcB9wX1Yowirvyq7f2AEjJ5eK6R9F1XEwybyBKY/&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 #000000; } </style> <script src='http://yourjavascript.com/250120301911/related.js' type='text/javascript'/>

بعد وضع الكود في المكان المحدد ابحث عن الكود التالي 

<data:post.body/>

فستجد اكثر من نتيجة لبحثك اختر الاولى  وضع هذا الكود اسفلها 

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=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://add-b.blogspot.com/2013/08/related-posts-for-blogger-widget.html'><img alt='Related Posts Widget for Blogger' src='http://image.bloggerplugins.org/blogger-widgets.png' style='border: 0'/></a> <br/> <br/> <h2 style='color: #fff; font: 20px droidkufi-bold; padding: 5px 8px; background: #1D94C8 ; display: inline-block; border: none;'>شـــاهـــد أيـــضـــا</h2> <script type='text/javascript'> var maxresults=10; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script> </div>