<<{ كل ما هو جديد في عالم تكنولوجيا تجده هنا مجاناً }>>

Banner 468


Browse my-tech1.blogspot.com now in many languages

.

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

-
zakaria mohamed

 
سنتعلم كيف إضافة مواضيع ذات صلة بشكل متحرك جذاب,  مع مصغرات صور تتحرك لليمين واليسار.
الخطوة الاولى:

( ننصح بأخذ نسخة احتياطية من القالب )
ـ انتقل إلى لوحة التحكم => قالب => تحرير HTML  (توسيع القالب).
 
ـ ابحث عن </head> بالإستعانة بـ (CTRL+F) وضع أسفله مباشرة الكود التالي:

     <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>
 
احفظ القالب (مبروك عليك)

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

 




روابط هذه التدوينة قابلة للنسخ واللصق
URL
HTML
BBCode
هل أعجبك الموضوع ...؟

اشترك معنا و تابع جديد المدونة :)

كن من متابعينا

اترك تعليقك . تعليقاتـكم تهـمونا أرجو الإدلاء برأيكم في التعليقات

.
_______________________________________________________
_______________________________________________________