بسم الله الرحمن الرحيم
موضوع
طريقة اضافة سلايدشو احترافي رقم 3
حطوة 1 : اذهب للمدونة - قالب - تحرير html
خطوة 2 : ابحث عن <head> ضع الروابط تحته (اسفله) :
<link rel="stylesheet" type="text/css" href="http://s1c.pagawatic.com/css/pgwmenu-pgwjs-rainbow-v226.css"/>
<link rel="stylesheet" type="text/css" href="http://s1c.pagawatic.com/css/pgwslider-v226.css"/>
<link rel="stylesheet" type="text/css" href="http://s1c.pagawatic.com/css/pgwslider-v226.css"/>
خطوة 3 : ابحث عن <body> ضع الاكواد تحته :
<script type="text/javascript" src="http://s1c.pagawatic.com/js/jquery-pgwjs-pgwmenu-rainbow-v226.js"></script>
<script type="text/javascript" src="http://s1c.pagawatic.com/js/pgwslider-v226.js"></script>
<script type="text/javascript">
$('.pgwMenu').pgwMenu();
$('a[data-goto]').click(function() { pgwjs.goTo($(this).attr('data-goto')); });
var pgwSlider = $('.pgwSlider').pgwSlider();
function reloadSlider() {
var newConfig = {};
var listPosition = $('input[name="listPosition"]:checked').val();
if (listPosition == 'none') { newConfig.displayList = false; } else { newConfig.listPosition = listPosition; }
newConfig.selectionMode = $('input[name="selectionMode"]:checked').val();
newConfig.transitionEffect = $('input[name="transitionEffect"]:checked').val();
if ($('#displayControls:checked').val() == 'true') {
newConfig.displayControls = true;
}
if ($('#verticalCentering:checked').val() == 'true') {
newConfig.verticalCentering = true;
}
if ($('#adaptiveHeight:checked').val() == 'true') {
newConfig.adaptiveHeight = true;
}
if ($('#maxHeight:checked').val() == 'true') {
newConfig.maxHeight = 300;
}
pgwSlider.reload(newConfig);
}
$('.sliderConfig input').bind('change', function() {
reloadSlider()
});
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-3998345-8', 'pgwjs.com');
ga('send', 'pageview');
</script>
خطوة 4 : اذهب الى تخطيط ثم اضافة اداة ثم اختر html/javascript ثم ضع الاكواد داخل مربع النص الكبير :
<div class="cntr mt20">
<ul class="pgwSlider">
<li><img src="http://s1c.pagawatic.com/img/pgwjs/slider/paris.jpg" alt="Paris, France" data-description="Eiffel Tower and Champ de Mars"></li>
<li><img src="http://s1c.pagawatic.com/img/pgwjs/slider/montreal_mini.jpg" alt="Montréal, Canada" data-large-src="http://s1c.pagawatic.com/img/pgwjs/slider/montreal.jpg"></li>
<li>
<img src="http://s1c.pagawatic.com/img/pgwjs/slider/shanghai.jpg">
<span>Shanghai, China</span>
</li>
<li>
<a href="http://www.nyc.gov" target="_blank">
<img src="http://s1c.pagawatic.com/img/pgwjs/slider/new-york.jpg">
<span>New York, USA</span>
</a>
</li>
</ul>
</div>
</div>
ثم بعدها اسحب هذه الاداة( بعد ضغط حفظ ) اسحبها الى فوق رسائل المدونة الالكترونية اي سؤال اتركه في تعليق