اخر أخبار مصر ** أخبار العالم العربى ** أخبار الرياضة

( محمـــــــــــــــــــود غــــالـــــــى )

تسجيل الدخول

تسجيل الدخول بمدونات بلوجر


تــــــــــــابـــع اعمـــــــــــــــــــالــــــــى

من اعمـــــــــــــــــــــالـــــــــــــى

اجعل شعار موقعك أكثر إحترافية وجزبية ولمعان أداة التقويم للمواقع ازرار وقوائم رأسية للمواقع إضاف صندوق تعليقات الفيس إضافات اضافة اضافة إتصل بنا إضافة أداة مشاركة للشبكات اضافة ازرار المشاركة إضافة خاصية تسجيل الدخول اضافة رسالة ترحيب في بلوجر إضافة زر أعجبنى لموقعك اضافة شريط اخبار باعمالك اضافة كود طويل داخل إطار اضافة مواقيت الصلاة مع الآذان اضافة نص متحرك داخل مشاركة أضف العناوين داخل إطار متحرك أضف مواضيع ذات صلة إعادة توجيه الروابط أفضل 10 قوالب مجانية لمدونات بلوجر أفضل طريقة لإضافة أزرار المواقع الاجتماعية الاعلان التقويم الهجرى و الميلادى المصحف المسموع الهيدر برنامج أذكار الصباح والمساء تعلم احترف القوائم بنفسك تغيير الصفحة الرئيسية إلى صفحة ترحيب ساعات إسلامية للمواقع سعات اسلامية سعات باعلام الوطن العربى سليدر شرح تركيب قالب بلوجر شريط اخبار شريط اخبار متحرك شعار طريقة الحصول على ID الفيسبوك طريقة عمل نص متحرك عمل صفحة ترحب عمل فهرس للمدونة عمل نص متحرك 2 قائمة عمودية قوائم قوائم منسدلة قوالب مصنع ومولد الالوان مكتبة اكواد الالوان للمدونات مكتبة الالوان بالكواد نافذة منبثقة فيس بوك نوافذ متحركة صندوق معجبين

مســـــاحة اعـــــلانيـــــة

عنوان الموضوع الاول عنوان الموضوع الثاني عنوان الموضوع الثالث عنوالن الموضوع الرابع عنوان الموضوع الخامس

.باب دخول الادارة

يتم التشغيل بواسطة Blogger.

0

0

من شاهد اعمالى

المتابعون

الثلاثاء، 29 سبتمبر 2015






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

اليوم وفي هذا الموضوع الحصري حبيت اقدم لكم اجمل سلايدر لعرض التدوينات تلقائياً على شكل شريط متحركوالسلايدر احترافي بكل معنا الكلمة فهو يضيف لمسة من الجمالية على قالب مدونتك ويعرض لك مواضيع مدونتك . الان نتطرق الى شرح تركيب السلايدر
♦ طريقة تركيب السلايدر 

 1- من  لوحة التحكم -> قالب -> تحرير HTML 
2خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 
3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
قم بالبحث عن الكود </head> واضف فوقه مباشراً الكود التالي


<script type='text/javascript' src='http://faceblog-evolutions.googlecode.com/files/Slider-Carousel.js'/>
 والان قم بالبحث عن الكود ]]></b:skin> واضف قبله مباشراً الكود التالي
#featured-wrap{border-bottom:1px solid #000;box-shadow:0 1px 0 0 #333;background:#111;position:relative;height:175px;margin:0 auto}
#featured{border:2px solid #444;outline:1px solid #000;position:relative;width:88%;height:150px;overflow:hidden;top:10px;margin:0 auto}
#featured ul{width:9999px}
#featured ul,#featured li{list-style:none;padding:0;margin:0;overflow:hidden}
#featured li{width:150px;display:inline-block;float:left;height:150px;background:#222;border-left:1px solid #111;border-right:1px solid #333;}
.thumb-featured{width:140px;height:100px;margin:5px auto;overflow:hidden;border:1px solid #000}
.thumb-featured img{display:block;width:134px;height:94px;border:3px solid #444;}
.title-featured{text-align:center;position:relative;margin-top:-20px}
.title-featured h4{font-size:90%;max-height:45px;overflow:hidden}
.arrow{position:absolute;display:block;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYQmB4W0Ax8mVTdIfhLmp_5KnB2mOHPG3Dpx5hcjZA9g37syDSNp-JKDTeVQXsDMPR7RV4IyeSskFk08LH7nLf_AdlvfzFQnsx0FUSO2Tv3hl_GDrBM-92Q9KV5c5HFDd1GDqPzccuGeI/h120/icon-sprite.png)no-repeat;background-position:0 50%;width:35px;height:60px;top:50px;text-indent:-9999px;border:1px solid #000;box-shadow:0 0 0 1px rgba(51, 51, 51, 1)inset}
.arrow.back{background-position:0 50%;left:10px}
.arrow.forward{background-position:100% 50%;right:10px}
span.slideloading{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy8ixVIeCVCs-dBVevvZkNCd9lttJNfdYOsstISIFCYRKdTQMZ_E6qBIXHSBusKr0nE4oCJZmKxI8YO1mCjGAJUIkb6-dkRYf6MAExf3kLEVXUcQohWxYElwA8GvLMJ7QpS-dR1R1HQZg/h42/loading.gif);background-repeat:no-repeat;background-position:50% 50%;text-indent:-9999px;margin:50px auto}
والان الخطوة الاخيرة مكان اضافة السلايدر في القالب
1- اذا اردت اضافة السلايدر تحت الهيدر ابحث عن الكود التالي <div id='main-wrapper'> واضف فوقه الكود التالي

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='featured-wrap'>
<div id='featured'>
<span class='slideloading'>Loading...</span>
</div>
</div>
</b:if>
 2- اذا اردت اضافة السلايدر فوق الفوتير ابحث عن الكود التالي <div id='footer-wrapper'> واضف فوقه الكود الاخير

اضغط حفظ ومبروك عليك السلايدر الجميل والاحترافي

تنبيه :- نقل بدون ذكر مصدر ممنوع

دمتم في رعاية الله وحفظه
التعليقات
0 التعليقات

0 التعليقات:

تــــابع اعمـــــــــا لــــــــــــى

استمع الى القران

من اعمالى


Blogger widgets

المشاركات الشائعة

من اعمالى

من اعمالى