[ حصرياَ ] سلايد شو منتدى العاشق لمدونة بلوجر 2014

[ حصرياَ ] سلايد شو منتدى العاشق لمدونة بلوجر 2014

بسم الله الرحمن الرحيم
والصلاة والسلام على اشرف الأنبياء والمرسلين سيدنا محمد عليه وعلى اله افضل الصلاة واتم التسليم
السلام عليكم ورحمة الله وبركاته .

سلايد شو منتدى العاشق لمدونة بلوجر 2014 :

اليوم أطرح لكم مفاجئه من العيار الثقيل بمناسبة عيد الحج , وبمناسبة كثر الطلبات على هذا السلايد شو الرائع الذي كل مدون يرغب به ويريده , اليوم أتيت لكم بسلايد شو منتدى العاشق للأنمي وتم تحويله الى مدونات بلوجر من طرفي , السلايد شو وجدت به بعض الأخطاء وقمت بأصلاحها , ايضاَ قمت بتطويره لكي يتناسب مع جميع المدونات بأذن الله .
السلايد شو متحرك , ايضاَ هو يدوي بمعنى انك تضيف روابط الصور يدوياَ .

سلايد شو منتدى العاشق لمدونة بلوجر 2014 :

صور من سلايد شو منتدى العاشق لمدونة بلوجر :

[ حصرياَ ] سلايد شو منتدى العاشق لمدونة بلوجر 2014

طريقة تركيب سلايد شو منتدى العاشق لمدونة بلوجر 2014 :

اولاَ : ادخل مدونتك .
ثم إذهب الى القالب .
حرر القالب وأبحث عن :

الكود:

<head>
الصق هذا الكود مباشرة بعدها :

اقتباس :

الكود:: <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js' type='text/javascript'/>

ثانياَ : ابحث عن

الكود:: </body>

وضع هذا الكود فوقه :

الكود:: <script src='http://hal-slider.googlecode.com/svn/trunk/slider4/js/plugin.js' type='text/javascript'/><script>

$(document).ready(function() {

$('#slider li .adv:last-child').addClass('last');

$('.slidewrap').carousel({

slider: '.slider',

slide: '.slide',

slideHed: '.slidehed',

nextSlide : '.next',

prevSlide : '.prev',

addPagination: false,

addNav : false

});

});

</script>

ثاثاَ وأخيراَ : ضع أكواد الـ HTML و CSS داخل المكان الذي ترغب به , مثلاَ مثلاَ تحت القائمة العلوية , او ضعها في التخطيط في مكان عالي بحيث تكون تحت الهيدر او المكان الذي ترغب .

الكود:: <div id='slider_container'>

<div class='slidewrap' data-autorotate='5000'>

<ul class='slidecontrols'>

<li><a class='next' href='#slider'>Next</a></li>

<li><a class='prev' href='#slider'>Prev</a></li>

</ul>

<ul class='slider' id='slider'>

<li class='slide'>

<div class='adv'>

<a href='#'>

<img alt='حلول بلوجر' height='100' src='https://lh6.googleusercontent.com/-tGhTTsxc2Ag/Ug05fN3wjDI/AAAAAAAADQI/INLsGl2IuBE/h120/tfl0.png' width='235'/>

</a>

</div>

<div class='adv'>

<a href='http://3asqanime.blogspot.com/2013/09/329-naruto-shippuden-episode-329_10.html'>

<img alt='' height='100'
src='http://4.bp.blogspot.com/-thAAGHroii4/Ui9EqfWj2AI/AAAAAAAAD68/Mow4DKK-VIQ/s1600/Untitl2ed-2.png'
width='235'/>

</a>

</div>

<div class='adv'>

<a href='http://3asqanime.blogspot.com/2013/09/610-611-one-piece-episodes-610611.html'>

<img alt='' height='100'
src='http://4.bp.blogspot.com/-SCOvNeBsR7A/Ui9BENZaZfI/AAAAAAAAD6o/msyf7JesV4w/s320/Untitled-1.png'
width='235'/>

