حصريا سلايدشو يدوي جميل جدا



السلام عليكم اولا تدوينة اليوم حصريا سلايدشو يدوي سلايدشو يديوي
 و سريع خيالي اكثر من رائع ,تم وضع سلايدشو من قبل ولاكن هدا اكثر جمال


    1. فوق هذا الوسم  <head/>  نضع الكود التالي
    2. او فوق  <b:skin/>  مع حدف الكود   <style>  و  <style/>  
<style> .blog_featured_posts {display: inline-block;width: 1173px; margin: 3px;} .blog_featured_post {display: block;position: relative;float: right;overflow: hidden;height:334px;} .blog_featured_post.first {width: 43%;margin-left: 9px;} .blog_featured_post.second {width: 20.79%;margin-left: 9px;} .blog_featured_post.third, .blog_featured_post.fourth {width: 34.126%;height:163px;} .blog_featured_post.third {margin-bottom: 9px;} .blog_featured_post a {display: block;color: rgb(255, 255, 255);text-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 1px;position: relative;vertical-align: bottom;z-index: 1;height:100%;} .blog_featured_post a:hover:before {opacity: 0.6;box-shadow: inset 0px -3px 200px 5px #000;} .blog_featured_post a:before {display: block;position: absolute;content: &#39;&#39;;right: 0px;top: 0px;width: 100%;height: 100%;box-shadow: inset 0px -3px 37px 5px #000;opacity: 0.5;-webkit-transition: all 0.2s;transition: all 0.2s;} .blog_featured_post a .blog_contents {display: block;position: absolute;z-index: 5;bottom: 30px;right: 30px;left: 30px;font-weight:bold;text-transform: uppercase;line-height: 120%;-webkit-transition: all 0.2s;transition: all 0.2s;font-family: droid arabic kufi, sans-serif;} .blog_contents span {font-style: normal;display: block;position: absolute;bottom: 100%;padding: 5px 10px;letter-spacing: 0px;font-size: 15px;font-family: Lobster,ge_dinar_tworegular;line-height: 1;text-shadow: none;margin-bottom: 10px;background: #F74047;} .blog_contents span:after {content: &quot;&quot;;border-style: solid;border-width: 21px 7px 21px;border-color: transparent;border-bottom-color: #F74047;left: -7px;bottom: 0;position: absolute;} .blog_contents span:before {content: &quot;&quot;;border-style: solid;border-width: 21px 7px 21px;border-color: transparent;border-top-color: #F74047;right: -7px;top: 0;position: absolute;} .blog_featured_post a .blog_contents h3 {text-shadow: 2px 2px 4px black;padding: 8px 10px 9px;text-align: right;float: right;display: inline-block;background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;width:114%;opacity: 0.9;font-size:16px;font-family: Lobster,ge_dinar_tworegular; font-weight: normal;margin-right: -30px;} .blog_featured_post.first a .blog_contents h3 {text-shadow:2px 2px 4px black;padding: 8px 10px 9px;text-align:right;float:right;display:inline-block;background:rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;width:100%;opacity: 0.9;font-weight: normal;font-family: Lobster,ge_dinar_tworegular;margin-right:-30px;} .blog_featured_post .feat-img{width:100%;height:100%;background-size:cover;background-position:50%;}</style>

    1. معاينة سلايدشو : من هنا
    2. ضع الكود التالي داخل ادات جديدة   "html"  او اي مكان تريد
<div class="blog_featured_posts" id="blog_featured_posts"> <div class="ct-wrapper"> <div class="blog_featured_posts"> <div class="blog_featured_post first"><a href="http://jazairiweb.blogspot.com/2016/05/header-item.html"><div class="blog_contents"><span>اضافات بلوجر</span><h3>اضافة هيدر يضهر على التدوينات فقط مع ازرار المشاركة و صورة الموضوع</h3></div><div class="feat-img" style="background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH-gmHkiZES5r4DLasaYFoQMWRVrtNq86oVoEiCf3cdY0pUzgSbKGNBvcMXNL0t9__WqY7loxlYayP0nyUOsxudh8Ys2PHRuEOWoQ0SXmc8ZP4UIeTdoCV7axRAUWZ8kPDDM-7fhxSlX3d/s1600/header.jpg);"></div></a></div> <div class="blog_featured_post second"><a href="http://jazairiweb.blogspot.com/2016/05/redirect-old-url-new-url-blogger.html"><div class="blog_contents"><span>اضافات بلوجر</span><h3>الطريقة الصحيحة والفعالة من اجل اعادة توجيه المواقع تلقائيا</h3></div><div class="feat-img" style="background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH1N1XHgTK-ZIT8rTqViiKmJZYrL_0dg105qwbLVI6SvH_b_NhnOHcXsTi10WKJJAGrqYnlM4c_WaeorTaRUx8hwRFQvaVyyx41LW9eP_9h2Zrs6VKCbWuKhH4MbF8poPNgXq8Q59MLkm1/s400/useful-links.jpg);"></div></a></div><div class="blog_featured_post third"><a href="http://jazairiweb.blogspot.com/2016/05/Template-jazairiweb-V5.html"><div class="blog_contents"><span>قوالب الموقع</span><h3>حصريا قالب موقع جزائري ويب النسخة V5 مجانا </h3></div><div class="feat-img" style="background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPtv060s2V4pAfqmNSaIdSjAbPT0xT_uJz4ILD-FmMShaNQ_-A7CBDRacGjvmWqe4MfDyekFQ6sGdG9Siuyt85tH50mgxTa5a9PPcFl8y27EaBREwtwam_kaww3sIl4HUVo9FMT8I3b9vo/s640/TEMPLATE-JAZAIRIWEB-V5.jpg);"></div></a></div> <div class="blog_featured_post fourth"><a href="http://jazairiweb.blogspot.com/2016/05/Winner-Protect-your-Templates-With-Non-Removable.html"><div class="blog_contents"><span>مسابقات</span><h3>مسابقة ربح حماية حقوق قالب مدونتك مع عدم حدفه ( انتهت )</h3></div><div class="feat-img" style="background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwppN9QnJpi07L3Siegrq8DP9qpYpIIIcSAf7DzvmP53lKj0QTYbGUF6PE9uzHUgy4ldmAD0KqDR2Hz2MQUVTgfy5vfYan604lALqioY9CItTRxgGzB3COLt-UG_8psOPDglN7ipPP4TlE/s1600/protect-ur-template.png);"></div></a></div> </div></div></div>

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