15‏/10‏/2013

2013-10-15T21:01:00+03:00
15‏/10‏/2013

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

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

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

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

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





سلايد شو منتدى العاشق لمدونة بلوجر 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() {
        $(&#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/AVvXsEhM_ZaJXcYw4XNm61nPnssk31e12UGHafAGobTwiSCa94CpnktMf5Fr3wHRljm7rA8yIA5kqak5_JD5X6kJwiazhj07w7wcJl1MLN4ncRouU4Kc6inNvJvAm5WXDtU2a1d6tPUP-dxSNQd_/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/AVvXsEhRXyPwIuFXBeK-Wqo_IgGF1uICvAKZ81GC9GHFPOlwiE6sxW6OC4GGcCxwZEbBqYcmSQkEhpmy0mcKcS4gQ4XWMdKOjfjh0vzepw8o0vWcyOVG4_h0mSSBsC50EhvofYIRTRvaX36zgWY/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/AVvXsEg9513KlfGPthhSPMJbrhlxReuE3qHc08vVEQNDRJGoT2x50xJO79ujNm6_SBpPzedpa-oraYQuX3nHfiJS4JvgFKTLoZ94xP5Tj0yDJc0CbdXLHzkBKP5lulXnjyH8jSSDCaB_RHoZO0c/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/AVvXsEiBAf3INp-4Gnf8cUwbz3_zVOfdCxBTjnDloFr7LD-8VWTvRdhfMarz9ZhVHbakYLuHvTkzVT2tUH0wWfg6yVFdcNLHZ24ymWko0LgYOSs492ct0K9PlFkVKZY9lDUWtxkBhnHn0WzXNS0N/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/AVvXsEgtWyYH5IKPA8n2GXEL5U8BVWgpfWPTbpGrjF7_9bCQrw_XY3LxGpFDrzgsmGPXyohJMI2dnVPPWr-vQDCZLefmqvChwuE9RMQStqEXBeHExeTsdFJns5mJL7rSloiV6ef2hjQCbB9J2YEA/s1600/GEHVX.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjdE2Mx3mLQSAzbkVNm8Wz0GpLRGys7JVQlLh7AW9Cft4hUQShxxD65XDWulKhjbyzbDIcvQgZ1P1Jz24gN_RfYvMQblxjaZkxQeKvAOYt-1kulrsacC06htX6uQFQ2_6f0Wbx9dqTEjdF/h120/4agw.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRNJoilCOu263rcNtvnDf5feqCP2gr-jnpykM7STGWlzUqWcHL61G1GuM1K-cCqMyji85wTbH2K1-4VdZ7QAymZEX1z6K7xUQ2kmYJvOp7qFluMFmsocn-t4ovkl5vGe24Kccc7GB55k2d/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/AVvXsEj9Evw9c2ucC0esjicVtQRM1HFJa1EyXMWtuBgqAOa28zuC6_HF7AcHycQYPQ4a1tPIc9qAHSfNoDac1Sd_KYKbELpbG-oHlqJIl8JqHknJkshkrKVRo2p6ExOTWpvQjLoAMdDE8YhHT0Cd/h120/zlxe7.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrILU7L9w_VBI7KmVRTOsi1iwXMyE5FB5F0rUL_CR_-utovJDK6Yt1vJDc2Dj3VJ0NhPxChJORYCF_VO7Ackujrp7KdcwWYgC0t2cNjoHI7IoCgcbNPEfefcPvq6wsBBUgoZddKUZQQfWW/h120/Fsilx.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ70iO2gFKyoV6RSXw4RnycZ7g53YWlEQy1xthhE0HIW8b1vCrOukIqJQJoitbmE8SDnsyHpt3drbyTeQEBzAr2AOsP4VRrtfDCZXDnSOqzPymnxsQHcwHsdPNsqJWYI0GsuDNlOr1yLF3/h120/tfl0.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYr1SEJKRRgx8MacRGUw2o46CrIsMdB4f3ebG5xx3-dlucc2pBMKUb81icKpIMcm_EFgnTFVH9d9k3SXP5Ekcy9-7JSpW9OxIE_4Kd6fn2RBpph8RV_avfJ4TI0fUUhdnYAVraTNYFXPmE/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/AVvXsEhCVuCljIfDKijziK7u48MH-vlSP6HgfK4diw_q_BYg-bOPiSBaTh_PH9wbfsS5VhQulBSsm5QdviJ0_X2Zz42FF-e0k4OwQsY5ffeNp0ZWSqOwHnl37KhmuAOPsjgZ4qMnIfK3bCebWSNk/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/AVvXsEgbgFoG29Xmn3JbOHCcMVOx47yeLoF_lfO2lLKSSnC4Sdl_Xpz3dYCWvuDlG_Q5uGesqlTJyUrV8WxM5FEfWZYwMpbXBxR4fIWOrgwSSmwWovwmKwTGje-n444uzaKFjVe5gSbTACC65cAf/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/AVvXsEi0dI9EWR9IffK8-pTuIngGH2R1L5E9qBH4tlZjLEUtD79-ky_eXW_xKRiHHmbIif6OeSFK9mH7hZzc3BUZLbqPchiWibpitw3MXCwG15x9sXDwMvLCeVRtJu1CONDfVZVuSkk1s3luw1_o/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/AVvXsEgYr1SEJKRRgx8MacRGUw2o46CrIsMdB4f3ebG5xx3-dlucc2pBMKUb81icKpIMcm_EFgnTFVH9d9k3SXP5Ekcy9-7JSpW9OxIE_4Kd6fn2RBpph8RV_avfJ4TI0fUUhdnYAVraTNYFXPmE/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/AVvXsEhCVuCljIfDKijziK7u48MH-vlSP6HgfK4diw_q_BYg-bOPiSBaTh_PH9wbfsS5VhQulBSsm5QdviJ0_X2Zz42FF-e0k4OwQsY5ffeNp0ZWSqOwHnl37KhmuAOPsjgZ4qMnIfK3bCebWSNk/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/AVvXsEjRElwYCZ7c5AkWZKKHKN2j331LATinzy9kJ6WudVodjDWAEZIKpC8N6rqk_bliKODG6uYRmGQcCO_7-xM1MzCPZSTjUT_I-if4bD0YD8boniu4fZHqs90gEr05qh438ISDwcOQu92Ds_Ou/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/AVvXsEila2UlCiPcLU4BnTBCxaer5ZNwPlW-B9JaFhr6PcP5Oyl0PbScy2t6hSD8kamntjibsGtzgX9wSXc9UocBIValF8VB5Sx3VomyApyneXTWVcVllDtSi_pRls6R-kXqdPRo7KPCljwBjMKA/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/AVvXsEh-y6kbngsWNUFmSlMlrOrwImv-8v0DuHPHzhwuNRNEN78ZZBaGXgdJ3SAsnNttY_8G_SdAo34nMNCOx_RkyCBngBjUcomp_636tSWBefuRmPMnu2M5V6XTzmqnZMHG9pWuRvN9cJvsThnI/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/AVvXsEhz9i1kWcooHh3LwjsO77XghNf9otzEW_DFgScvX9w7D4UCHM9CTogqFlE27yJ4kiPieM76vAPEMH2EwmVUz1_Nmz79bzf6E6k7nv0EE9cAfFLkuW8xXaPfmGgbKjYlF_pYRbcMe9g6rfI/h120/left.png);}
#slider_container ul.slidecontrols li a.prev{
right: 0px;
top: 21px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2gMUXArIOL7yUoMc0GRgEbLELZzJEAHB3iWqchc2pLEkcnBQL_ZIm310ZDgvDVP8cH-8Wne3K0GaL6dAD5jH0szAD3Fn9p4x3vI2DY3D1UmbaB4pDlw0wER7Oos5gu1fzoFjzTEBPWIg/s1600/right.png);}
</style>

