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

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

تطبيق الإضافة على مدونتك في بلوجر:

1. نتوجه الى لوحة التحكم الخاصة بمدونتك
2. إضغط على قالب
3. ثم تحرير HTML
4. إبحث بالضغط على CTRL + F عن الكود التالي:

</head>

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

<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 ("http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/ AVmw4HhRdsk/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'/>

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

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

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

<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>

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

مقالات ذات صلة