مجموعة اكواد اخر لمواضيع جانبية لمدونة بلوجر اختار ماشئت منها

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>



    <style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script style='text/javascript' src="http://dl.dropboxusercontent.com/s/83365z7wnbo6025/hb-recentposts-ycode.js" ></script>
    <script style='text/javascript' src='http://dl.dropboxusercontent.com/s/lw5ej1vuj8t3def/hb-jquery-ticker-nocode.js'></script>
    <script style='text/javascript'>
    var numposts = 7;
    var showpostthumbnails = true;
    var displaymore = false;
    var displayseparator = false;
    var showcommentnum = false;
    var showpostdate = false;
    var showpostsummary = true;
    var numchars = 100;
    $(document).ready(function () {$('#sai').vTicker({
    speed: 500,
    pause: 3000,
    showItems: 3,
    animation: 'fade',
    mousePause: false,
    height: 0,
    direction: 'up'
    });});
    </script>
    <div id="sai">
    <script src='[color=#ff33cc]رابط[/color]/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
    </div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>



<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:300px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:290px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://1.bp.blogspot.com/-yp42zoYRFkg/UZDjUlgLHCI/AAAAAAAAAYM/SGHerEtqkgc/s1600/24work-blogspot-com.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.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;
}

-->

</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script language='JavaScript'>

imgr = new Array();
imgr[0] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
imgr[1] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
imgr[2] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
imgr[3] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
imgr[4] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;



home_page = "الرابط";



limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://dl.dropboxusercontent.com/s/3frdg2yvzmdwsto/animated-recent-posts-ycode-1.js' type='text/javascript'></script>

</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>



    <style type="text/css" media="screen">
    #workwidget {
    overflow: hidden;
    margin-top: 5px;
    padding: 0px 0px;
    height: 385px;
    }

    #workwidget ul {
    width: 295px;
    overflow: hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin: 0px 0px;
    }

    #workwidget li {
    width:230px;
    background: #1ed2f2;
    list-style-type: none;
    margin:0 0 5px 0px;
    padding:5px 5px 1px 10px !important;
    -webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;border: 0 none !important;-webkit-border-top-left-radius:40px;-webkit-border-bottom-right-radius:40px;-moz-border-radius-topleft:40px;-moz-border-radius-bottomright:40px;border-top-left-radius:40px;border-bottom-right-radius:40px;
    }

    #workwidget li a {
    text-decoration: none;
    color: #4B545B;
    font-size: 15px;
    height: 18px;
    overflow: hidden;
    margin: 0px 0px;
    padding: 0px 0px 2px 0px;
    }

    #workwidget img {
    float: left;
    margin-top: 10px;
    margin-right: 15px;
    background: #EFEFEF;
    border: 0;
    }

    #workwidget img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 4px;
    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: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -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);
    }


    #workwidget li:hover {
    background: #84f6f5;

    }

    #workwidget img:hover {
    -moz-transform: scale(1.2) rotate(-350deg);
    -webkit-transform: scale(1.2) rotate(-350deg);
    -o-transform: scale(1.2) rotate(-350deg);
    -ms-transform: scale(1.2) rotate(-350deg);
    transform: scale(1.2) rotate(-350deg);
    -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    }

    .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;
    }


    </style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script language='JavaScript'>
    imgr = new Array();
    imgr[0] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
    imgr[1] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
    imgr[2] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
    imgr[3] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
    imgr[4] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
    showRandomImg = true;
    boxwidth = 255;
    cellspacing = 6;
    borderColor = "#232c35";
    bgTD = "#000000";
    thumbwidth = 50;
    thumbheight = 50;
    fntsize = 15;
    acolor = "#666";
    aBold = true;
    icon = " ";
    text = "comments";
    showPostDate = true;
    summaryPost = 40;
    summaryFontsize = 10;
    summaryColor = "#666";
    icon2 = " ";
    numposts = 10;
    home_page = "الرابط";
    limitspy=4;
    intervalspy=4000;
    </script>

    <div id="workwidget">
    <script src='http://dl.dropboxusercontent.com/s/qegice7y4oneszj/animated-recent-posts-ycode-2.js' type='text/javascript'></script>
    </div>

