خدمات منوعه

هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
خدمات منوعه

دروس وشروح وتطبيقات و البلوجر وغيرها

هنا واحد

    برمجه خارجيه وداخلي مثبت يعرض اخر المواضيع لمدونات بلوجر

    Admin
    Admin
    الإدارة
    الإدارة


    عدد المشاركات : 376
    تاريخ التسجيل : 27/11/2019

    برمجه - برمجه خارجيه وداخلي مثبت يعرض اخر المواضيع لمدونات بلوجر Empty برمجه خارجيه وداخلي مثبت يعرض اخر المواضيع لمدونات بلوجر

    مُساهمة من طرف Admin الأربعاء 20 يناير - 20:31

    اولا ابحث على
    </head>
    وضع الكود التالي فوقه

    <if cond="data:view.isHomepage">
    <style type="text/css">
    /*<![CDATA[*/
    .slidershow{position:relative;overflow:hidden;padding-top:4%}
    .slidershow .slider{position:relative;width:50%;height:250px;float:right}
    .slidershow .slider:nth-child(1){width:50%;float:right;height:500px}
    .slidershow .slider .slidepost{height:100%;padding:2%}
    .slidershow .slider .slidepost:after{content:"";position:absolute;height:175px;width:96%;bottom:10px;opacity:1;transition:all .2s linear 0;-webkit-transition:all .2s linear 0;-moz-transition:all .2s linear 0;background-color:rgba(255,255,255,0);background-image:-moz-linear-gradient(bottom,rgba(0,1,1,0.9) 0%,transparent 100%);background-image:-o-linear-gradient(bottom,rgba(0,1,1,0.9) 0%,transparent 100%);background-image:-webkit-linear-gradient(bottom,rgba(0,1,1,0.9) 0%,transparent 100%);background-image:-ms-linear-gradient(bottom,rgba(0,1,1,0.9) 0%,transparent 100%);background-image:linear-gradient(to top,rgba(0,1,1,0.9) 0%,transparent 100%)}
    .slidershow .slider .slidepost .background-image{width:100%;height:100%;background-position:center;background-size:cover}
    .slidershow .slider .slidepost .article-content{position:absolute;bottom:2%;right:2%;padding:4%;color:#fff;z-index:1}
    .slidershow .slider .slidepost .article-content .post-date{color:#ececec}
    .slidershow .slider .slidepost .article-content .art-title{margin:0;line-height:1.5;padding:10px 0}
    .slidershow .slider .slidepost .article-content .art-title a{color:#fff}
    .slidershow .slider .slidepost .article-content .art-title a:hover{color:#65bb6a}
    .slidershow .slider .slidepost .article-content .meta{padding:5px 0}
    .slidershow .slider .slidepost .article-content .meta span{display:inline-block;margin-left:10px}
    .slidershow .slider .slidepost .article-content .meta span a{color:#fff}
    .slidershow .slider .slidepost .article-content .meta span i{margin-left:5px;color:#65bb6a}
    .d-none {display: none!important;}
    @media (min-width: 750px){.d-lg-block {display: block!important;}}
    /*]]>*/
    </style>
    </if>


    ثانيا ابحث على
    </body>
    وضع الكود التالي فوقه مباشرة


    <if cond="data:view.isHomepage">
    <tag name="srcipt" type="text/javascript">
    var text_month = ["يناير","فبراير","مارس","أبريل","مايو","يونيو"," يوليو"," أغسطس","سبتمبر","أكتوبر","نوفمبر"," ديسمبر"],
    noimg= "https://4.bp.blogspot.com/-OI0BoYP677M/VZu1TW7a3DI/AAAAAAAAFsE/4BRdE2YFS5A/s1600/noimg.png";
    </tag>
    <tag name="srcipt" src="https://cdn.jsdelivr.net/gh/abdelalilebbihi/abdou_tech/gadget/slider-fixed.js" type="text/javascript"></tag>
    </if>

    تغير الصوره
    https://4.bp.blogspot.com/-OI0BoYP677M/VZu1TW7a3DI/AAAAAAAAFsE/4BRdE2YFS5A/s1600/noimg.png
    شاهد الملفات هذي شغاله او لا : اذا لا هنا ما راح تستفيد من الخدمه
    js
    الان في الخطوة الاخيرة انسخ الكود التالي وضعه في المكان الذي تريد ضهور فيه السلايدر

    <if cond="data:view.isHomepage">
    <div class="container">
    <div class="slidershow d-none d-lg-block" id="slider_home">
    </div>
    </div>
    </if>



      الوقت/التاريخ الآن هو الإثنين 13 مايو - 15:06