اضافه اداة منبثقة اسفل المواضيع مواضيع مشابهه

ولإضافة الأداة إلى مدونة بلوجر إتبع التعليمات:
إذهب إلى لوحة التحكم
تحرير القالب (تابع كيفية إدارة تحرير القالب )
قم بأخذ نسخة إحتياطية من القالب تحسبًا لأى خطأ 
إستخدم الكيبورد فى البحث عن الأكواد (ctrl+f) وإبحث عن الكود التالى

</head>

ثم ضع الكود التالى فوقه

<style type="text/css">

#related-posts  {

float:center;

text-transform:none;

height:100%;

min-height:100%;

padding-top:5px;

padding-left:5px;

}



#related-posts  h2{

font-size: 1.6em;

font-weight: bold;

color: black;

font-family:  Georgia, &#8220;Times New Roman&#8221;, Times, serif;

margin-bottom:  0.75em;

margin-top: 0em;

padding-top: 0em;

}

#related-posts  a{

color:black;

}

#related-posts a:hover{

color:black;

}



#related-posts   a:hover {

background-color:#d4eaf2;

}

</style>

<script  type='text/javascript'>

var  defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih6q8USmtl7J9W5eEkNtrZUoWtNm_mAiUaraxyQZjJ1xDSyVINzoAoe3r3VilR9MGwsX9aXDYOpqiccgq4sZJMUFQvxHBYk2PnklKTGqqH79zgoTc3JfvIP0TSktQohk_UkqEGwzfholg/s400/noimage.png";

var  maxresults=5;

var splittercolor="#d4eaf2";

var  relatedpoststitle="مواضيع ذات صلة ";

</script>

<script  
src='http://sites.google.com/site/lightbox007/abuiyad/related-posts-with-thumbnails-for-blogger-pro.js.txt'
  type='text/javascript'/>

<!-- remove --></b:if>

ثم قم بالبحث عن الكود التالى

<div class='post-footer-line post-footer-line-1'>

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

<p class='post-footer-line post-footer-line-1'>

ثم قم بإضافة الكود التالى أسفل أحد الكودين السابقين

<!--  Related Posts with Thumbnails Code Start-->

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

<b:loop  values='data:post.labels' var='label'>

<b:if  cond='data:label.isLast != &quot;true&quot;'>

</b:if>

<script  expr:src='&quot;/feeds/posts/default/-/&quot; + 
data:label.name  +  
&quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;'
  type='text/javascript'/></b:loop>

<script  type='text/javascript'>

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);

</script>

</div><div  style='clear:both'/>

<!-- remove --></b:if>

<b:if  cond='data:blog.url == data:blog.homepageUrl'><b:if  cond='data:post.isFirstPost'>

<a  
href='http://abu-iyad.blogspot.com/2010/07/related-postssimilar-posts-widget-for.html'><img
  style="border: 0" alt="Related Posts Widget For Blogger with  
Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png"  
/></a><a href='conda3ianllkhir.blogspot.com' ><img  
style="border: 0" alt="Blogger Widgets"  
src="http://image.bloggerplugins.org/blogger-widgets.png"  
/></a>

</b:if></b:if>

<!-- Related Posts  with Thumbnails Code End-->

 تنسيق أداة مواضيع ذات صلة من خلال بعض المواقع

وهذه أهم المواقع التى تقدم هذه الخدمة:

1. engageya.com

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

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

كما يمكن عمل سلايدر من المواضيع المشابهة أو العشوائية يظهر بنافذة منبثقة أسفل الموضوع (يمكن الإطلاع على كيفية عمل نافذة منبثقة لموضوع عشوائى)

2.  linkwithin.com 

فى دقائق معدودة وخطوات بسيطة يمكن إضافة الأداة فقط إملأ البيانات بالبريد الإلكترونى وعنوان الموقع وتحديد المنصة التى عليها الموقع سواء كانت بلوجر أو وورد بريس ثم تحديد عدد المواضيع التى تريد أن تظهر بالإضافة ثم الضغط على Get widget

3.  blogger-related-posts.googlecode.com
هذا التطبيق الذكى يحتوى على أربع نماذج من أدوات مواضيع ذات صلة ولكن يمكن التحكم فى إعدادات أي أداة من الأربعة بالطريقة التى تناسب مدونتك وهى خاصة بمدونات بلوجر وبدون تسجيل يمكن الحصول على كود الإضافة

إقرأ المزيد http://conda3ianllkhir.blogspot.com/2013/05/related-posts.html#ixzz2ZRFKDj2e