حصريا لمتتبعي مدونة طريق المحترف اليكم قالب مبدعون مجانا

                             السلام عليكم متتبعب مدونة طريق المحترف

 قالب مبدعون الذي يبحث وينتضره العديد الدي يتميز بتصميم جديد و ألوان جدابة بالإضافة إلي خفته 

من مميزات القالب :
*خفيف وسريع في التصفح
*يحتوي على الوان متناسقة هي الاخضر-والابيض 
   للتحميل  اضغط هنا

 تابع اسفل الموضوع لاضافة السلايد شو

لاضافة سلايد شو تابع الخطوات 

السلام عليكم ورحمة الله وبركاته...سلايدشو احترافي سلايد شو مدونة مبدعون السابق يتميز هذا السلايدر بالجمالية والبساطة والخفة .يعمل هذا السلايدشو تلقائي من خلال تصنيف محدد 
لاضافة هذا السلايد شو اتبع الخطوات التالية
1.قم بالدخول الى قالب تحرير html 
2.قم بالبحث بواسطة (ctrl+f) عن الكود التالي 

كود بلغة HTML:

]]></b:skin>

بعد ايجاد الكود قمو باضافة هذا الكود (فوقه)

كود:

/*-------------slider--------------*/
#alwansd {
height: 276px;
margin: 0 auto;
padding: 18px;
width: 1229px;
background-image: -ms-linear-gradient(right, #8FA618 0%, #52AE48 100%);
background-image: -moz-linear-gradient(right, #8FA618 0%, #52AE48 100%);
background-image: -o-linear-gradient(right, #8FA618 0%, #52AE48 100%);
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #8FA618), color-stop(1, #52AE48));
background-image: -webkit-linear-gradient(right, #8FA618 0%, #52AE48 100%);
background-image: linear-gradient(to left, #8FA618 0%, #52AE48 100%);
margin-right: -132px;
position: relative;
behavior: url(http://fetchak.com/ie-css3/ie-css3.htc);
}
.alwanw{
position: relative;
height: 241px;
width: 78%;
margin: 0 auto;
}
.alwanw .contentdiv{
visibility: hidden;
opacity: 1;
position: absolute;
height: 240px;
}
.alwan-ps{
text-align: right;
float: left;
width: 490px;
height: 13px;
margin: 0 auto;
}
.alwan-ps .toc {
float: right;
font-size: 0;
border-bottom: 1px solid #003F0A;
width: 13px;
height: 13px;
background: #D8D8D8;
margin-left: 8px;
border-radius: 60px;
}
.alwan-ps .selected {background: #96cc06;border-bottom: 1px solid #96cc06;}
.alwan-ps .prev ,.alwan-ps .next{
display:none;
}
.alwan-ps .next:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkAnqNqV11mFa_82EHVEzAj6Zr5Td7Pq1O1mOIo2vgGNvU3I75D-7pdSIEvup-GhFJ2MPQnTnYE2YF2PAof2Ulh52LjUOsUKSVCHTIIel3LSwcQgOMf_4VpwRFskMWPtXOimtr1c2LudA/s1600/next-h.png);}
.alwanip{
width: 486px;
float: left !important;
padding: 0 37px 0 0;
margin: 0 auto;
}
.alwanip a{
color:#fff;
font: 19px droidkufi-bold;
margin:0 auto;
line-height: 37px;
}
.alwanip h6{margin: 0;}
.alwanip h6 a:hover {color:#E9E9E9;}
.alwanip .alwand{
font: 12px arial;
margin: 8px 0;
padding: 4px 37px 4px 0;
background: url(http://1.bp.blogspot.com/-zNMvxN6aNs...00/thetime.png) no-repeat 97%;
font-size: 10px;
color: #fff;
}
.alwanip p{
margin:0 auto;
color:#fff;
}
.alwansf {
float: right !important;
margin:0 auto;
}
.alwansf a img {
width: 435px;
height: 275px;}
.alwansf a img:hover{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}

غير الون الاحمر بما يناسبك

3.قم بالبحث عن احد الاكواد التالية

كود:

<div id='main-wrapper'>
<div id="content-wrapper">
<div id="main">

بع ايجاد احد الاكواد قم باضافة هذا الكود فوق (فوقه)

كود بلغة HTML:

 <br/>
        <div class='animated bounceInLeft' id='alwansd'>
          <div class='alwanw' id='slider1'>
            <script>
              //<![CDATA[
              document.write("<script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
              //]]>
            </script>
          </div>
          <div class='alwan-ps' id='paginate-slider1'>
          </div>
        </div>
        <br/>

4 الان قم بالبحث عن الكود

كود:

</body>

اضف الكود التالي (فوقه)

كود:

<script src='https://dl.dropboxusercontent.com/u/119927053/blog-js/contentslider.js' type='text/javascript'/>
 <script>
      featuredcontentslider.init({
        id: &quot;slider1&quot;, //id of main slider DIV
        contentsource: [&quot;inline&quot;, &quot;&quot;], //Valid values: [&quot;inline&quot;, &quot;&quot;] or [&quot;ajax&quot;, &quot;path_to_file&quot;]
        toc: &quot;#increment&quot;, //Valid values: &quot;#increment&quot;, &quot;markup&quot;, [&quot;label1&quot;, &quot;label2&quot;, etc]
        nextprev: [&quot;Previous&quot;, &quot;Next&quot;], //labels for &quot;prev&quot; and &quot;next&quot; links. Set to &quot;&quot; to hide.
        enablefade: [true, 0.5], //[true/false, fadedegree]
        autorotate: [true, 6000], //[true/false, pausetime]
        onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
        //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
        //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
      }
                                 })
    </script>

اذا اعجبك الموضوع لا تبخل علينا بتعليقك و مشاركته مع اصدقاءك