إضافة مواضيع ذات صلة بشكل متحرك وجذاب
سنتعلم كيف إضافة مواضيع ذات صلة بشكل متحرك جذاب, مع مصغرات صور تتحرك لليمين واليسار.
( ننصح بأخذ نسخة احتياطية من القالب )
ـ انتقل إلى لوحة التحكم => قالب => تحرير HTML (توسيع القالب).
ـ ابحث عن </head> بالإستعانة بـ (CTRL+F) وضع أسفله مباشرة الكود التالي:
<b:if cond='data:blog.pageType == "item"'>
<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>
</b:if> <script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'en'} </script>
الخطوة الثانيه: ابحث عن <data:post.body/>
وضع أسفله مباشرة الكود التالي:
<br/><b:if
cond='data:blog.pageType == "item"'> <div
id='related-posts'> <b:loop values='data:post.labels'
var='label'> <b:if cond='data:label.isLast !=
"true"'> </b:if> <b:if
cond='data:blog.pageType == "item"'> <script
expr:src='"/feeds/posts/default/-/" + data:label.name +
"?alt=json-in-script&callback=related_results_labels_thumbs&max-results=7"'
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="<data:post.url/>"; var
maxresults=10; var relatedpoststitle="";
removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs();
</script></marquee> </div> </b:if>
غير الدي باللون الأزرق إلى أي جملة تريد
احفظ القالب ( بعد معاينة سلامة المدونة ) ... هنيئا لك :)
مدون مصري يحب عالم البرمه ومهتم بالويب والتكنولوجيا وتخصص بلوجر وان شاء الله افيدكم بما اعرف وبما لا اعرف ونشكر اصحاب الشروحات التي بقلم مدون اخر والسلام عليكم ورحمه الله وبركاته
تحويل كودإخفاء محول الأكواد الإبتساماتإخفاء