التعديلات : 

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


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

بالتوفيق 



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

عبدالله الحربي - من السعوديه مهتم في مجال التدوين بشكل عام وفي بلوجر بشكل خاص , اهوى تصميم القوالب وتكويدها , انشر المحتوى المفيد لي ولزوار مدونتي واعضائها , انتهى.
لا تنسى متابعتي :

عند نقلك للموضوع او نسخه , حاول ان تذكر المصدر لينتفع الزائر في حال اراد المزيد من المساعده , وايضاَ احتراما وتقديراَ للجهود المبذولة في المواضيع.

معلومات عن التدوينة
صورة التدوينة
ملخص التدوينة:

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

الساعه : 2013-10-15T21:01:00+03:00
تاريخ : 15‏/10‏/2013
التعليقات : 15
    انشرها :

هناك 15 تعليقًا:

  1. رائع جدا جدا واحب اقول ان مجهودك هذا تستحق عليه التقدير وشكرا على هذه الاضافة الرائعة

    ردحذف
  2. أولاً مشكور مجهودك الرائع .. + كل لما أعدل وكل حاجة تمام بيجيلي خطأ وأشعار بيقول
    More than one widget was found with id: HTML7. Widget IDs should be unique.

    ردحذف
    الردود
    1. نعم عندك تعارض في الادوات , كل الي عليك فعله هو البحث عن HTML7 وتغيرها بمثلا HTML99

      حذف
    2. جزاك الله كل خير أخي الكريم تم الحل .. أنت جد مبدع وفقك الله إلي ما يحبه الله ويرضاه :)

      حذف
  3. شرح رائع جدا ارجو من حضرتك تقيم مدونتى
    http://androtouch.blogspot.com/

    ردحذف
    الردود
    1. جميلة في الشروحات , اتمنى لك المزيد من التقدم.

      حذف
  4. كيف اجعل السلايدر شو اسف مواضيع المدونة في الصفحة الرئيسية

    ردحذف
    الردود
    1. استخدم هذا الموضوع على الخطوة الثالثه :
      http://blog.7lolblogger.com/2014/03/Control-Show-and-Hide-tools-and-additions-in-blogger-2014.html

      حذف
  5. كيف اخلي الصور تمشي اسرع يعني اخلي سلايدر شو يتحرك بسرعة

    ردحذف
    الردود
    1. من خلال ملف الجافاسكربت الخارجي هذا : http://hal-slider.googlecode.com/svn/trunk/slider4/js/plugin.js
      قم بتنزيله على جهاز الكمبيوتر الخاص بك , وافتحه بالنوت باد , وابحث عن هذا السطر :
      speed : 300
      قم بتغير 300 الى عدد اكبر مثل تدبيل السرعه 600 او عدد اكبر جداَ اذا ناسبك.
      بعد ذالك قم برفعه برابط مباشره واستبدله بدل الرابط القديم.

      حذف
  6. ممكن طريقة جعله تلقائي

    ردحذف
    الردود
    1. لايمكن ذالك , لانه سيحتاج اعادة تصميم وبرمجه من الاول الى الاخير.

      حذف
  7. شرف لي ان اقوم بمتابعة مدونتكم الرائعة اتمنى ان تتابعو مدونتنا المتواضعة بدوركم دعما لنا كما نتشرف بتعليقاتكم وتوجيهاتكم كما ارغب في تبادل اعلاني مع مدونتكم خلقا لجسور التواصل
    http://blog-khamsati.blogspot.com/

    ردحذف

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهار حتى ينشر التعليق , ولا ننشر تعليق يخص مدونات تخالف الشريعة الإسلامية , اما لو لديك سؤال خارج الموضوع يرجى استخدام ركن الأسئلة ولإضافة كود قم بتحويله أولا بمحول الأكواد , واحب ان انبهك انه عند تعليقك تستطيع متابعة التعليق من خلال " إعلامي " الموجودة اسفل يسار صندوق التعليقات.

يمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود :
ت1 ت2 ت3 ت4 ت5 ت6 ت7 ت8 ت9 ج1 ج2 ج3 ج4 ج5 ج6 ج7 ج8 ج9 د1 د2

قالب حلول بلوجر النسخة الثالثه

قالب حلول بلوجر النسخة الثالثه متاح للتحميل , قالب يتميز بالاحترافيه والخفة والسرعه اضافة الى الارشقة الممتازة.

أقرأ الموضوع

الاشتراك في القائمة البريدية

هنا تستطيع الإشتراك في قائمتنا البريدية ضع إيملك بالأسفل وأضغط إشتراك ولا تنسي تأكيد إشتراكك من خلال بريدك الإلكتروني

الاسم

بريد إلكتروني

رسالة