رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > الدعم الفني > إضافات وأدوات بلوجر
تحديث الصفحة طريقة اضافة سلايدر احترافي جدا لمدونتك 2013
التسجيل التعليمـــات التقويم مشاركات اليوم البحث


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 09-06-2013, 09:20 AM   #1
blacktrack
مدون جديد
 
تاريخ التسجيل: May 2013
المشاركات: 16
Thumbs up طريقة اضافة سلايدر احترافي جدا لمدونتك 2013
أنا : blacktrack
سجل معنا لتتمتع بهذه الخاصية




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

اليوم ان شاء الله سنتعلم كيفية اضافة سلايدر شو احترافي لمدونتك ، والسلايدر له شكل جمالي وانيق جدا ويزيد من جمال مدونتك ، كما انه ينبه دائما زائر مدونتك الي افضل المواضيع التي تختارها او التي تريد اظهاراها دائما للزوار الجدد .

مثال للسلايد شو : اضغط هنا معاينة

الان مع خطوات التنفيذ :

1- قبل اي شئ نأخذ نسخة احتياطية من قالب المدونة حتي نستيطع استرجاع القالب مرة اخري في حالة حدوث اي خطأ .
2- نذهب الي قالب المدونة ثم تعديل HTML ونضغط CTRL + f .
3- في صندوق البحث نكتب ثم نضغط Enter .
4- بعد الكود السابق نضع الاكواد التالية :

كود PHP:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://javascript-file.googlecode.com/svn/trunk/coin-slider.min.js' type='text/javascript'/> 
5- ابحث عن الكود التالي ايضا ]]></b:skin>
6- ثم نضع الاكواد التالية قبل الكود السابق مباشرة :


كود PHP:
/*
 Coin Slider jQuery plugin CSS styles
 [url]http://workshop.rs/projects/coin-slider[/url]
*/
.coin-slider { overflow: hidden; zoom: 1; position: relative; } .coin-slider a{ text-decoration: none; outline: none; border: none; } .cs-buttons { font-size: 0px; padding: 10px; float: left; } .cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; } .cs-active { background-color: #B8C4CF; color: #FFFFFF; } .cs-title { text-align:right; width: 590px; padding:10px; background-color: #000000; color: #FFFFFF; } .cs-prev, .cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; } 
* الرقم 590 هو عرض السلايدر ويمكنك تعديله حسب عرض قالبك .
6- اضغط حفظ لحفظ القالب .
7- نذهب الي التخطيط ثم اضافة اداة HTML/Javascript ثم مضع بها الكود التالي :

كود PHP:
<div id='coin-slider'> <a href="رابط الموضوع الأول"> <img src="رابط صورة الموضوع الأول" /> <span>عنوان الموضوع الأول</span> </a> <a href="رابط الموضوع الثاني"> <img src="رابط صورة الموضوع الثاني" /> <span>عنوان الموضوع الثاني</span> </a> <a href="رابط الموضوع الثالث"> <img src="رابط صورة الموضوع الثالث" /> <span>عنوان الموضوع الثالث</span> </a> <a href="رابط الموضوع الرابع"> <img src="رابط صورة الموضوع الرابع" /> <span>عنوان الموضوع الرابع</span> </a> </div> <script type="text/javascript"> $(document).ready(function() { $('#coin-slider').coinslider({ width: 590, height: 250, navigation: true, delay: 5000 }); }); </script> 
8- قم بتعديل الروابط الخاصة بالمواضيع والصور التي تريدها وكذلك مختصر المواضيع المضافة .
9 - الارقام الملونة بالاحمر هي ابعاد الصورة الخاصة بالسلايدر ويمكنك تعديلها علي حسب مدونتك ولكن لابد من استخدام الصور بنفس الابعاد التي قمت بتعديلها .
* يمكنك زيادة عدد المواضيع كما تريد .
10 - اضغط حفظ وثم قم بسحب الاضافة وضعها فوق صندوق المشاركات كما في الصورة

سلايدر لمدونتي علي بلوجر - اضافات بلوجر
.
11- خطوة هامة جدا لجعل السلايدر يظهر في الصفحة الرئيسية فقط ، ادخل علي قالب المدونة ثم اضغط تحرير ثم ابحث عن كلمة سلايدر ( او اسم الاضافة بعد تسجيلها في الخطوة السابقة ) ثم اجعل كود الاضافة بنفس هذا الشكل :

كود PHP:
<b:widget id='HTML2' locked='false' title='سلايدر' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:if> 
</b:includable>
</b:widget> 
12
- قم بحفظ القالب ثم عد مرة اخري الي التخطيط ثم امسح اسم الاضافة ( سلايدر ) حتي لا يظهر في الصفحة الرئيسية .

اي استفسار انا موجود ان شاء الله ... شكرا لكم

الدعم العربي

blacktrack غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
لمدونتك, احترافي, اضافة, سلايدر, طريقة

« الموضوع السابق | الموضوع التالي »

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك
BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
اضافة صندوق دردشة احترافي لمدونتك بأسهل طريقة صديق البرمجة إضافات وأدوات بلوجر 1 07-25-2014 01:16 PM
أسهل طريقة لاضافة صندوق شات احترافي لمدونتك ebd3h إضافات وأدوات بلوجر 0 07-19-2014 09:33 PM
حصريا اضافة سلايدر جنوني للبلوجر (سلايدر محدث) alam3arbcom إضافات وأدوات بلوجر 2 06-15-2014 05:08 PM
اضافة استطلاع رأي احترافي لمدونتك ببلوجر 2014 mr.geka إضافات وأدوات بلوجر 4 08-31-2013 09:09 PM
اضافة شعار لمدونتك بشكل احترافى فى مدونة بلوجر توب وبس السيد ابو جبل إضافات وأدوات بلوجر 7 11-05-2012 04:26 AM



سياسة الخصوصية - Privacy-Policy - اربط مدونتك بنا - حقوق الملكية والتأليف - الاتصال بنا - معهد خبراء بلوجر - الأرشيف - الأعلى


لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin® Copyright ©2000 - 2025 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 06:57 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)