سلايد شو منتدى العاشق لمدونة بلوجر 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() {
        $(&#39;#slider li .adv:last-child&#39;).addClass(&#39;last&#39;);
        $(&#39;.slidewrap&#39;).carousel({
            slider: &#39;.slider&#39;,
            slide: &#39;.slide&#39;,
            slideHed: &#39;.slidehed&#39;,
            nextSlide : &#39;.next&#39;,
            prevSlide : &#39;.prev&#39;,
            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>

التعديلات : 

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


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

بالتوفيق 

ملاحظة مهمه جداَ تم تحديثها بتاريخ 17/10/2013:
السلام عليكم .
يا أخوان في شيء نسيت انبهكم عليه وهو مهم مهم مهم جداَ كي يعمل السلايدشو بكامل أناقته وبدون مشاكل .
هذا الشي المهم هو كود الأجاكس الي في اول خطوة , الكود هذا يجب ان يكون وحده وليس هناك كود اجاكس غيره في الهياد .
بمعنى انك ستبحث في القالب عن : ajax.googleapis
وستحذف اي كود موجود في الهياد , وتجعل فقط كود الأجاكس الي انا وضعته في الدرس .
هذي هي المشكلة بأختصار , سأعيدها عليكم كي تفهموها مضبوط .
أبحثوا في القالب عن : ajax.googleapis
ستجدون كود مثلا مثلا هكذا :
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/66.3/jquery.js' type='text/javascript'/>
قوموا بحذفه وأذا وجدتم غيره أيضا أحذفوه , ليس في كل القالب ولاكن فقط في الهياد <head>... <head/>
وبعدها سيعمل السلايدشو .


سلايد شو 2014 , سلايد شو منتدى العاشق 2014 , سلايد شو مدونة العاشق للأنمي 2014 , سلايد شو موقع العاشق للأنمي 2014 , سلايد شو منتدى العاشق للأنمي 2014 , سلايد شو منتدى العاشق للأنمى الى بلوجر 2014 , سلايد شو منتدى العاشق للبلوجر , سلايد شو منتدى العاشق الى بلوجر , تحويل سلايد شو منتدى العاشق الى بلوجر 2013 , سلايد شو جديد بلوجر 2014 , سلايد شو أحترافي لمدونة بلوجر 2014 , سلايد شو بلوجر أحترافي 2014

Aucun commentaire :

Enregistrer un commentaire

جميع الحقوق محفوضة لدى مدونة المحترف بدر Privacy-Policy| سياسة الخصوصية

تصميم و تطوير :بدر الصواف