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

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

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

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

مميزات الإضافه:

• تجعل الزائر لايترك موقعك بسهوله
• لها أهميه فى السيو

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

أولاً: أدخل على لوحة التحكم< ثم تحرير القالب <ثم 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9S5Q65ebpGSPEBnIerI9rXL8RhquWicECR2cGMLsc2SwwshsK2q4gQF4QuBnnjcxZFBVJ4spXJnHcPm4tiaEr980VT6x1YVUUpmY1rZd6ZQlkZ882591aMNUKLKDQCJWzJyGWoALvhO8/s1600/rss.png") 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'/>

يمكنك تعديل الصوره الخاصه  بالإضافة https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9S5Q65ebpGSPEBnIerI9rXL8RhquWicECR2cGMLsc2SwwshsK2q4gQF4QuBnnjcxZFBVJ4spXJnHcPm4tiaEr980VT6x1YVUUpmY1rZd6ZQlkZ882591aMNUKLKDQCJWzJyGWoALvhO8/s1600/rss.png

ولكن الأبعاد لابد أن تكون 16*16

ولكن أرى أن الصوره جميله وممتازه ,ويمكنك التعديل أيضاً على  الألوان كما يحلو لك..

ثم بعد ذلك ابحث عن أحد الكودين التاليين:

<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 != "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.bloggerplugins.org/2009/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='font-size: 11px; font-weight: normal;margin: 5px 7px 0;padding: 0 0 5px;background: none; color: #fff; font: 13px droidkufi-bold; padding: 5px 8px; background: #21b8ff; display: inline-block; border: none; height: 25px; text-shadow: none; box-shadow: inset 0px -3px 0px 0px #00AAEF; width: 130px;'> شـــاهـــد أيـــضـــا</h2> <script type='text/javascript'> var maxresults=10; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script> </div>

ملحوظه: لكى يظهر الكود فإن الكود لابد أن تضعهُ فى آخر وسم إما آخر <div class='post-body> أو <data:post.body/>

وهذا يعني أن تبحث أكثر من مره عن الوسم والأخير هو المطلوب,وإن لم يظبط معك فضعهُ تحت ثانى واحد..

ثم قم بحفظ القالب ومبروك عليكم الإضافه

إن لم تصل المعلومه فاترك تعليق وبإذن الله سأقرب الشرح لكم أكثر..