منتديات ماي تكنولوجي | MTF
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا
ادارة المنتدي


<<{ كل ما هو جديد في عالم تكنولوجيا تجده هنا }>>
 
الرئيسيةس .و .جبحـثقائمة الاعضاءالمجموعاتالتسجيلدخول

شاطر | 
 

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

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


جـنـســيــﮯ : ذكر
دولتيـﮯ : اليمن
مزاجيـﮯ مزاجيـﮯ : سبحان الله
عمليـﮯ : مهندس
عمريـﮯ : 28
مساهماتيـﮯ : 305
نقاطيــﮯ : 900
الموقع : www.zakariya.8m.com
أوسمتيـﮯ :


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




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





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

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






المصدر: منتديات ماي تكنولوجي -

____________________________________





الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://my-tech1.7olm.org
 
اضافة مواضيع ذات صلة بشكل متحركة
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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

Alexa Certified Traffic Ranking for http://my-tech1.7olm.org
تابعونا على          Facebook       Twitter        Google     Youtube 
سحابة الكلمات الدلالية
تحميل Mediafire للكمبيوتر تفعيل برنامج كيفية اليمن دليل العاب windows كراك الهاتف Performer Android الشامل البرنامج الجديد للاندرويد اصدار Player 2013 فوتوشوب وندوز Media برامج عربي