سلايد شو منتدى العاشق لمدونة بلوجر 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjWxjVZ8riHFNF-_wHK9QmMfxVSShuiiLtfjt_Yd1iW6WGrFGw36lGeCPXoIgviJFgkssKmxfc7qc2JZb6wslTm4h8OlmZsZ7EMOkcIgbVHA4-RNY3vhavwvwq6RD_TF7nCrpOq9LQQQWh/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzWe0V4YquqjrTrEceqS-fa4nkdk3E3zDg8Uda-ESYao2rEvfJR2l2BYWyngfen3Ff9gXzUKyfMzISgD7woudlp9nudIuszIogpjFNZRZO-a3Clwvcu2_HROOadcfjWLAkDP4pbVfVwXs/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAqujCgAK37VlDfLP_JF9EugPdJ8ddbasdNeV1_dXFfXZYSmtz_bNp_S2ceEHokbeF_Y_Vs0RcwHhMa3kt5WMOF5T-Q_AB6aVqfcZZ3YLzgp31GLFyFwecjEDBi6LsWDqKHJB9fAYSG34/s320/Untitled-1.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRG5Wg_SMYRMEc6Aj39o98rGO5OstIJ_T7ScAONql68_BBWoLVfkGJaQd912rFZ3pXnVTGSGq7BZ2BKAEKF6B1vjEgOu00B_X5U72iLK1buNDOKQEc8S0dRzPS-3RrEodWl9cpLVqieF97/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBGsbiOfOksWcoFcgRVLms0pi4hH3HNrmUQpJivYDVgEtV8qqOdbLVu89kVF-tlYFMZoMqMryAAoEzwfZ125SzeHXKqPczIPoPWrhv12milr0Iyg71BDBzla3SyuL9XqNj-KocbSJuVf6u/s1600/GEHVX.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVkizXM7yo2xRPB7b0gVFv34GlI37sRZVs_AV7xJCQxiVBnNOCQ5Tv3KdpFAlbVZOq1PpdTTqkZEbNKISukiOY5o-1M7Dau9eySIK93hg4GR5LkGsbUjSIMaSiYeCUf3-9fr-V0M5wa5h9/h120/4agw.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4g7yts9WNi-vqTODxy45Uv3WBo5CwNi0pwURRFEH9hUK6k09rS75x0lxguw2qFBAkdtSx60zXPTVjSzdHtauJPujIXrN1R2O83-_PUFMR7ATVUzgqv0u83vlYO5tperqVYlUteLCkLHAn/h120/hiou.png' width='235'/>
                    </a>
                </div>
            </li>
            <li class='slide'>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbrhbfHZPh_1rmQAUC6WdvFJw0kdG_ZkoClE9MZeR-0MmTu0bTOoO1-XejA-GFcnZyBJsOEjPAyztqRHSPnnboHo-Vz9BC_rg9zmHBZx6ttZjRig_GtcIe_G6taC7PDBGE4iLiRox1NIYi/h120/zlxe7.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2XA4r8dZVSHaxBG_5lE-4NLcTjsu4deWx1zL0XeP2LWZBBUHeLrCKCfxwQBJE2BoJvT8qSD2AhDelkhMO7H4DV_6RClvwLndyIa66Qf6CxwX0y64TZmej52huqX9xRVcNpYjjEiuglk-6/h120/Fsilx.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdCGmXcIgKRQP1Gfd0LWpLwBM0WpwC3vkHEfhWkMLqrDfF5hLG8kj64fLRDX3_bNPzHMhnR4gSA0-HM4XrQTH46W2vAqqpKwP2P7qZj29WOCQ4pjRNozOnYTiG5T3veaSoeHMIs3lsWuMe/h120/tfl0.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7AkbDPaREQUiDSOPvz_Vg_UTEbl8TYjm_rIOaYBKBQXIhEifxIz0qMS_m_cjaqZyTxjs2yy5gqzs_hXt4ejbHMW0q-wq9Irgc4M8ZxZoNczL-sR1oW0iVAnMMwk7zhACSYd245a0CqgJl/h120/HLQsd+%281%29.png' width='235'/>
                    </a>
                </div>
            </li>
            <li class='slide'>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3Py2WW5g9WR6d96IUMdAD-p-oGWrcoaCFs2fsyiX00adQvtcOWW3V8Or_RudR0XO6mx4dRQktihyphenhyphenC_7E337JtrdmJL1lgQLrOGN2F3LLd1Vwh9PCYSB2ERNA7uIoiajnOGDcclpzAVKOj/h120/ysweA+%281%29.jpg' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzZEUxPJVyydBzbmmDLNIJKYDBo1tP5t9oLdlNOgI61PhqgA6If5B7JSBhUyYUicr46GQOTT8iwkEE0j4ctg5nIbC8SBjfBGLDRQtajnAKS6TN3MTqH9lh5SZTssVvgxCWqESJanfIrvCD/h120/tfl0+%281%29.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibnom5vFDwtvLvqhpArnxHBFIqWCrw0Y8facDmRvZ5C-nXzS_6zFC5LHOkXbhaw2Ay2lbnrsIhbdRS9T2ydK7srADk_xP21VPVeidhmMDmaUP0bCvhhq_r7Ir-EqKUZZHIm2C3w-qN9qMC/h120/Fsilx+%281%29.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7AkbDPaREQUiDSOPvz_Vg_UTEbl8TYjm_rIOaYBKBQXIhEifxIz0qMS_m_cjaqZyTxjs2yy5gqzs_hXt4ejbHMW0q-wq9Irgc4M8ZxZoNczL-sR1oW0iVAnMMwk7zhACSYd245a0CqgJl/h120/HLQsd+%281%29.png' width='235'/>
                    </a>
                </div>
            </li>
            <li class='slide'>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3Py2WW5g9WR6d96IUMdAD-p-oGWrcoaCFs2fsyiX00adQvtcOWW3V8Or_RudR0XO6mx4dRQktihyphenhyphenC_7E337JtrdmJL1lgQLrOGN2F3LLd1Vwh9PCYSB2ERNA7uIoiajnOGDcclpzAVKOj/h120/ysweA+%281%29.jpg' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihTGx7-YcLAb3Al5L2GbBBnxAeGDmYfmZahtU7xKfaluK0_kItqdUwBPcb30JhhZXaSkfPTWVnJBQJH-vytaqZarAWjq8YR5Iy_2UWjHmahdALWrXpPgeptsEmNfa8klc1iR53QnESCnw2/s1600/GEHVX+(1).png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7xoQrGJJk_1Wntd0b2IyCwURRmDYhYNa_1NRxhDi-1xVfZJnn0mSGkWLC2x4iZ-aEpjDp8y1FtkLDJRmul6mgqMytrSuXJLVpjVjYze_WCjqHWXYJvENhwInxSfNJfd6tamk3_7eMMaJ2/h120/hiou+%281%29.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJRkvJVIpoGw17lihbTO_8vGtOxLpzGzf4gYQWXpgsqy2m7c80OlFa-_tT_3pRAzKaChU6ccenyTnNzua6slEzgcVBSgY23NYNgudeKMh4Q03cFM7r1UHVaVmVNb7pmws_OoVTVUh8VYQz/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOlyz434X-ttCxh015Q97-VC-YW9hojy_dqDh3teapsd8uAJaJZSl5zDq3L41q25KzXUrwFZFTc_-SDhL0DBvdDU-iU3xcX0Kw7fv4RKTJ1p_8M-337l03ghyax59eLnpCwALsJVzLJQY/h120/left.png);}
#slider_container ul.slidecontrols li a.prev{
right: 0px;
top: 21px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFnyRCCxdZ9ugTzFghMwVpqKsGhDODNTh-7XhjIORLd0BiMQaDE6f_qOUT0vDNMoaF2ITs-q-q4MGIZtxPxuf0yu30cgcEGUkRtjcjtJ50GH0BOC2ruh57KJX6Uv2pcMHns5boe9tDk6c/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| سياسة الخصوصية

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