أضف 'أداة مواضيع ذات صلة ' متحركة وتحث كل موضوع في مدونة بلوجر

الرئيسية تطوير بلوجر كل أضف 'أداة مواضيع ذات صلة ' متحركة وتحث كل موضوع في مدونة بلوجر

تطوير بلوجركل

أضف 'أداة مواضيع ذات صلة ' متحركة وتحث كل موضوع في مدونة بلوجر

محمد عبد الوهاب 0

A+ A-

facebook twitter

كنت قد تطرقت في أحد المواضيع  عن طريقة اضافة مواضيع دات صلة لدورها الكبر في زيادة مشاهدا الصفحات في مدونتك  وهدا يعني زيادة في بقاء الزائر مدة أطول في مدونتك لكن هده الأدات لهدا نفس الخصائص الا أنا هدا متحركة يعني تتحرك من اليمين الى اليسار من يتير انتباه الزائر الى مواضيعك الاخرى وهي  أداة جميلة يمكنك معاينتها أسفل في مدونتي وشغالة %100 

طريقة التركيب 

 

  ثم ابحث عن الكود التالي :بالضغط على      alt+f      

  </head>

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

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

الخطوة الثانيه: ابحث عن <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>

 ملاحظة  يمكنك تغير  الاتي :

المزيد من المواضيع المهمة : غيرها بأي جملة تريد 

 max-results=7 :  هي عدد المواضيع المراد عرضها في الأدلة غير 7 الى أي رقم تريد 

ثم قم بحفظ القالب 

ومبروك الاضافة

الوسوم: تطوير بلوجر كل