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

أيها الأحبة: إن الله سبحانه وتعالى مدح نبياً كريماً بالصدق في الوعد، والالتزام به، فقال-سبحانه-:{وَاذْكُرْ فِي الْكِتَابِ إِسْمَاعِيلَ إِنَّهُ كَانَ صَادِقَ الْوَعْدِ وَكَانَ رَسُولاً نَبِيّاً} مريم:54،
قال الإمام القرطبي- رحمه الله- عند هذه الآية: "صدق الوعد من خلق النبيين.
لذالك لابد أن تكون دائما عند كلمتك التي وعدت بيها اى ان كانت الظروف التى تمر بيها
اخوانى الكرام فى هذا الدرس سنتعلم كيف اضافة مواضيع ذات صلة بشكل متحركة جذاب, يتحرك لليمين واليسار

لم اطيل عليكم فى الكلام اكثر من ذالك تعالوا معى الان لكى نتعلم كيف تطبيق تلك الطريقة الرائعه فى خطوتين فقط

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

كود بلغة HTML:

]]></b:skin>

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

كود بلغة HTML:

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

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

كود بلغة HTML:

<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>
</b:if>

اخيرا قوم بحفظ القالب
دومتم فى رعايت الله وامنه