إضافة أداة مواضيع ذات صلة ومتحركة

السلام عليكم ورحمة الله وبراكته

سوف نقوم في هدا الدرس بشرح كيفية إضافة أداة مواضيع ذات صلة وشرح كيفية التحكم في عدد المواضيع المراد عرضها
وشرح كيفية تغيير اسم الإضافة واكتر
هده الإضافة مهمة جدا لأنها سوف تسهل لزوارك تنقل داخل المدونة وهي أيضا سوف تزيد جمالها
أولا اذهب إلى

 لوحة التحكم
 قالب
Html تحرير
 توسيع القالب
لا تنسى أخد نسخة احتياطية للقالب
ثم أبحت عن الكود التالي بالضغط على
Alt+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> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/> <script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>

بقية خطوة واحدة
Alt+f أبحت عن الكود التالي بالضغط على

<data:post.body/>

وضع تحته هدا الكود

<!-- Related Posts Start--> <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=6; var relatedpoststitle=""; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script></marquee> </div> </b:if> <!-- Related Posts End-->

وبذلك نكون قد أكملنا
ولمزيد من التحكم السهل  يمكن تغيير بعض الأشياء وهي
تغيير مواضيع ذات صلة بكلمات أخرى
 Alt+f أبحت عن الكلمة  بالضغط على
مواضيع ذات صلة
تم بدلها
تغيير عدد المواضيع المعروض ب
Alt+f أبحت عن الكود  بالضغط على
max-results=7 :
وغير الرقم 7 إلى أي رقم تريده
وبدلك نكون قد انهينا الشرح

ملاحظة لن تظهر هده الإضافة إلا بعد أن تضيف مواضيع

   وفي النهاية أمل أن أكون قد افتك يا عزيز الزائر
آدا كان أي سؤال أو استفسار اترك تعليق لن أتردد في الإجابة

• غرد
• مشاركة
• إضافة