بسم الله الرحمن الرحيم
موضوع
طريقة اضافة سلايدشو احترافي رقم 4
حطوة 1 : اذهب للمدونة - قالب - تحرير html
خطوة 2 : ابحث عن <head> ضع الروابط تحته (اسفله) :
<link rel="stylesheet" href="http://responsiveslides.com/responsiveslides.css?v=1.5">
<link rel="stylesheet" href="http://responsiveslides.com/themes/themes.css?v=1.5">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://responsiveslides.com/responsiveslides.min.js?v=1.6"></script>
<script>
$(function () {
// Slideshow 1
$("#slider").responsiveSlides({
auto: true,
pager: true,
nav: true,
speed: 500,
maxwidth: 800,
namespace: "centered-btns"
});
});
</script>
<link rel="stylesheet" href="http://responsiveslides.com/themes/themes.css?v=1.5">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://responsiveslides.com/responsiveslides.min.js?v=1.6"></script>
<script>
$(function () {
// Slideshow 1
$("#slider").responsiveSlides({
auto: true,
pager: true,
nav: true,
speed: 500,
maxwidth: 800,
namespace: "centered-btns"
});
});
</script>
الرقم بالون الوردي سرعة السلايدر .
الرقم بالون الاحمر حجم السلايدر .
الرقم بالون الاحمر حجم السلايدر .
خطوة 3 : اذهب الى تخطيط ثم اضافة اداة ثم اختر html/javascript ثم ضع الاكواد داخل مربع النص الكبير :
<div class="rslides_container">
<ul class="rslides" id="slider">
<li><a href="#"><img src="http://responsiveslides.com/1.jpg" alt=""></a></li>
<li><a href="#"><img src="http://responsiveslides.com/2.jpg" alt=""></a></li>
<li><a href="#"><img src="http://responsiveslides.com/3.jpg" alt=""></a></li>
</ul>
</div>
</div>
غير اللون الاصفر برابط الصورة و اللون الاسود برابط التدوينة او الرابط الخاص بالصورة .
<ul class="rslides" id="slider">
<li><a href="#"><img src="http://responsiveslides.com/1.jpg" alt=""></a></li>
<li><a href="#"><img src="http://responsiveslides.com/2.jpg" alt=""></a></li>
<li><a href="#"><img src="http://responsiveslides.com/3.jpg" alt=""></a></li>
</ul>
</div>
</div>
غير اللون الاصفر برابط الصورة و اللون الاسود برابط التدوينة او الرابط الخاص بالصورة .
ثم بعدها اسحب هذه الاداة( بعد ضغط حفظ ) اسحبها الى فوق رسائل المدونة الالكترونية ثم انتهينا من الشرح واي سؤال اتركه في تعليق