شرح تركيب سلايدر احترافي لمدونات بلوجر

08-12-2012, 02:36 AM	#1
admin مدير عام تاريخ التسجيل: Apr 2012 الدولة: جده المشاركات: 2,846	شرح تركيب سلايدر احترافي لمدونات بلوجر أنا : admin سجل معنا لتتمتع بهذه الخاصية السلام عليكم أعجبني السلايدر المطروح على مدونة ذؤيب وقررت أن أجربه فلاحظت خطأ بسيط وهو أنه يتوجه أوتوماتيكيا من اليسار إلى اليمين وهذا بطبيعة الحال لا يناسب المدونات العربية والحمد لله من الأمس وأنا أحاول حل هذه المشكلة وتمكنت منها الآن (أخذ مني ذلك وقتا طويلا نظرا لخبرتي المحدودة جدا بالجافاسكربت فأرجو احترام هذا الوقت ولو بضغطة زر على أعجبني للفيسبوك) أولا مشاهدة مثال حي عن السلايدر : مدونة تجريبية صورة عن السلايدر : شرح التركيب : اذهب إلى تحرير HTML وعلم على توسيع قوالب عناصر واجهة المستخدم ثم ابحث عن </head> وأضف قبلها مباشرة الكود التالي : كود PHP: `<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/> <script src='https://bloggerexp.googlecode.com/svn/trunk/coin-slider.min.js' type='text/javascript'/>` الآن ابحث عن ]]></b:skin> وأضف قبلها مباشرة أيضا الكود التالي : كود PHP: /* Coin Slider jQuery plugin CSS styles http://workshop.rs/projects/coin-slider / .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: right; } .cs-buttons a { margin-right: 5px; height: 10px; width: 10px; float: right; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; } .cs-active { background-color: #B8C4CF; color: #FFFFFF; } .cs-title { text-align:right; width: 550px; padding:10px; background-color: #000000; color: #FFFFFF; } .cs-next, .cs-prev { background-color: #000000; color: #FFFFFF; padding: 0px 10px; } القيمة 550px تُمثِل عرض مستطيل العناوين الآن اضغط حفظ وتوجه إلى التخطيط (عناصر الصفحة) والصق الكود التالي في أداة 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: 570, height: 250, navigation: true, delay: 5000 }); }); </script> لاحظ أخي أن القيمة 570px تُمثِل العرض الحقيقي للسلايدر ويفضل أن تكون أكبر من القيمة السابقة (الخاصة بعرض مستطيل العناوين) بفارق 20px لا تنس أن تُزِيحَ الأداة فوق مربع رسائل المدونة الإلكترونية ثم اضغط حفظ :* غير مسجل لا أسامح بنقل الإضافة دون ذكر المصدر. غير مسجل إذا أعجبتك الإضافة لا تبخل علينا بالنقر على زر أعجبني للفيسبوك أسفله. dreams ,حسين ,Bnadem و 4 آخرون معجبون بهذا محمد الشمري ,Youness ,REDA ,overboy __________________ من مواضيع admin أداة تمكين الزوار من اختيار عدد المواضيع بالصفحة لمدونات بلوجر تحميل قالب / استايل بلوجر Revolution Church المعرب شرح إضافة أداة جاري تحميل الصفحة باحترافية إلى مدونات بلوجر تحميل قالب / استايل بلوجر Borneo Books المعرب مناسب للمدونات التقنية تحميل قالب Futebol المعرب

08-12-2012, 03:03 AM	#2
yosefssss مدون نشيط تاريخ التسجيل: Apr 2012 الدولة: mecca المشاركات: 253	رد: شرح تركيب سلايدر احترافي لمدونات بلوجر أنا : yosefssss سجل معنا لتتمتع بهذه الخاصية مجهود رائع و عمل جميل يستحق الإعجاب والثناء __________________ مدونة تهتم بآخر البرامج الكاملة و الألعاب و التطبيقات و أجمل العروض الحصرية http://flash-techno.blogspot.com من مواضيع yosefssss قالب Thematic بسيط و أنيق "معرب" إضافة تأثير الفقاعات على مؤشر الماوس مشكلة:تنسيق الكلمات العربية و الإنجليزية سرقة محتويات مدونتي إستفسار بسيط في عرض التعليقات

08-12-2012, 03:53 AM

admin

مدير عام

تاريخ التسجيل: Apr 2012

الدولة: جده

المشاركات: 2,846

رد: شرح تركيب سلايدر احترافي لمدونات بلوجر

أنا : admin

سجل معنا لتتمتع بهذه الخاصية

اقتباس:

المشاركة الأصلية كتبت بواسطة yosefssss

مجهود رائع و عمل جميل يستحق الإعجاب والثناء

شكرا على الإعجاب والمرور

__________________

من مواضيع admin

08-14-2012, 01:46 AM	#4
سمر التائبين مدون جديد تاريخ التسجيل: Aug 2012 المشاركات: 21	رد: شرح تركيب سلايدر احترافي لمدونات بلوجر أنا : سمر التائبين سجل معنا لتتمتع بهذه الخاصية بارك الله في جهودكم ,,وأنا معجبة بالمعهد المفيد حقاً سأجرب الطريقة رغم أني مستجدة في الموضوع ولكني أسأل إن كنت أريد أن أضع سلايدر للصور فقط دون روابط،، أقصد صور تذكارية أو سياحية دون أن يحولني الضغط على الصورة الى رابط معين ولكم جزيل الشكر والتقدير __________________ من مواضيع سمر التائبين كيف اتخلص من ظهور الاعلانات المزعجة للزوار

08-14-2012, 02:54 AM

admin

مدير عام

تاريخ التسجيل: Apr 2012

الدولة: جده

المشاركات: 2,846

رد: شرح تركيب سلايدر احترافي لمدونات بلوجر

أنا : admin

سجل معنا لتتمتع بهذه الخاصية

اقتباس:

المشاركة الأصلية كتبت بواسطة سمر التائبين

بارك الله في جهودكم ,,وأنا معجبة بالمعهد المفيد حقاً
سأجرب الطريقة رغم أني مستجدة في الموضوع
ولكني أسأل إن كنت أريد أن أضع سلايدر للصور فقط دون روابط،، أقصد صور تذكارية أو سياحية دون أن يحولني الضغط على الصورة الى رابط معين
ولكم جزيل الشكر والتقدير

اكتف بوضع الرمز # مكان الرابط

__________________

من مواضيع admin

08-20-2012, 03:16 AM	#6
سمر التائبين مدون جديد تاريخ التسجيل: Aug 2012 المشاركات: 21	رد: شرح تركيب سلايدر احترافي لمدونات بلوجر أنا : سمر التائبين سجل معنا لتتمتع بهذه الخاصية أنا لم أفلح في الأمر ياولدي ولذلك حذفته بعد أن باءت محاولاتي بالفشل بيد أني لاأعتبره من أولوياتي ولكنه شيء كان سيضفي جمالاً على المدونه بارك فيكم وجزاكم خيرا على جهودكم __________________ من مواضيع سمر التائبين كيف اتخلص من ظهور الاعلانات المزعجة للزوار

08-20-2012, 03:34 AM

admin

مدير عام

تاريخ التسجيل: Apr 2012

الدولة: جده

المشاركات: 2,846

رد: شرح تركيب سلايدر احترافي لمدونات بلوجر

أنا : admin

سجل معنا لتتمتع بهذه الخاصية

اقتباس:

المشاركة الأصلية كتبت بواسطة سمر التائبين

أنا لم أفلح في الأمر ياولدي ولذلك حذفته بعد أن باءت محاولاتي بالفشل
بيد أني لاأعتبره من أولوياتي ولكنه شيء كان سيضفي جمالاً على المدونه
بارك فيكم وجزاكم خيرا على جهودكم

ما المشكلة بالضبط ؟

__________________

من مواضيع admin

08-20-2012, 03:39 AM	#8
سمر التائبين مدون جديد تاريخ التسجيل: Aug 2012 المشاركات: 21	رد: شرح تركيب سلايدر احترافي لمدونات بلوجر أنا : سمر التائبين سجل معنا لتتمتع بهذه الخاصية أنا وضعت الرمز الذي أشرتَ اليه بدلا من الرابط ووضعت روابط الصور في محلها ووضعت عناوين للصور في محلها أيضاً فظهرت لي بعد التطبيق مربعات صغيرة تتحرك على شكل سلايد وكذلك عناوين الصور ولم تظهر الصور __________________ من مواضيع سمر التائبين كيف اتخلص من ظهور الاعلانات المزعجة للزوار

08-20-2012, 03:48 AM	#9
admin مدير عام تاريخ التسجيل: Apr 2012 الدولة: جده المشاركات: 2,846	رد: شرح تركيب سلايدر احترافي لمدونات بلوجر أنا : admin سجل معنا لتتمتع بهذه الخاصية ضيفيني أدمن على مدونتك وسأركب لك السلايدر ايميلي سيصلك برسالة خاصة __________________ من مواضيع admin تحميل قالب / استايل بلوجر Love is in the air المعرب تجميعة زر أعجبني للفيسبوك، زر تويتر، زر +1، مع العدادات الآن داخل مواضيع بلوجر شرح ترقيم الصفحات لمدونات بلوجر تحديد المواقع التي يسمح لها بعرض إعلاناتك على أدسنس حل مشكلة عدم ظهور العدد المحدد للمواضيع داخل تصنيفات مدونة بلوجر

08-20-2012, 04:37 PM	#10
سمر التائبين مدون جديد تاريخ التسجيل: Aug 2012 المشاركات: 21	رد: شرح تركيب سلايدر احترافي لمدونات بلوجر أنا : سمر التائبين سجل معنا لتتمتع بهذه الخاصية تمت الإضافة __________________ من مواضيع سمر التائبين كيف اتخلص من ظهور الاعلانات المزعجة للزوار

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
صندوق الإشتراك عن طريق البريد الإلكتروني لمدونات بلوجر (شكل احترافي)	ilyass kéng	إضافات وأدوات بلوجر	1	03-20-2013 12:47 PM
قالب احترافي مميز 2013 لمدونات بلوجر	tafelalt	قوالب بلوجر عربية ومعربة	1	01-15-2013 04:35 AM
قالب تايم كوست احترافي لمدونات بلوجر	العماد	قوالب بلوجر عربية ومعربة	2	12-30-2012 07:20 PM
شرح إضافة سلايدر تشغيل ذاتي "أوتوماتيكي" لمدونات بلوجر	admin	إضافات وأدوات بلوجر	4	07-16-2012 09:20 PM
مساعدة في تركيب سلايدر "ذؤيب" على المدونة	ال شاوي ياس	طلبات تعديل القوالب	5	06-14-2012 05:28 PM

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

شرح تركيب سلايدر احترافي لمدونات بلوجر

إضافات وأدوات بلوجر