كيفية عمل مواضيع ذات صله بشكل متحرك

لكى تربط الزائر معك وتزيد من مدة بقائه فى المدونه لابد ان تقترح عليه بعض الموضوعات الاخرى 

لذلك سنشرح لكم اليوم كيفية عمل مواضيع ذات صله بشكل متحرك وجذاب

الخطوة الاولى:انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم. ,ولا تنسى ان تاخذ نسخة احتياطية من القالب تجنبا لحدوث اى اخطاء لقدر الله
  قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

 ]]></b:skin> 

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

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
width:100%
min-height:100%;
padding-top:5px;
padding-right:5px;
}
#related-posts h2{
background: #FFF!important;
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, 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 src='http://balitraveltips.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'>
{lang: 'en'}
</script>

الخطوة الثانيه: بلاستعانة (CTRL+F) قم بالبحث عن الكود التالي

كود بلغة HTML:

<data:post.body/>

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

<br/><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>
<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_thumbs&amp;max-results=7&quot;' type='text/javascript'/></b:if></b:loop>
<h3 style='border-bottom: 3px #5D7D91 solid;padding-bottom:10px!important'><b>ربما تفيد من هذه المواضيع كذلك :</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=10;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div>
</b:if>

اخيرا قوم بحفظ القالب