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

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

  مـــعــايــنــة

لنبدأ على بركة الله

1-قم بالدخول إلى حساب مدونتك .
2-أنقر على تصميم ثم تحرير قوالب عناصر واجهة المستخدم هذا بالنسبة للوحة التحكم القديمة أما بالنسبة للجديدة فأنقر على قالب ثم متابة .
3- ثم توسيع قوالب عناصر واجهة المستخدم.
لا تنسى يا أخي أخد نسخة إحتياطية من قالب تحسبا لأي خطأ قد يحدث
4-إبحث عن </head>

  ضع فوقها مباشرة الكود التالي :

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 15px arial; margin-bottom:10px;font-weight:bold; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #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/AVvXsEgkVjaSsjGPx8fWtznLO5RF-_nRlgTA2IlMI7xxRNaA7pjI1Bq6Na71qdohHw17cQ7vfU0oqJ9DIQeDSoX2NQOpMFFdTymCJX61LaxhGziSPE69HuiiRLsW7YA1xQJzbxqEB0Jy9T6Q1J4/&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 #cccccc; } </style> <script src='http://related-sources.googlecode.com/files/Related_posts_b.js' type='text/javascript'/>

4-إبحث عن <div class='post-body> أو <data:post.body/>

ضع بعدها هذا الكود

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>

<font face='Arial' size='5'><b>إقرأ أيضا :</b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

بإمكانك تغيير إقرأ أيضا بأي كلمة تريد.

تم وبحمد الله وأي مشكلة أنا في الخدمة فلا تتردد أنا في الخدمة