[ حصرياَ ] سلايد شو منتدى العاشق لمدونة بلوجر 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://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 بسم الله الرحمن الرحيم والصلاة والسلام على اشرف الأنبياء والمرسلين سيدنا محمد عليه...
رائع جدا جدا واحب اقول ان مجهودك هذا تستحق عليه التقدير وشكرا على هذه الاضافة الرائعة
ردحذفحياك الله .
حذفأولاً مشكور مجهودك الرائع .. + كل لما أعدل وكل حاجة تمام بيجيلي خطأ وأشعار بيقول
ردحذفMore than one widget was found with id: HTML7. Widget IDs should be unique.
نعم عندك تعارض في الادوات , كل الي عليك فعله هو البحث عن HTML7 وتغيرها بمثلا HTML99
حذفجزاك الله كل خير أخي الكريم تم الحل .. أنت جد مبدع وفقك الله إلي ما يحبه الله ويرضاه :)
حذفموفق .
حذفشرح رائع جدا ارجو من حضرتك تقيم مدونتى
ردحذفhttp://androtouch.blogspot.com/
جميلة في الشروحات , اتمنى لك المزيد من التقدم.
حذفكيف اجعل السلايدر شو اسف مواضيع المدونة في الصفحة الرئيسية
ردحذفاستخدم هذا الموضوع على الخطوة الثالثه :
حذفhttp://blog.7lolblogger.com/2014/03/Control-Show-and-Hide-tools-and-additions-in-blogger-2014.html
كيف اخلي الصور تمشي اسرع يعني اخلي سلايدر شو يتحرك بسرعة
ردحذفمن خلال ملف الجافاسكربت الخارجي هذا : http://hal-slider.googlecode.com/svn/trunk/slider4/js/plugin.js
حذفقم بتنزيله على جهاز الكمبيوتر الخاص بك , وافتحه بالنوت باد , وابحث عن هذا السطر :
speed : 300
قم بتغير 300 الى عدد اكبر مثل تدبيل السرعه 600 او عدد اكبر جداَ اذا ناسبك.
بعد ذالك قم برفعه برابط مباشره واستبدله بدل الرابط القديم.
ممكن طريقة جعله تلقائي
ردحذفلايمكن ذالك , لانه سيحتاج اعادة تصميم وبرمجه من الاول الى الاخير.
حذفشرف لي ان اقوم بمتابعة مدونتكم الرائعة اتمنى ان تتابعو مدونتنا المتواضعة بدوركم دعما لنا كما نتشرف بتعليقاتكم وتوجيهاتكم كما ارغب في تبادل اعلاني مع مدونتكم خلقا لجسور التواصل
ردحذفhttp://blog-khamsati.blogspot.com/