الأثير

<div class='sidebar_about_author'>
<div class='inner_wrapper'>
<div class='lightsosmed-img'>
<img alt='N Light' class='img-responsive' height='180' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsIZ6MdYvkSobdcEpcWa26iH04e3DUJYAH6oFRy8QpFHAKtfnVn40rLJ9n8P65HYDADQpP-f8WG_lAd5kwrHdwCYWxeMIgYZgRrEgSs5VdX3CEnyRcgbT2skOCt4uq5NOy60OYddMzNbKg/s1600/Info+Arlina.jpg' title='الأثير' width='300'/>
<div class='aboutfloat-img'><span class='lightsosmed-float'><a href='https://www.blogger.com/follow-blog.g?blogID=1944583533354688007' rel='nofollow' target='_blank' title='كن أحد متابعينا'><i class='fa fa-user'/> </i> كن أحد متابعينا </a></span></div>
</div>
</div>
<div class='lightsosmed-info'>
  <h4><span>الاثــيــر</span></h4>
<p>كل مايخص البلوجر
 و التصميم الجرافيكي</p>
</div>
<div class='lightsosmed-wrpicon'>
<ul class='extender'>
<li class='lightsosmed-icon fbl'><a href='https://www.facebook.com/arlinadesign' target='_blank' title='Follow Our Facebook'><i class='fa fa-facebook fa-fw'/> </i> إعجاب </a></li>
<li class='lightsosmed-icon twitt'><a href='https://twitter.com/ArlinaDesign' target='_blank' title='Follow Our Twitter'><i class='fa fa-twitter fa-fw'/> </i> متابعة </a></li>
<li class='lightsosmed-icon crcl'><a href='https://plus.google.com/+AmeliaPutri90' rel='nofollow' target='_blank' title='Follow Our Google+'><i class='fa fa-google-plus fa-fw'/></i>  اشتراك </a></li>
</ul>
</div>
</div>

<ul id="recent-posts"></ul>
<style>
/* Recent Post Widget */
ul#recent-posts {
  list-style: none;
  margin: 0;
  padding: 5px;
  margin: 0;
  text-align: right;
}


li.recent-posts {
  display: block;
  clear: both;
  overflow: hidden;
  list-style: none;
  border-bottom: 1px solid #fff;
  word-break: break-word;
  padding: 10px;
  margin: 0;
  background:linear-gradient(270deg,#2672db, #6a5acd, #19bfe5);background-size:600% 600%;animation:Gradient 25s ease infinite;
}
@-webkit-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@-moz-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
li.recent-posts:hover {
color: #fff;
background:linear-gradient(270deg,#2672db, #6a5fff, #19bfe5);background-size:600% 600%;
}
li.recent-posts:last-child {
  
  border-bottom: 0;
}

li.recent-posts a {
  color: #fff;
  
}

li.recent-posts a:hover {
  color: #fff;
  text-decoration: ;
  
    
}
</style>
<script type='text/javascript'>
//<![CDATA[
var homePage = "https://itheric-v1.blogspot.com/",
  numPosts = 5;

function recentPosts(a) {
  if (document.getElementById("recent-posts")) {
    var e = a.feed.entry,
      title, link, content = "",
      ct = document.getElementById("recent-posts");
    for (var i = 0; i < numPosts; i++) {
      for (var j = 0; j < numPosts; j++) {
        if (e[i].link[j].rel == "alternate") {
          link = e[i].link[j].href;
          break
        }
      }
      var title = e[i].title.$t;
      content += '<li class="recent-posts"><a href="' + link + '" title="' + title + '" target="_blank" rel="nofollow">' + title + '</a></li>'
    }
    ct.innerHTML = content
  }
}
var rcp = document.createElement('script');
rcp.src = homePage + '/feeds/posts/summary?alt=json-in-script&orderby=published&max-results=' + numPosts + '&callback=recentPosts';
document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>

إضافة الإعلانات