menu
attachment
  • الصفحة الرئيسية
  • الأرشيف
  • لديك مشكلة ؟
notifications
حلولي | مدونة تقنية
bannner1
  • عام
  • _مواضيع عامة
  • _مواقع مفيدة
  • _شروحات
  • _رمزيات
  • _الفديوهات
  • قوقل
  • _قوقل كروم
  • _قوقل بلس
  • _قوقل ادسنس
  • ملحقات
  • _صور
  • _ايقونات
  • _خط عربي
  • _خط اجنبي
  • بلوجر
  • _شروحات بلوجر
  • _إضافات بلوجر
  • التقنية والبرمجة
  • _برامج الأندرويد
  • _برامج الأيفون
  • _برامج كمبيوتر
  • إسلاميات
  • _الكل
  • _القرآن كريم
  • _تواقيع اسلامية
  • _اهات صوتية
    10|recentpost
  • حلولي | مدونة تقنية
  • إضافات بلوجر
  • سلايدر تلقائي
حلولي
2

سلايدر تلقائي

5/16/2016
share
  • ‏المشاركة في Facebook
  • ‏المشاركة في Twitter
  • ‏المشاركة على Pinterest
  • إرسال بالبريد الإلكتروني
  • كتابة مدونة حول هذه المشاركة
settings_overscan print announcement
سلايدر تلقائي

سلايدر تلقائي مميز وجذاب
نظراً لتوقف السلايدر في الأونة الأخيرة 
في أغلب مدونات بلوجر تم التعديل علية وإصلاحة
طريقة التركيب

لوحة التحكم
التخطيط - اضافة أداة - html/Javascript
واضف الكود التالي مع تغيير hloly.com
<style>
/* CSS Slider Recent Post */
 #slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} #slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative} #slides ul{height:320px} #slides li{width:50%;height:100%;position:absolute;display:none} #slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4), #slides li:nth-child(5){display:block} #slides li:nth-child(1){left:0;top:0} #slides li:nth-child(2){left:50%;width:25%;height:50%} #slides li:nth-child(3){left:75%;width:25%;height:50%} #slides li:nth-child(4){left:50%;top:50%;width:25%;height:50%} #slides li:nth-child(5){left:75%;top:50%;width:25%;height:50%} #slides li:nth-child(1) h4 {overflow:hidden;font-size:21px;bottom:0;color:#fafafa;width:100%; padding:10px 10px 10px 90px;text-align:left;text-transform:uppercase;background:rgba(0,0,0,0.3); height:90px;font-family:droid arabic kufi;text-shadow:2px 2px 0 rgba(0,0,0,0.2);line-height:32px;left:0;} #slides li:nth-child(1) .label_text {font-size:30px;display:block;bottom:10px;left:10px; padding:0;font-family:'Oswald';box-shadow:5px 3px 0 rgba(0,0,0,0.2);} #slides li:nth-child(1) span.dd {display:block;font-size:30px;padding:12px 15px; background:#D03F42;margin:0;} #slides li:nth-child(1) span.dm {display:block;font-size:14px;background:#333;color:#fff; padding:5px 21px;text-transform:uppercase;margin:0;} #slides li:nth-child(1) span.dy, #slides li:nth-child(1) span.autname{display:none;} #slides a{display:block;width:100%;height:100%;overflow:hidden} #slides img{display:block;width:100%;height:auto;border:0;padding:0;background-color:#333;-moz-transform:scale(1.0) rotate(0);-webkit-transform:scale(1.0) rotate(0);-ms-transform:scale(1.0) rotate(0);transform:scale(1.0) rotate(0);transition:all 0.6s linear;} #slides li a:hover img {-moz-transform:scale(1.1) rotate(1deg);-webkit-transform:scale(1.1) rotate(1deg);-ms-transform:scale(1.1) rotate(1deg);transform:scale(1.1) rotate(1deg);transition:all 0.3s linear;} #slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background-image:url(http://2.bp.blogspot.com/-0haO2Mfkjjk/VDgZww2tfEI/AAAAAAAAHAk/zhu3INYSkHA/s1600/fade.png);background-position:50% 40%;background-repeat:repeat-x;} #slides h4{position:absolute;bottom:40px;margin:0;font-size:13px;font-family:Electrolize,ge_ss_threeregular; left:10px;padding:5px 10px;color:#f9f9f9;z-index:3;line-height:20px;font-weight:normal; background:rgb(208, 63, 66);text-align:left;text-transform:uppercase;margin-right:10px;} #slides .label_text{font-size:12px;color:#fff;bottom:10px;z-index:3;left:10px; position:absolute;background:rgb(51, 51, 51);padding:3px 6px;font-family:Electrolize,ge_ss_threeregular; text-transform:uppercase;} #slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname,#slides li:nth-child(4) .autname,#slides li:nth-child(5) .autname{display:none;} #slides .overlayx,#slides li{transition:all .4s ease-in-out} #slides li:nth-child(1) .overlayx{display:none;} #slides li:hover .overlayx{opacity:0.1}  @media only screen and (max-width:800px){ #slides li:nth-child(1) h4 {font-size:18px;line-height:24px;}}  @media only screen and (max-width:600px){   #slides ul{height:600px}   #slides li:nth-child(1){width:100%;height:50%}   #slides li:nth-child(2){top:50%;height:25%;left:0;width:50%}   #slides li:nth-child(3){left:50%;top:50%;width:50%;height:25%}   #slides li:nth-child(4){left:0;top:75%;height:25%;width:100%}   #slides li:nth-child(5){display:none;}}  @media only screen and (max-width:480px){ #slides li:nth-child(1) h4 {font-size:13px;line-height:16px;}} </style>
