اضافة سكربت يعرض اخر المواضيع على المدونة بطريقة جميلة كتبها: المدون التقني

اضافة سكربت يعرض اخر المواضيع على المدونة بطريقة جميلة كتبها: المدون التقني - الخبير عامر بشير

السلام عليكم ورحمة الله تعالى وبركاته أهلا بكم متابعي وأصدقاء الخبير عامر بشير ، مرحبا بك أخي / أختي القاريء (ة) في موضوع تقني جديد لهذا اليوم، نتمنى لكم الاستفادة ومتابعة ممتعة للجميع.

السلام عليكم ومرحبا بكم في مدونة الخبير عامر بشير

اضافة اليوم عبارة عن سكربت يعرض اخر مواضيع المدونة حيث يتكون من 2 اماكن مكان لسلايدر و المكان الاخر على روابط للمواضيع

يمكنك معاينة الاضافة من هنا

شرح تركيب الاضافة

اولا إبحث في القالب على وضع الكود التالي فوقه مباشرة

<b:if cond='data:view.isHomepage'><link defer='defer' href='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.css' rel='stylesheet'/><style type="text/css">/*<![CDATA[*/ /*===================================== = sections-posts =====================================*/ .sections-posts{margin:15px auto} .DivOne{width:calc(100% - 440px);height:380px;background:#fff;float:right;margin-left:10px;position:relative;direction:ltr;overflow:hidden} .DivOne .owl-item>li{position:relative;height:380px} .DivOne .owl-item>li img{height:auto;min-height:100%;width:100%} .DivOne .owl-item>li .title{position:absolute;bottom:0;right:0;width:100%;color:#fff;z-index:10;direction:rtl;text-align:right;background:linear-gradient(transparent,#000);padding:280px 30px 30px 40px;font-size:20px;line-height:30px} .DivOne .owl-item>li .description{position:absolute;bottom:40px;right:0;color:#ccc;z-index:100;direction:rtl;text-align:right;padding:30px;font-size:13px;line-height:22px} .DivOne .owl-item>li span.ReadMore{position:absolute;bottom:25px;left:30px;background:#0c70dc;z-index:10;padding:4px 12px;border-radius:4px} a.slider-next{position:absolute;top:50%;left:0;width:40px;height:45px;background:#ff7f00;color:#fff;z-index:100;margin-top:-20px;text-align:center;font-size:38px} a.slider-prev{position:absolute;top:50%;right:0;width:40px;height:45px;background:#ff7f00;color:#fff;z-index:100;margin-top:-20px;text-align:center;font-size:38px} .outer-left{float:left;width:430px} .outer-left>a .title{float:right;padding:10px 15px 15px;color:#212121;height:90px;width:calc(100% - 120px);font-size:13px;line-height:23px} .outer-left>a span{position:absolute;left:10px;top:21px;text-align:center;font-size:42px;color:#ff7f00} .outer-left>a img{width:90px;float:right;height:100%} .outer-left>a{display:block;height:93px;background:#fff;overflow:hidden;position:relative;margin-bottom:3px} /*]]>*/ </style></b:if>

ثانيا إبحث على وضع الكود التالي فوقه مباشرة
الكود موجود على هذه الصفحة من هنا

الان ضع الكود التالي في المكان الذي تريد ضهور فيه الاضافة

يمكنك التعديل على عدد ضهور المواضيع عبر التغيير الرقم الذي ب الاحمر

إذا اعجبتك الاضافة لاتنسى الاشتراك في المدونة لكي تتوصل بكل جديد من اضافات و قوالب

Written by you: Technical blogger AMER BACHIR

URL Of Post:

https://ab-expert.blogspot.com/2019/06/blog-post_8.html

HTML Code Of Post:

<a href="https://ab-expert.blogspot.com/2019/06/blog-post_8.html">اضافة سكربت يعرض اخر المواضيع على المدونة بطريقة جميلة كتبها: المدون التقني  - الخبير عامر بشير</a>

الموضوع من قسم:

اضافات بلوجر بلوجر سكربت سلايد شو سلايدر شو

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

عن المدونة

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