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

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


ملاحظة : قم بعمل نسخة احطياتية لقالبك قبل القيام بأي خطوة من الخطوات التالية


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

اولاً اذهب الى لوحة تحكم المدونة 
ثم الى قالب ثم تحرير 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;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 #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>




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

ملاحظة : اذا لم يقبل قم بمسح ما هو بالحمر وسوف يقبل (هذا حدث معي)

ليست هناك تعليقات

يتم التشغيل بواسطة Blogger.