<br />
<div id="featuredpost"></div>

<script type='text/javascript'>
//<![CDATA[
function FeaturedPost(a){(function(e){var h={blogURL:"",MaxPost:5,idcontaint:"#featuredpost",ImageSize:500,interval:10000,autoplay:false,loadingClass:"loadingxx",pBlank:"http://3.bp.blogspot.com/-v45kaX-IHKo/VDgZxWv0xUI/AAAAAAAAHAo/QJQf8Dlh3xc/s1600/grey.gif",MonthNames:["يناير","فبراير","مارس","ابريل","مايو","يونيو","يوليو","أغسطس","سبتمبر","أكتوبر","نوفمبر","ديسمبر"],tagName:false};h=e.extend({},h,a);var g=e(h.idcontaint);var c=h.blogURL;var d=h.MaxPost*200;if(h.blogURL===""){c=window.location.protocol+"//"+window.location.host}g.html('<div id="slides"><ul class="randomnya"></ul></div><div id="buttons"><a href="#" id="prevx" title="prev"></a><a href="#" id="nextx" title="next"></a></div>').addClass(h.loadingClass);var f=function(w){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail"in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.ImageSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.ImageSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.MonthNames[parseInt(p,10)-1];l+='<li><a target="_blank" href="'+q+'" title="'+k+'"><div class="overlayx"></div><img class="random" src="'+u+'" title="'+k+'"><h4>'+k+'</h4></a><div class="label_text"><span class="date"><span class="dd">'+t+'</span> <span class="dm">'+v+'</span> <span class="dy">'+x+'</span></span> <span class="autname">'+m+"</span></div></li>"}e("ul",g).append(l)};var b=function(){var i="/-/"+h.tagName;if(h.tagName===false){i="";e.ajax({url:c+"/feeds/posts/default"+i+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",success:f,dataType:"jsonp",cache:true})}else{e.ajax({url:c+"/feeds/posts/default"+i+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",success:f,dataType:"jsonp",cache:true})}(function(){setTimeout(function(){e("#prevx").click(function(){e("#slides li:first").before(e("#slides li:last"));return false});e("#nextx").click(function(){e("#slides li:last").after(e("#slides li:first"));return false});if(h.autoplay){var k=h.interval;var l=setInterval("rotate()",k);e("#slides li:first").before(e("#slides li:last"));e("#slides").hover(function(){clearInterval(l)},function(){l=setInterval("rotate()",k)});function j(){e("#nextx").click()}}g.removeClass(h.loadingClass)},d)})()};e(document).ready(b)})(jQuery)};function rotate(){$('#nextx').click();};document.write('')
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
FeaturedPost({
blogURL:"http://www.hloly.com",
MaxPost:8,
idcontaint:"#featuredpost",
ImageSize:500,
interval:10000,
autoplay:true,
tagName:false
});
});
//]]>
</script>
Share This
clear
  • الكاتب حلولي
    حلولي
    مدونة تقنية أنشر كل مايفيد الزائر والمدون .
  • في 5/16/2016
إضافات بلوجر

add_comment إرسال تعليق

  1. Mohamed Fathy6/17/2016 01:15:00 ص

    السلام عليكم اخى
    أريد طلب أخى
    http://3.bp.blogspot.com/-ORFu1kMQY_E/Ul2UKnjTqqI/AAAAAAAAEzc/1vxK8yCoJko/s1600/Untitled.gif
    هذا سلايد شو العاشق انا ركبته عندى ولاكن لم يعمل أظن بسبب أن هناك بعض الأكواد مرفوعة على جوجل كود وهو قد توقف ممكن مساعدة اخى

    ردحذف
    الردود
    1. حلولي6/17/2016 08:02:00 ص

      للأسف يالغالي لم اجد لها حل هي المشكلة بكل تأكيد من اكواد ال js حتى السيلادر الشبيه له بمدونتي لم يعمل
      جربه ممكن يعمل معك http://www.hloly.com/2015/05/blog-post_54.html

      حذف
      الردود
        رد
    2. رد
إضافة تعليق
تحميل المزيد...

المتابعون

الأقسام

  • إسلاميات (70)
  • إضافات بلوجر (108)
  • الانستقرام (13)
  • القرآن كريم (7)
  • اهات صوتية (9)
  • ايقونات (18)
  • برامج الأندرويد (45)
  • برامج الأيفون (23)
  • برامج كمبيوتر (18)
  • برودكاست (2)
  • تواقيع اسلامية (18)
  • تويتر (22)
  • حصرى (14)
  • خط اجنبي (36)
  • خط عربي (24)
  • رمزيات (20)
  • شروحات (151)
  • شروحات بلوجر (44)
  • صور (47)
  • فديو (8)
  • فيس بوك (19)
  • قوالب بلوجر (50)
  • قوقل (1)
  • قوقل ادسنس (1)
  • قوقل بلس (11)
  • قوقل كروم (21)
  • كتب (3)
  • مسابقات (2)
  • مميز (3)
  • مواضيع عامة (11)
  • مواقع مفيدة (86)
  • نصائح (2)
  • يوتيوب (45)

من أنا

صورتي
حلولي
عرض الملف الشخصي الكامل الخاص بي

الأكثر زيارة

  • احصل على رابط قروب الواتس اب بطريقة مختصرة
    الأن تستطيع الحصول على رابط
  • طرق عديدة لتحميل مقاطع اليوتيوب فديو او صوت
    اكثر من طريقة لتحميل مقاطع اليوتيوب بدون برامج
  • تواقيع اسلامية بشكل جذاب ورائع
    تواقيع اسلامية بشكل جذاب ورائع
  • مسابقة لربح دومين com لمدة سنة كاملة - انتهت المسابقة
    مسابقة لربح دومين com لمدة سنة كاملة
  • اسهل طريقة لحل مشكلة الاسماء المكرره للأندرويد
    من اسهل الطرق لحل مشكلة الاسماء المكررة بالاندرويد
bannner1

مواقع ندعمها

  • _بلوجر كود
  • ضع موقعك هنا
  • ضع موقعك هنا
  • ضع موقعك هنا
  • #ضع موقعك هنا
  • #ضع موقعك هنا
  • #ضع موقعك هنا
  • facebook
  • youtube
  • twitter
  • pinterest
attachment
  • الصفحة الرئيسية
  • إتفاقية الإستخدام
  • facebook
  • youtube
  • twitter
  • pinterest
عن الموقع حلولي | مدونة تقنية

مدونة تقنية أنشر كل مايفيد الزائر والمدون .

  1. facebook
  2. youtube
  3. twitter
  4. pinterest

روابط مفيدة

  • ضع نص قابل للنقر هنا
  • ضع نص قابل للنقر هنا
  • ضع نص قابل للنقر هنا
  • ضع نص قابل للنقر هنا

أقسام الموقع

إسلاميات (70) إضافات بلوجر (108) الانستقرام (13) القرآن كريم (7) اهات صوتية (9) ايقونات (18) برامج الأندرويد (45) برامج الأيفون (23) برامج كمبيوتر (18) برودكاست (2) تواقيع اسلامية (18) تويتر (22) حصرى (14) خط اجنبي (36) خط عربي (24) رمزيات (20) شروحات (151) شروحات بلوجر (44) صور (47) فديو (8) فيس بوك (19) قوالب بلوجر (50) قوقل (1) قوقل ادسنس (1) قوقل بلس (11) قوقل كروم (21) كتب (3) مسابقات (2) مميز (3) مواضيع عامة (11) مواقع مفيدة (86) نصائح (2) يوتيوب (45)
clear
clear

  • facebook
  • youtube
  • twitter
  • pinterest
حلولي | مدونة تقنية