كل ماهو جديد فى عالم التقنية بين يديك

يتم التشغيل بواسطة Blogger.

 

الثلاثاء، 16 سبتمبر 2014

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




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

تطبيق الإضافة على مدونتك في بلوجر:
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>

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

ليست هناك تعليقات :

إرسال تعليق

تطوير : مدونة فكرة للتقنية

Great! The file uploaded properly. Now click the 'Verify my file' button to complete the process.