<!-- Start Recent Post with Spy effect for blogger.com by Afkarpro -->
<style type="text/css" media="screen">
<!--
/*
* Recent Post with Spy effect for blogger.com
* Widget Bloggerized By - Rachid El Mokhtari
* URL - http://www.afkarpro.blogspot.com
* === Scrolling Recent Posts Widget By AfkarPro == */
#afkarpro-widget {
overflow: hidden; margin-top: 5px; padding: 0px 0px; height: 285px;
}
#afkarpro-widget ul {
width: 310px; overflow: hidden; list-style-type: none; padding: 0px 0px; margin: 0px 0px;
}
#afkarpro-widget li {
float: none; height: 80px; list-style-type: none; margin: 0 0 5px; overflow: hidden; width: 288px; border-bottom: 2px dotted #DDDDDD; border-radius: 10px 10px 10px 10px; border-right: 2px solid #DDDDDD; padding: 5px;
}
#afkarpro-widget li:hover {
border-bottom: 2px dotted #E3671F; border-right: 2px solid #E3671F;
}
#afkarpro-widget li a {
text-decoration: none; color: #4B545B; font-size: 15px; height: 18px; overflow: hidden; margin: 0px 0px; padding: 0px 0px 2px 0px;
}
#afkarpro-widget li a:hover {
color: #e3671f;
}
#afkarpro-widget img {
float: right; margin-top: 10px; margin-right: 0px; background: #EFEFEF; border: 0; margin-left: 10px;
}
#afkarpro-widget img {
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; padding: 1px; background: #eee; background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa)); background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7); -moz-box-shadow: 0 0 3px rgba(0,0,0,.7); box-shadow: 0 0 3px rgba(0,0,0,.7);
}
#afkarpro-widget img:hover {
-moz-transform: scale(1.1) rotate(-350deg); -webkit-transform: scale(1.1) rotate(-350deg); -o-transform: scale(1.1) rotate(-350deg); -ms-transform: scale(1.1) rotate(-350deg); transform: scale(1.1) rotate(-350deg); -webkit-box-shadow: 0 0 10px #e3671f, inset 0 0 5px rgba(255,255,255,1); -moz-box-shadow: 0 0 10px #e3671f, inset 0 0 5px rgba(255,255,255,1); box-shadow: 0 0 10px #e3671f, 0 0 5px #FFFFFF inset;
}
.spydate {
overflow: hidden; font-size: 10px; color: #0284C2; padding: 2px 0px; margin: 1px 0px 0px 0px; height: 15px; font-family: Tahoma,Arial,verdana, sans-serif;
}
.spycomment {
overflow: hidden; font-family: Tahoma,Arial,verdana, sans-serif; font-size: 10px; color: #262B2F; padding: 0px 0px; margin: 0px 0px;
}
#mashable a:hover{
color: #e3671f;
}
/* ========== Scrolling Recent Posts Widget By AfkarPro ======== */
-->
</style>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHqYI_UENQNzwy0Gh2CyAZGHMb4TKAbZ2d7LIfJyuZ5Xzu9bML8-cZXrfvi49oehiwXsyS35RU4sIbkrU84VUVvYjDtd5AksdfmkVFQF7R2IQIn4ap5mLTv_OlloLGLN0UndcAWqyWpJZG/s1600/No-Thumbnail+-+afkarpro.blogspot.com.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHqYI_UENQNzwy0Gh2CyAZGHMb4TKAbZ2d7LIfJyuZ5Xzu9bML8-cZXrfvi49oehiwXsyS35RU4sIbkrU84VUVvYjDtd5AksdfmkVFQF7R2IQIn4ap5mLTv_OlloLGLN0UndcAWqyWpJZG/s1600/No-Thumbnail+-+afkarpro.blogspot.com.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHqYI_UENQNzwy0Gh2CyAZGHMb4TKAbZ2d7LIfJyuZ5Xzu9bML8-cZXrfvi49oehiwXsyS35RU4sIbkrU84VUVvYjDtd5AksdfmkVFQF7R2IQIn4ap5mLTv_OlloLGLN0UndcAWqyWpJZG/s1600/No-Thumbnail+-+afkarpro.blogspot.com.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHqYI_UENQNzwy0Gh2CyAZGHMb4TKAbZ2d7LIfJyuZ5Xzu9bML8-cZXrfvi49oehiwXsyS35RU4sIbkrU84VUVvYjDtd5AksdfmkVFQF7R2IQIn4ap5mLTv_OlloLGLN0UndcAWqyWpJZG/s1600/No-Thumbnail+-+afkarpro.blogspot.com.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHqYI_UENQNzwy0Gh2CyAZGHMb4TKAbZ2d7LIfJyuZ5Xzu9bML8-cZXrfvi49oehiwXsyS35RU4sIbkrU84VUVvYjDtd5AksdfmkVFQF7R2IQIn4ap5mLTv_OlloLGLN0UndcAWqyWpJZG/s1600/No-Thumbnail+-+afkarpro.blogspot.com.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 15;
acolor = "#666";
aBold = true;
icon = " ";
text = "هو عدد التعليقات";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 15;
home_page = "http://www.mazajbr.com/";
limitspy=3;
intervalspy=4000;
</script>
<div id="afkarpro-widget">
<script src='https://afkarpro-js.googlecode.com/svn/trunk/ScrollingRecentPostsWidget_SpyEffect-By-afkarpro.blogspot.com.js' type='text/javascript'></script>
</div>
<div arial="arial" helvetica="helvetica" id="mashable" sans-serif="sans-serif" style="background: #fefefe; border-image: initial; border-top: 2px dotted #e9e9e9; border-bottom: 2px dotted #e9e9e9;font-size: 10px; padding: 1px 8px 1px 3px; text-align: right; border-radius:5px; margin-bottom:0px">
<a href="http://www.mazajbr.com/2015/12/blog-post_3.html/2013/08/Animated-Scrolling-Recent-posts-for-Blogger-with-Thumbnails.html" target="_blank"> Get it here </a>
</div>
<!-- End Recent Post with Spy effect for blogger.com tested on mazajbr.com -->