<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: 500px;
}
#afkarpro-widget ul {
    width:240px; 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: 200px; 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] = "http://4.bp.blogspot.com/-n4ezdD6Hp3s/UhPikJ_jl_I/AAAAAAAAD7E/NBUEK_JmDPw/s1600/No-Thumbnail+-+afkarpro.blogspot.com.png";
imgr[1] = "http://4.bp.blogspot.com/-n4ezdD6Hp3s/UhPikJ_jl_I/AAAAAAAAD7E/NBUEK_JmDPw/s1600/No-Thumbnail+-+afkarpro.blogspot.com.png";
imgr[2] = "http://4.bp.blogspot.com/-n4ezdD6Hp3s/UhPikJ_jl_I/AAAAAAAAD7E/NBUEK_JmDPw/s1600/No-Thumbnail+-+afkarpro.blogspot.com.png";
imgr[3] = "http://4.bp.blogspot.com/-n4ezdD6Hp3s/UhPikJ_jl_I/AAAAAAAAD7E/NBUEK_JmDPw/s1600/No-Thumbnail+-+afkarpro.blogspot.com.png";
imgr[4] = "http://4.bp.blogspot.com/-n4ezdD6Hp3s/UhPikJ_jl_I/AAAAAAAAD7E/NBUEK_JmDPw/s1600/No-Thumbnail+-+afkarpro.blogspot.com.png";
showRandomImg = true;
boxwidth = 220;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 10;
acolor = "#666";
aBold = true;
icon = " ";
text = "هو عدد التعليقات";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 20;
home_page = "الرابط";
limitspy=20;
intervalspy=4000;
</script>

<div id="afkarpro-widget">
<script src='http://yourjavascript.com/18159421223/recentposts-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://afkarpro.blogspot.com/2013/08/Animated-Scrolling-Recent-posts-for-Blogger-with-Thumbnails.html" target="_blank"> </a>
</div>

<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: 800px;
}
#afkarpro-widget ul {
    width:250px; 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: 220px; 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] = "http://4.bp.blogspot.com/-n4ezdD6Hp3s/UhPikJ_jl_I/AAAAAAAAD7E/NBUEK_JmDPw/s1600/No-Thumbnail+-+afkarpro.blogspot.com.png";
imgr[1] = "http://4.bp.blogspot.com/-n4ezdD6Hp3s/UhPikJ_jl_I/AAAAAAAAD7E/NBUEK_JmDPw/s1600/No-Thumbnail+-+afkarpro.blogspot.com.png";
imgr[2] = "http://4.bp.blogspot.com/-n4ezdD6Hp3s/UhPikJ_jl_I/AAAAAAAAD7E/NBUEK_JmDPw/s1600/No-Thumbnail+-+afkarpro.blogspot.com.png";
imgr[3] = "http://4.bp.blogspot.com/-n4ezdD6Hp3s/UhPikJ_jl_I/AAAAAAAAD7E/NBUEK_JmDPw/s1600/No-Thumbnail+-+afkarpro.blogspot.com.png";
imgr[4] = "http://4.bp.blogspot.com/-n4ezdD6Hp3s/UhPikJ_jl_I/AAAAAAAAD7E/NBUEK_JmDPw/s1600/No-Thumbnail+-+afkarpro.blogspot.com.png";
showRandomImg = true;
boxwidth = 280;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 10;
acolor = "#666";
aBold = true;
icon = " ";
text = "هو عدد التعليقات";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 50;
home_page = "الرابط";
limitspy=20;
intervalspy=4000;
</script>

<div id="afkarpro-widget">
<script src='http://yourjavascript.com/18159421223/recentposts-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://afkarpro.blogspot.com/2013/08/Animated-Scrolling-Recent-posts-for-Blogger-with-Thumbnails.html" target="_blank"> </a>
</div>