الطريقة المثلى و السليمة لإضافة أحسن نموذج مواضيع ذات صلة لموقعك أو مدونتك

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

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

قبل البدء، لا تنسى أخذ نسخة إحتياطية من قالبك و الاحتفاظ بها في حاسوبك الخاص

الطريقة المثلى و السليمة لإضافة أحسن نموذج مواضيع ذات صلة لموقعك أو مدونتك

خطوات الإضافة:

1.ادخل إلى لوحة تحكم مدونتك ثم قالب و بعدها  "تحرير HTML"

2.الآن قم بإضافة الكود CSS الموالي مباشرة فوق وسم ]]></b:skin> 

#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/AVvXsEhobJ8AnAf4Y-1ugg0Gv-TlBYhJGh_0RvqhHcz6ePy4Se7vBI04S4Hdf8NhXtNcmJ8h3dcLHMokiN3sQQdXJPKThm4HafBBxhJyYrH4hFzPBlz_WuSN696ODlAwuDMqKu8zYbKFP7IBEs0/") 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; }

3.إضافة شفرة جافا سكريبت التالية فقط قبل </head>

<script src='http://yourjavascript.com/250120301911/related.js' type='text/javascript'/>

4. الآن قم بالبحث عن إحدى الأكواد التالية:

>div class='post-footer-line post-footer-line-1<'
أو

<'p class='post-footer-line post-footer-line-1>
5. وقم بإضافة التعليمة البرمجية التالية مباشرة بعده

<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://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("<data:post.url/>"); </script> </div> </b:if>

var maxresults=5  :عدد أصناف مماثلة لعرضه. يمكنك تغيير هذه القيمة مع الرقم الذي تريده.

#يمكنك تغيير عنوان القطعة عن طريق تغيير قيمة "مواضيع ذات صلة" ب "شاهد أيضا" على سبيل المثال أو أي عنوان أنت تريده

6.قم بحفظ النموذج الخاص بك.

الآن تثبيت القطعة "مواضيع ذات صلة" على بلوجر الخاص بك. يمكنك تخصيصه عن طريق تغيير رمز المغلق.
إذا واجهتك مشاكل أثناء التثبيت، يمكنك الاتصال بي عبر التعليقات