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

لإضافتها

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

تحرير html

وتضع العلامة على مربع توسيع قالب واجهة المستخدم ثم تضغط في الكيبورد على

ctrl+f 

وتبحث عن هذا الكود

كود HTML:

</head>

قم بوضع فوقه مباشرة هذا الكود

كود HTML:

<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/AVvXsEhIDFW8jrUfUwMjMktYm99-hogia0PYLhwmA8-myIjhDLuf_30VogcjZ_eT5jxYr6ozPLNVCDjlWbtnF183EsLmCcNgKKgIAZv1gEB2fFcmZajNgkib0IZW5mrVPQIzbCxU5GckwMcZCbU/&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'/>

وكخطوة ثانية وأخيرة قم بالبحث عن هذا الكود

كود HTML:

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

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

كود HTML:

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

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

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

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

منشورة في: الرئيسية, دورة بلوجر