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

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

مرحباً بكم زوار مدونتي شرحات البلوجر

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

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

ولتطبيق هاته الإضافة على مدونتك ، تذهب مباشرة إلى تذهب إلى لوحة تحكم مدونتك وتضغط على قالب ثم

تحرير 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/AVvXsEiO2dB2u9LVOcjZNtnJF0Cjv0yvaYUtOqbMoE5H7G1kmUtxNFjVap_K_lDy25_bqFva6BtlGlGRZBu9Qoy4MJbYNz9KR_96PiZxhEkLkW0xxxaOKEh4yyCzSQ-rZpTJb4g6Hwuq02EROsQ/&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-footer'>

بعد أن تجد ثاني كود قم بوضع هذا الكود بعده مباشرة

1
2

<b:if cond='data:blog.pageType == "item"'> <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='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>

قم بتغيير كلمة شـــاهـــد أيـــضـــا إلى أي كلمة تريدها متلا مواضيع ذات صلة إذا أحببت ذلك

و قم بتغيير الكود الأزرق الموجود في السكريبت بالون الذي تريده و الذي تستطيع الحصول عليه من هنا

ثم قم بحفض التغييرات ومبروك عليك الإضافة المهمة.