منتديات ماي تكنولوجي | MTF
اضافة مواضيع ذات صلة بشكل متحركة 613623
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا اضافة مواضيع ذات صلة بشكل متحركة 829894
ادارة المنتدي اضافة مواضيع ذات صلة بشكل متحركة 103798
اضافة مواضيع ذات صلة بشكل متحركة 81547410
منتديات ماي تكنولوجي | MTF
اضافة مواضيع ذات صلة بشكل متحركة 613623
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا اضافة مواضيع ذات صلة بشكل متحركة 829894
ادارة المنتدي اضافة مواضيع ذات صلة بشكل متحركة 103798
اضافة مواضيع ذات صلة بشكل متحركة 81547410
منتديات ماي تكنولوجي | MTF
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


<<{ كل ما هو جديد في عالم تكنولوجيا تجده هنا }>>
 
الرئيسيةأحدث الصورالتسجيلدخول

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
الإدارة
Admin
Admin
الإدارة


جـنـســيــﮯ : ذكر
دولتيـﮯ : اليمن
مزاجيـﮯ مزاجيـﮯ : سبحان الله
عمليـﮯ : مهندس
عمريـﮯ : 36
مساهماتيـﮯ : 303
نقاطيــﮯ : 894
الموقع : www.zakariya.8m.com
أوسمتيـﮯ :
اضافة مواضيع ذات صلة بشكل متحركة C111
اضافة مواضيع ذات صلة بشكل متحركة Goweto10


اضافة مواضيع ذات صلة بشكل متحركة Empty
مُساهمةموضوع: اضافة مواضيع ذات صلة بشكل متحركة   اضافة مواضيع ذات صلة بشكل متحركة I_icon_minitimeالسبت مارس 23, 2013 2:48 am


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

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





( ننصح بأخذ نسخة احتياطية من القالب )
ـ انتقل إلى لوحة التحكم => قالب => تحرير 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>

احفظ القالب (مبروك عليك)



الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://my-tech1.7olm.org
 
اضافة مواضيع ذات صلة بشكل متحركة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» شرح إضافة أداة مواضيع ذات صلة بشكل نصي
» شرح طريقة اضافة ترقيم الصفحة بشكل جديد في بلوجر
» كيفية اضافة كتابة او موضوع جديد في منتدى
» شرح طريقة اضافة موقعك bing و Yahoo لاحلى منتدى
» شرح طريقة اضافة رسالة الترحيب التلقائية للاعضاء لاحلى منتدى

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات ماي تكنولوجي | MTF :: ★☀« تطوير المواقع وتصاميم »☀★ :: قســـم إضافات بلوجر-
انتقل الى: