اضافات بلوجر

سلايدر تلقائي سهل التركيب بلوجر

سلايد شو slider احترافي سريع تلقائي لعرض اخر المقالات في بلوجر سلايدر متجاوب تستطيع وضعه في الشريط الجانبي  السايدبار sidebar او فوق المقالات  طريقة الاضافة سهلة ولا تحتاج خبرة فقط من خلال تخطيط يمكنك اضافته دون الدخول الى اعدادت القالب او اضافة مزيد من الاكواد
طريقة التركيب كما قلنا من خلال تخطيط
 ثم اضافة اداه جديدة واختار
 HTML/JavaScript
ثم اضف الكود التالي وحفظ
 ( ضع الكود في المكان الذي تريد ان يظهر في ) 
ملحوظة : تعديل الكود ليناسب موقعك فقط غير رابط موقعنا www.mo5talf.com  برابط موقعكمقال قد يهمك ايضا :
 اضغط هنا سلايد شو مميز وخفيف قمة الجمال سهل التركيب

كود السلايدر

 

ul.featured-widget-list,ul.featured-widget-list li{margin:0;padding:0;list-style:none;position:relative }ul.featured-widget-list li{display:none}ul.featured-widget-list li:nth-child(1){display:block;line-height:0}ul.featured-widget-list img{border:0;width:100%;height:auto}ul.featured-widget-list .featuredbg{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;opacity:.6;background-image:url(https://3.bp.blogspot.com/-1_Vnfz23h0E/V0m7kzHpgiI/AAAAAAAALlU/f763ScY-PBc2UnqNX3Tf20lyvHxtRo9qwCLcB/s1600/overlay-bg.png);background-position:0% 100%;background-repeat:repeat-x}ul.featured-widget-list .featuredbg:hover{opacity:.1}ul.featured-widget-list h5{position:absolute;left:0;right:0;text-align:center;bottom:10px;z-index:2;color:#fff;margin:0;text-transform: capitalize;padding:10px 20px;line-height:1.9em;font: 700 16px ‘droid arabic kufi’, sans-serif;overflow:hidden}ul.featured-widget-list li:hover h5{bottom:30px}ul.featured-widget-list .featured-meta{font: 11px ‘droid arabic kufi’, sans-serif;position:absolute;bottom:0;left:0;right:0;text-align:center;z-index:2;color:#fff;opacity:0}ul.featured-widget-list h5, ul.featured-widget-list .featured-meta {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}ul.featured-widget-list li:hover .featured-meta{bottom:20px;opacity:1}.feat-buttons{position:absolute;top:50%;left:0;z-index:5;width:100%}
.feat-buttons a{text-indent:-9999px;margin:0 7px;width:15px;height:15px;padding:9px;background:#000;-ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=60)”;filter: alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;position:relative;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}.feat-prev{float:left;}.feat-next{float:right;}.feat-buttons a.feat-prev::before, .feat-buttons a.feat-next::before{content:””;width:0;height:0;border-width:6px 7px;border-style:solid;border-color:transparent #fff transparent transparent;position:absolute;top:50%;margin-top:-6px;margin-left:-11px;left:50%}
.feat-buttons a.feat-next::before{border-color:transparent transparent transparent #fff;margin-left:-3px}

//

السابق
هوندا تتألق في تصنيع مبرد ذاتي القيادة
التالي
امن حسابك الإلكترونى بخطوات إحترافية جدا

اترك تعليقاً

هذا الموقع يستخدم Akismet للحدّ من التعليقات المزعجة والغير مرغوبة. تعرّف على كيفية معالجة بيانات تعليقك.