</a>

</div>

<div class='adv'>

<a href='#'>

<img alt='' height='100'
src='http://3.bp.blogspot.com/-yiyDf8tm5Do/Ug052gZ5hII/AAAAAAAADQg/AVDBoNFS83w/s1600/HLQsd.png'
width='235'/>

</a>

</div>

</li>

<li class='slide'>

<div class='adv'>

<a href='http://3asqanime.blogspot.com/2013/09/95-hunter-x-hunter-episode-95.html'>

<img alt='' height='100' src='http://im41.gulfup.com/SmmEB.png' width='235'/>

</a>

</div>

<div class='adv'>

<a href='#'>

<img alt='' height='100'
src='http://4.bp.blogspot.com/-_E78gZn75fg/Ug06HvvuR5I/AAAAAAAADQw/afdw7CgkoLI/s1600/GEHVX.png'
width='235'/>

</a>

</div>

<div class='adv'>

<a href='#'>

<img alt='' height='100'
src='https://lh3.googleusercontent.com/-ejDcEb-3jYs/Ug06Q2V6zQI/AAAAAAAADQ4/wWZ8CicCib8/h120/4agw.png'
width='235'/>

</a>

</div>

<div class='adv'>

<a href='#'>

<img alt='' height='100'
src='https://lh4.googleusercontent.com/-TS-rNq8pZ2s/Ug06XnaY52I/AAAAAAAADRA/n-svC975UQU/h120/hiou.png'
width='235'/>

</a>

</div>

</li>

<li class='slide'>

<div class='adv'>

<a href='#'>

<img alt='' height='100'
src='https://lh4.googleusercontent.com/-_E9qzRjgBk4/Ug06e2TrPMI/AAAAAAAADRI/sIXT5CUMcVc/h120/zlxe7.png'
width='235'/>

</a>

</div>

<div class='adv'>

<a href='#'>

<img alt='' height='100'
src='https://lh4.googleusercontent.com/-OT00Gr6fY4w/Ug06k2wbnAI/AAAAAAAADRQ/l9XuRtP3hpk/h120/Fsilx.png'
width='235'/>

</a>

</div>

<div class='adv'>

<a href='#'>

<img alt='' height='100'
src='https://lh6.googleusercontent.com/-tGhTTsxc2Ag/Ug05fN3wjDI/AAAAAAAADQM/kRrrusMGyOs/h120/tfl0.png'
width='235'/>

</a>

</div>

<div class='adv'>

<a href='#'>

<img alt='' height='100'
src='https://lh6.googleusercontent.com/-buQY_7L0v0k/Ug06306Z40I/AAAAAAAADRY/bB4F1Dma8Bw/h120/HLQsd+%281%29.png'
width='235'/>

</a>

</div>

</li>

<li class='slide'>

<div class='adv'>

<a href='#'>

<img alt='' height='100'
src='https://lh5.googleusercontent.com/-u805DvebmHQ/Ug069bXWd9I/AAAAAAAADRg/2KSab1xSDa4/h120/ysweA+%281%29.jpg'
width='235'/>

</a>

</div>

<div class='adv'>

<a href='#'>

<img alt='' height='100'
src='https://lh5.googleusercontent.com/-3oIRtRpqX3Y/Ug07GZ3qETI/AAAAAAAADRo/mREoMo7ovDk/h120/tfl0+%281%29.png'
width='235'/>

</a>

</div>

<div class='adv'>

<a href='#'>

<img alt='' height='100'
src='https://lh6.googleusercontent.com/-yt6ORpmyMBc/Ug07NajHrzI/AAAAAAAADRw/k2C0Mvk9Dj8/h120/Fsilx+%281%29.png'
width='235'/>

</a>

</div>

<div class='adv'>

<a href='#'>

<img alt='' height='100'
src='https://lh6.googleusercontent.com/-buQY_7L0v0k/Ug06306Z40I/AAAAAAAADRY/bB4F1Dma8Bw/h120/HLQsd+%281%29.png'
width='235'/>

