إضافة مواضيع ذات صلة أسفل كل المشاركات

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

صورة الاضافة 

اولاً اذهب الى لوحة تحكم المدونة 

ثم الى قالب ثم تحرير 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/AVvXsEhgfvHiKhC9jdLxeGNtKzdaXZQhQfcG9t32S-MeV61K8pOfQ3_7Ac3-BdHnVY-UVKedXoBNLFFWp9tttjEWo41Q541kSkXhKLxJT_f3CWsFrorr_d6XuClFzoXg4xJ1nXWuASdUiP0qXko/&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'/>

وكخطوة أخيرة ابحث عن

<div class='post-body> أو <data:post.body/>

سوف تجد اكثر من واحدة الثانية هي المطلوبة (اذا لم تنجح جرب الاولى والثالثة لكنني متاكد الثانية هي المطلوبة)

وضع الكود التالي اسفلها مباشرتاً الكود التالي

الكود :

<div id='related-posts'> <b:loop values='data:post.labels' var='label'> <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=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> </b:if>

وقم بتغيير كلمة شاهد ايضاً الى اي كلمة اخرى 

ملاحظة : اذا لم يقبل قم بمسح ما هو بالحمر وسوف يقبل

بعد ذلك قم بالحفظ وسوف تظهر ان شاء الله .

بالتوفيق للجميع فى مشاريعهم وارجو التاكيد على ان المدون لابد ان يتحلى بالصبر. 

الى اللقاء فى شروحات جديدة................ز