<script>
    //<![CDATA[
    /* Script from:http://warch-mo.blogspot.com/ */
    imgr = new Array();
    imgr[0] = "http://lh3.ggpht.com/_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg";
    showRandomImg = true;
    aBold = true;
    summaryPost = 150;

    numposts1 = 6;
    label1 = "اضافات بلوجر";
    function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}
    function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split("")[0];break}}
          
    if ("content" in entry) {
    var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
    var postcontent = entry.summary.$t;}
    else var postcontent = "";
    postdate = entry.published.$t;
    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];
    s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
    var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;
    }}
    var daystr = day+ ' ' + m + ' ' + y ;
    var trtd = '<div class="contentdiv"><div class="alwansf"><a href="'+posturl+'"><img width="617" height="385" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"></div></div><div class="alwanip"><h6><a href="'+posturl+'">'+posttitle+'</a></h6><div class="alwand" >'+daystr+'</div><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>';   
    document.write(trtd);     
    j++;
    }}
    //]]>
    </script>

      <script type="text/javascript" src="http://yourjavascript.com/917824114/slider.js"></script><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>

<div id='main-wrapper'>
    أو هذا
<div id='content'>
    أو هذا
<div id="content">
    أو هذا
<div class='column-center-inner'>

     /*--------------Slider-------------*/
    #alwansd{
   height: 200px;
padding: 18px;
background: #fbfbfb;
/*width: 615px;*/
margin-right: 7px;
border-bottom: 2px solid #E6E6E6;
position: relative;
margin: 0 auto;
overflow: hidden;
width: auto;
    border: 3px dotted rgba(35, 178, 216, 1);
    margin-bottom: 10px;
}
    .alwanw {
position: relative;
height: 178px;
width: 127%;
}
    .alwanw .contentdiv{
    visibility: hidden;
    opacity: 1;
    position: absolute;
    height: 240px;
    }
    .alwan-ps {
text-align: right;
float: left;
width: 216px;
height: 13px;
margin: 0 auto;
}
    .alwan-ps .toc {
    float: right;
    font-size: 0;
    width: 13px;
    height: 13px;
    background: #e74c3c;
    margin-left: 8px;
    border-radius: 60px;
    }
    .alwan-ps .selected {background: #95A5A6;}
    .alwan-ps .prev ,.alwan-ps .next{
    display:none;
    }
    .alwan-ps .next:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOTPrp2KF9e8LDVW8p4Ruh-MYylaP0d0fOba2Ifsq1YbAn4-fIjimK5O4-tRZk9V8U1ZtKFyMxLHwv7fOgjgg0LUHvWjWdn3FgkEbJyFWN0-4Gz38Wo18EQ7e2sNwW_AHrC6VHxoV5W6s/s1600/next-h.png);}
    .alwanip{
    width: 333px;
float: left !important;
margin: 0px auto;
padding: 0px 22px 0px 0px;
    }
    .alwanip a{
    color: #2c3e50;
    font: 20px ge_dinar;
    margin: 0 auto;
    line-height: 37px;
    text-decoration: none;
}
    .post-body img {
    margin: -1px 0 0 8px;
    padding: 3px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    }
    .alwanip h6{margin: 0;}
    .alwanip h6 a:hover {color:#95A5A6;}
    .alwanip .alwand{
    color:#fff;
    }
    .alwanip p{
    margin: 0 auto;
    color: #95A5A6;
    font-family: Droid Arabic Kufi;
    font-size: 12px;
}
    .alwansf {
    float: right !important;
    margin:0 auto;
    }
    .alwansf a img {
    width: 276px;
    height: 200px;}
    .alwansf a img:hover{
    }
    .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;
    }