</a>

</div>

</li>

<li class='slide'>

<div class='adv'>

<a href='#'>

<img alt='' height='100'
src='https://lh5.googleusercontent.com/-u805DvebmHQ/Ug069bXWd9I/AAAAAAAADRg/2KSab1xSDa4/h120/ysweA+%281%29.jpg'
width='235'/>

</a>

</div>

<div class='adv'>

<a href='#'>

<img alt='' height='100'
src='http://1.bp.blogspot.com/-h9-bve6nHdQ/Ug07grrcNiI/AAAAAAAADR4/KPGqH5sYvFk/s1600/GEHVX+(1).png'
width='235'/>

</a>

</div>

<div class='adv'>

<a href='#'>

<img alt='' height='100'
src='https://lh3.googleusercontent.com/-ZsPjse3x200/Ug07pDiJNPI/AAAAAAAADSA/qrLFKElnCCc/h120/hiou+%281%29.png'
width='235'/>

</a>

</div>

<div class='adv'>

<a href='#'>

<img alt='' height='100'
src='http://1.bp.blogspot.com/-Sy8gduzsy9Y/Ug07xBr5iFI/AAAAAAAADSI/rLwvpP9-uVs/s1600/zlxe7+(1).png'
width='235'/>

</a>

</div>

</li>

</ul>

</div>

<a href="http://7lolblogger.com" rel="dofollow" ></a>

<style>

ul, ol { margin: 0; padding: 0; list-style: none; }

#slider_container{

overflow: hidden;

width: 955px;

height: 100px;

padding: 5px 22px;

clear: both;

margin: auto;

position: relative;

border: 1px solid #CCC;

-webkit-box-shadow: 0 0 5px #999;

-moz-box-shadow: 0 0 5px #999;

-o-box-shadow: 0 0 5px #999;

}

#slider{}

#slider li .adv{

float: right;

margin-left: 5px;

}

#slider li .adv.last{

margin-left: 0px !important;

}

#slider_container ul.slidecontrols{}

#slider_container ul.slidecontrols li a{

position: absolute;

top: 50%;

z-index: 5;

width: 22px;

height: 100px;

margin-top: -16px;

text-indent: -999em;

overflow: hidden;

background: #000;

background-position: 0 0;

background-repeat: no-repeat;

}

#slider_container ul.slidecontrols li a.next{

left: 0px;

top: 21px;

background: url(https://lh6.googleusercontent.com/-ee5gvYRM-BU/Ug6m4gf1gUI/AAAAAAAADVM/wKNK4e_oI6g/h120/left.png);}

#slider_container ul.slidecontrols li a.prev{

right: 0px;

top: 21px;

background: url(http://1.bp.blogspot.com/-7i6cztOSPuw/Ug6msjaPuyI/AAAAAAAADVE/3Q_PiuZ1h2g/s1600/right.png);}

</style>

التعديلات :

: رابط الصورة
: عرض الصورة
: عنوان الصورة
: طول الصورة
: رابط الموضوع

الأن انتهيناَ ولله الحمد , في حال يوجد أستفسارات فأنا هنا لاتتردد وضع تعليقك *
أيضا لاتكن لئيماَ تأخذ ماتريد وترحل _ كلمة شكر ستكون كافية في حقي *
ملاحظة أخيرة : لا أحلل ولا أبيح من ينقل الموضوع دون ذكر المصدر ( سيتم أبلاغ قوقل بشكوى قانونيه ضد المواضيع المنسوخه دون المصدر Smile

بالتوفيق

» اجمل سلايد شو لمدونة بلوجر
» سلايد شو تلقائي خفيف لمدونة بلوجر
» سلايد شو تلقائي لمدونة بلوجر | معدل :
» اضافة سلايد شو تلقائي لمدونة بلوجر مميز
» اجمل سلايد شو زاتى لمدونات بلوجر 2014