<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://ogp.me/ns/fb#'>
  <head>
<meta content='9XDRTA_33lUyinmGHVzWmi-CGHI' name='alexaVerifyID'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.metaDescription != &quot;&quot;'> 
<meta expr:content='data:blog.metaDescription' name='description'/> 
</b:if>
<meta content='IE=edge' http-equiv='X-UA-Compatible'/>



    <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<meta content='4EAB61576A04F73FDB246992AD48C2AD' name='msvalidate.01'/>
<meta content='مدونة تهتم بجديد مواقع الربح من الإنترنيت' name='description'/>
<meta content='index, follow' name='robots'/>
<meta content='الربح من الإنترنيت' name='keywords'/>
<meta content='شكيب' name='author'/> 
<meta content='ALL' name='ROBOTS'/>
<meta content='blogger' name='generator'/>
<meta content='ar' name='language'/>
<meta content='2014' name='copyright'/>
<meta content='index,follow,all' name='robots'/>
<meta content='blogger' name='generator'/>
<meta content='index, follow, ydir, odp, imageindex' name='googlebot'/>
<meta content='index, follow, ydir, odp, archive' name='slurp'/>
<meta content='2 hours' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<META content='1ce6e65b01e6f56f' name='y_key'/>



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

    <b:skin><![CDATA[
body {
background: #33495f;
margin: 0;
padding: 0;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
font-weight: normal;
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: scroll;
}
ul, li {
list-style: none;
}
a{
text-decoration: none;
}
.icon-action {
margin: 0 !important;
vertical-align: 0;
}
@font-face {
font-family: 'GESSTwoMediumRegular';
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot');
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot?') format('embedded-opentype'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.woff') format('woff'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.ttf') format('truetype'); }
.content {
margin: 0 auto;
}
.content-top {
background: url(http://4.bp.blogspot.com/-1L0bTROlepE/UiSxO4it4BI/AAAAAAAABF4/8ercbXBZlB0/s1600/Untitled-1.png) repeat-x;
height: 21px;
}
.content-bottom {
background: url(http://3.bp.blogspot.com/-PZt_khcS-iM/UiWOjNqriFI/AAAAAAAABGM/zFyQXT3jrt0/s1600/content-bottom.png);
height: 127px;
}
.main-outer {
overflow: hidden;
}
.main-inner {
padding: 0;
width: 1000px;
margin: 0 auto;
}
.top {
height: 84px;
background: #fff;
box-shadow: 0px 2px 0px 0px rgba(1, 1, 1, 0.15);
overflow: hidden;
width: 1000px;
margin: 0 auto;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin-bottom: 30px;
}
.menu {
height: 84px;
overflow: hidden;
margin: 0 auto;
}
.logo {
margin: 0 auto;
display: block;
margin-top: 30px;
margin-bottom: 40px;
background:url(http://i61.tinypic.com/2vx37gp.png);
width: 249px;
height: 83px;
}
.menu ul {
padding: 0;
margin: 0 auto;
float: right;
}
.menu li {
float: right;
height: 84px;
padding-top: 15px;
}
.menu li:hover{
background: #eaf1f7;
border-top: 6px solid #2db56b;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
padding-top: 9px;
}
.menu ul li a {
font-family: GESSTwoMediumRegular;
font-size: 11pt;
padding-right: 25px;
padding-left: 25px;
color: #33495f;
}
.menu ul li p {
margin: 0;
font-family: GESSTwoMediumRegular;
font-size: 9pt;
text-align: center;
padding-top: 4px;
color: #505050;
}
.social-icons {
float: left;
height: 84px;
}
.social-icons ul {
padding-left: 13px;
}
.social-icons ul li {
width: 42px;
height: 38px;
padding: 0;
padding-top: 25px;
padding-left: 9px;
}
.social-icons li:hover {
border-top: 0px;
background: none;
padding-top: 25px;
}
.facebook {
background: #3b5998 url(http://3.bp.blogspot.com/-Y2eODmrdstg/UiNfi49cPsI/AAAAAAAABFM/pMWcXz37aCI/s1600/facebook.png) no-repeat;
width: 42px;
height: 38px;
display: block;
padding-left: 0 !important;
padding-right: 0 !important;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius:2px;
}
.twitter {
background: #00acee url(http://1.bp.blogspot.com/-pUcb6Cu9MFc/UiNflIt_EEI/AAAAAAAABFc/5lH5FSZLCck/s1600/twitter.png) no-repeat;
width: 42px;
height: 38px;
display: block;
padding-left: 0 !important;
padding-right: 0 !important;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius:2px;
}
.google {
background: #db4a39 url(http://4.bp.blogspot.com/-xAGoXzR9PzQ/UiNfj4YlX0I/AAAAAAAABFU/NZRuTjpxERY/s1600/google.png) no-repeat;
width: 42px;
height: 38px;
display: block;
padding-left: 0 !important;
padding-right: 0 !important;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius:2px;
}
.posts {
float: right;
width: 680px;
}
.sidebar {
float: left;
width: 300px;
margin-right: 20px;
}
.section {
margin: 0;
}
.post-snippet:before {
content: attr(data-snippet);
}
.post.hentry {
overflow: hidden;
}
.post-outer {
background: #fff;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: 0px 2px 0px 0px rgba(1, 1, 1, 0.15);
margin-bottom: 20px;
overflow: hidden;
}
.post-info {
width: 132px;
float: right;
}
.postauthor {
background: #1aaf5d;
}
.post-body {
color: #2b3e51;
line-height: 24px;
padding: 20px;
width: 508px;
height: 184px;
}
.postauthor img {
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin-right: 16px;
margin-top: 15px;
box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.18); 
}
.postauthor h3 {
text-align: center;
padding-top: 11px;
padding-bottom: 16px;
}
.postauthor h3 a {
font-family: GESSTwoMediumRegular;
color: #fff;
font-size: 11pt;
font-weight: normal;
}
.postauthor2 {
background: #1aaf5d;
overflow: hidden;
}
.postauthor2 img {
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin-right: 16px;
margin-top: 15px;
margin-left: 20px;
box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.18);
}
.postauthor2-right {
float: right;
}
.postauthor2 h3 {
text-align: center;
padding-top: 11px;
padding-bottom: 16px;
}
.postauthor2 h3 a {
font-family: GESSTwoMediumRegular;
color: #fff;
font-size: 11pt;
}
.postauthor2 p {
overflow: hidden;
color: #fff;
background: #1dc267;
-webkit-margin-after: 0;
-webkit-margin-before: 0;
height: 146px;
padding: 20px;
}
.post-header {
background: #1dc267;
text-align: center;
padding-top: 32px;
padding-bottom: 21px;
}
.date-header {
    margin: 0px auto;
    font-family: GESSTwoMediumRegular;
    font-size: 25px;
    color: rgb(255, 255, 255);
}
.cutter {
float: left;
margin-left: 12px;
margin-top: 14px;
}
.post-title.entry-title {
float: right;
width: 370px;
padding: 20px;
}
.post-top {
overflow: hidden;
}
.post-top h3 a {
font-family: GESSTwoMediumRegular;
font-size: 16.5px;
color: #3c5269;
font-weight: normal;
}
.post-header-line-1 {
overflow: hidden;
}
.post-labels {
float: right;
background: url(http://1.bp.blogspot.com/-nKfRHwr-bmc/UibgOe-a57I/AAAAAAAABG0/X1pEsYHEoL4/s1600/tags.png) no-repeat right;
padding-right: 21px;
margin-right: 20px;
height: 19px;
overflow: hidden;
}
.post-labels a {
color: #fff;
}
.post-label a:hover {
background: #e94b35;
color: #fff;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.post-comment-link {
float: right;
background: url(http://4.bp.blogspot.com/-HUk97G5nmvM/UibgPW0uLEI/AAAAAAAABG8/WrN7innlcFw/s1600/comment.png) no-repeat right;
margin-right: 17px;
padding-right: 24px;
margin-top: 9px;
}
.post-comment-link a {
color: #fff;
}
.post-author.vcard {
background: url(http://3.bp.blogspot.com/--xCNIh3OBCw/UibgNKHEWcI/AAAAAAAABGs/D2cktuwCyQs/s1600/person.png) no-repeat right;
margin-right: 16px;
padding-right: 25px;
margin-top: 14px;
float: right;
}
.post-author.vcard a {
color: #fff;
}
.post-snippet {
height: 224px;
}
.rmlink a {
background: #1dc267;
color: #fff;
font-family: GESSTwoMediumRegular;
font-size: 13pt;
padding-left: 19px;
padding-right: 19px;
padding-top: 9px;
padding-bottom: 10px;
display: block;
}
.post-label {
float: right;
display: block;
margin-top: 6px;
margin-right: 18px;
margin-left: 4px;
}
.post-label a {
background: #e9eff4;
color: #2b3e51;
padding-left: 9px;
padding-right: 9px;
padding-bottom: 5px;
padding-top: 5px;
line-height: 1.4em;
}
.comment-top {
background: url(http://4.bp.blogspot.com/-GfYsDk36KWQ/UidR33bTjHI/AAAAAAAABHM/TVrVea9BFuM/s1600/comment-top.png);
width: 291px;
height: 5px;
}
#comments {
background: #fff;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: 0px 2px 0px 0px rgba(1, 1, 1, 0.15);
}
#comments h4 {
color: #3c5269;
font-family: GESSTwoMediumRegular;
font-size: 12pt;
padding-top: 26px;
padding-right: 24px;
}
.comment-form {
padding-right: 20px;
}
.comments-content {
padding: 20px;
}
.comments .avatar-image-container {
max-width: 62px;
max-height: 62px;
float: right;
position: relative;
background: #ddd;
width: 62px;
height: 86px;
border-top: 24px solid #1dc267;
}
.comments .avatar-image-container img {
width: 100%;
height: 62px;
max-width: 62px;
}
.comments .comment-block {
position: relative;
background: #e9eff4;
overflow: hidden;
margin: 24px 0 0 0;
padding: 10px;
}
.user a {
font-family: GESSTwoMediumRegular;
color: #1dc267;
float: right;
}
.datetime.secondary-text a {
color: #1aaf5d;
}
.comment-actions a {
color: #fff;
background: #e94b35;
padding-left: 9px !important;
padding-right: 9px;
padding-bottom: 5px;
padding-top: 5px !important;
margin-left: 4px;
}
.comments .comment .comment-actions a:hover {
text-decoration: none;
}
.comment-content {
color: #2b3e51;
}
#comment-holder a {
color: #000;
}
#alwansd{
height: 329px;
width: 680px;
background: #fff;
overflow: hidden;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: 0px 2px 0px 0px rgba(1, 1, 1, 0.15);
}
.alwanw{
position: relative;
height:329px;
}
.alwanw .contentdiv{
visibility: hidden;
position: absolute;
opacity: 1;
}
.alwan-ps{
text-align: right;
float: right;
width: 411px;
height: 9px;
margin-top: 320px;
}
.alwan-ps .toc{
font-size: 0px;
width: 50.5px;
height: 11px;
float: right;
background: #5b5b5b;
margin-left: 1px;
}
.alwan-ps a.selected{
background:#dfdfdf;
}
.alwan-ps .prev, .alwan-ps .next {display:none; }
.alwanip{
width: 269px;
float: left !important;
margin-right: 311px;
background: #55c1e7;
}
.alwanip a{
color:#fff;
margin:0;
padding:0;
line-height: 19px;
font-size: 13.5pt;
font-weight: normal;
font-family: GESSTwoMediumRegular;
}
.alwanip h6{margin: 0;
background: #42b0d8;
float: left;
padding-top: 14px;
padding-left: 23px;
padding-right: 17px;
padding-bottom: 14px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;}
.alwanip .alwand{font:12px arial; margin:4px 0; color:#a5a5a5;display: none; }
.alwanip p{font-size: 13px;
margin: 0;
color: #fff;
line-height: 23px;
padding: 20px;
font-family: GESSTwoMediumRegular;
text-shadow: 0px 1px 1px rgba(62, 174, 222, 1);
height: 242px;
}
.alwansf a img{float: right !important; }
.alwansf {float: right !important; width:100px !important;}
.column-center-outer {
width: 100%;
}
.sidebar .widget {
background: #fff;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: 0px 2px 0px 0px rgba(1, 1, 1, 0.15);
padding: 10px;
}
footer {
background: #fff;
}
.alwantt {
width: 1000px;
margin: 0 auto;
}
.widget-content {
overflow: hidden;
}
.widget h2 {
font-family: GESSTwoMediumRegular;
padding: 10px;
background: #e94b35;
color: #fff;
font-size: 10pt;
font-weight: normal;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
font-weight: normal;
margin-bottom: 10px;
}
.widget ul{
padding: 0;
}
.widget-content.popular-posts a {
color: #3c5269;
font-family: GESSTwoMediumRegular;
}
.item-snippet {
color: #3c5269;
}
.widget-content.list-label-widget-content a {
background: #e9eff4;
color: #2b3e51;
padding-left: 9px;
padding-right: 9px;
padding-bottom: 5px;
padding-top: 5px;
line-height: 1.4em;
display: inline-block;
float: right;
margin: 5px;
margin-right: 0;
}
.widget-content.list-label-widget-content a:hover {
background: #e94b35;
color: #fff;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.PopularPosts img {
padding-right: 0;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.widget-content.list-label-widget-content span {
display: none;
}
.widget-content.list-label-widget-content li {
padding: 0;
}
footer .widget h2 {
margin-left: 10px;
}
.ftr {
width: 1000px;
margin: 0 auto;
}
.content-bottom a {
float: left;
margin-top: 42px;
}
footer .widget-content a {
color: #3c5269;
}
#FollowByEmail1 {
padding: 0;
background: #ee802f;
background-image: url(http://1.bp.blogspot.com/-NHSfHYtLSRc/Uiq80AkP58I/AAAAAAAABIE/ptvsL3XyBrU/s1600/rss.png);
background-repeat: no-repeat;
background-position: right;
height: 177px;
}
.content-bottom p {
float: right;
line-height: 127px;
-webkit-margin-before: 0;
font-family: GESSTwoMediumRegular;
font-size: 11pt;
font-weight: normal;
color: #fff;
}
#Blog1_blog-pager-older-link {
text-decoration: none;
color: #666 !important;
display: block;
text-align: center;
background: #fff;
float: right;
padding: 9px 15px;
margin-right: 7px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: 0px 2px 0px 0px rgba(1, 1, 1, 0.15);
}
#Blog1_blog-pager-newer-link {
text-decoration: none;
color: #666 !important;
display: block;
text-align: center;
background: #fff;
float: right;
padding: 9px 15px;
margin-right: 7px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: 0px 2px 0px 0px rgba(1, 1, 1, 0.15);
}
]]></b:skin>

    <b:template-skin>
      <b:variable default='960px' name='content.width' type='length' value='990px'/>
      <b:variable default='0' name='main.column.left.width' type='length' value='320px'/>
      <b:variable default='310px' name='main.column.right.width' type='length' value='0px'/>

      <![CDATA[
      ]]>
    </b:template-skin>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <style type='text/css'>
    .post-body{
    width: auto;
    height: auto;
    padding: 10px;
    }
.post-title.entry-title {
font-family: GESSTwoMediumRegular;
font-size: 16.5px;
color: #3c5269;
}
.post-info {
display: none;
}
.post.hentry {
overflow: hidden;
background: #fff;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: 0px 2px 0px 0px rgba(1, 1, 1, 0.15);
margin-bottom: 20px;
}
.post-outer {
background: none;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
box-shadow:none;
margin-bottom: 0;
}
</style>
    </b:if>
<meta content='136584896510571' property='fb:app_id'/>
<meta content='100004861836785' property='fb:admins'/>
<link href='https://arabic-webfont.googlecode.com/svn/trunk/GESSTwoLight.css' rel='stylesheet' type='text/css'/>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes= اظهار الصورة المصغرة, no= بدون صورة مصغرة
summary_noimg = 320; //طول الموجز (عدد الاحرف) في التدوينات الخالية من الصور
summary_img = 270; //طول الموجز (عدد الاحرف) في التدوينات مع وجود صور
img_thumb_height = 160; //ارتفاع الصورة
img_thumb_width = 210; //عرض الصورة
</script>
</b:if>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
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);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(thumbnail_mode == "no") {
if(img.length>=1) {
imgtag = '<span class="postimge" style="float:right; padding:0px 0px 5px 5px;"><img  src="'+img[0].src+'" width="'+img_thumb_width+'" height="'+img_thumb_height+'"/></span>';

summ = summary_img;
}
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
 &lt;script&gt; 
    /* Script from:http://simplexdesign.blogspot.com/ */
    imgr = new Array();
    imgr[0] = &quot;http://lh3.ggpht.com/_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg&quot;;
    showRandomImg = true;
    aBold = true;
    summaryPost = 150; 
    numposts1 = 10; 
    label1 = &quot;الربح من الإنترنيت&quot;;
    function removeHtmlTag(strx,chop){var s=strx.split(&quot;&lt;&quot;);for(var i=0;i&lt;s.length;i++){if(s[i].indexOf(&quot;&gt;&quot;)!=-1){s[i]=s[i].substring(s[i].indexOf(&quot;&gt;&quot;)+1,s[i].length)}}s=s.join(&quot;&quot;);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&lt;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&lt;entry.link.length;k++){if(entry.link[k].rel==&#39;alternate&#39;){posturl=entry.link[k].href;break}}for(var k=0;k&lt;entry.link.length;k++){if(entry.link[k].rel==&#39;replies&#39;&amp;&amp;entry.link[k].type==&#39;text/html&#39;){pcm=entry.link[k].title.split(&quot;&quot;)[0];break}}
    if (&quot;content&quot; in entry) {
    var postcontent = entry.content.$t;}
    else
    if (&quot;summary&quot; in entry) {
    var postcontent = entry.summary.$t;}
    else var postcontent = &quot;&quot;;
    postdate = entry.published.$t;
    if(j&gt;imgr.length-1) j=0;
    img[i] = imgr[j];
    s = postcontent    ; a = s.indexOf(&quot;&lt;img&quot;); b = s.indexOf(&quot;src=\&quot;&quot;,a); c = s.indexOf(&quot;\&quot;&quot;,b+5); d = s.substr(b+5,c-b-5);
    if((a!=-1)&amp;&amp;(b!=-1)&amp;&amp;(c!=-1)&amp;&amp;(d!=&quot;&quot;)) img[i] = d;
    var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=[&quot;يناير&quot;,&quot;فبراير&quot;,&quot;مارس&quot;,&quot;ابريل&quot;,&quot;مايو&quot;,&quot;يونيو&quot;,&quot;يوليو&quot;,&quot;أغسطس&quot;,&quot;سبتمبر&quot;,&quot;أكتوبر&quot;,&quot;نوفمبر&quot;,&quot;ديسمبر&quot;];var day=postdate.split(&quot;-&quot;)[2].substring(0,2);var m=postdate.split(&quot;-&quot;)[1];var y=postdate.split(&quot;-&quot;)[0];for(var u2=0;u2&lt;month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;
    }}
    var daystr = day+ &#39; &#39; + m + &#39; &#39; + y ;
    var trtd = &#39;&lt;div class=&quot;contentdiv&quot;&gt;&lt;div class=&quot;alwansf&quot;&gt;&lt;a href=&quot;&#39;+posturl+&#39;&quot;&gt;&lt;img width=&quot;411&quot; height=&quot;329&quot; class=&quot;alignnone&quot; src=&quot;&#39;+img[i]+&#39;&quot;/&gt;&lt;/a&gt;&lt;div class=&quot;sliderPostInfo&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;alwanip&quot;&gt;&lt;p&gt;&#39;+removeHtmlTag(postcontent,summaryPost)+&#39;...&lt;/p&gt;&lt;h6&gt;&lt;a href=&quot;&#39;+posturl+&#39;&quot;&gt;أكمل القراءة&lt;/a&gt;&lt;/h6&gt;&lt;div class=&quot;alwand&quot; &gt;&#39;+daystr+&#39;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&#39;;     
    document.write(trtd);       
    j++;
    }}
    &lt;/script&gt;
</head>
<!--<body>




  <b:section id="navbar" class="navbar" maxwidgets="1" showaddelement="no">
    <b:widget type="Navbar" id="Navbar1" locked="yes"/>
  </b:section>
-->
  <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
      <meta expr:content='data:blog.title' itemprop='name'/>
      <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription' itemprop='description'/>
      </b:if>
    </div>
  </b:if>


  <div class='content'>
    <div class='content-top'/>
    <div class='logo'/>
    <header>
<div class='top'>
<div class='menu'>
  <ul>
<li><a href='http://chakibweb.blogspot.com/'>الرئيسية</a><p/></li>
<li><a href='http://www.chakibweb.blogspot.com//search/label/الربح من الإنترنيت?&amp;max-results=11'>الربح من الإنترنيت</a></li>

 <li><a href='http://www.chakibweb.blogspot.com//search/label/التسويق الإلكتروني?&amp;max-results=11'>التسويق الإلكتروني</a></li>

 <li><a href='http://www.chakibweb.blogspot.com//search/label/السيو?&amp;max-results=11'>السيو</a></li>

<li><a href='http://www.chakibweb.blogspot.com//search/label/هدايا مجانية?&amp;max-results=11'>هدايا مجانية</a></li>

<li><a href='http://www.chakibweb.blogspot.com//search/label/جديد التكنولوجيا?&amp;max-results=11'>جديد التكنولوجيا</a></li>

  </ul>
 <div class='social-icons'>
<ul>
<li>
<a class='facebook' href='https://www.facebook.com/chakibs'/></li>
<li>
<a class='twitter' href='https://www.twitter.com/chakibez'/></li>
<li>
<a class='google' href='https://plus.google.com/u/0/100672832760795070437'/></li>
</ul>
 </div>
</div>
</div>
    </header>
    <div class='main-outer'>
<div class='main-inner'>
        <!-- corrects IE6 width calculation -->
<div class='posts'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
                          <div id='alwansd'>
                            <div class='alwanw' id='slider1'>
                              &lt;script&gt;
                              document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
                              &lt;/script&gt;
<div class='alwan-ps' id='paginate-slider1'>
                            </div>
                            </div>
                            
                          </div>
                        </b:if>
          <b:section class='main' id='main' showaddelement='no'>
            <b:widget id='Blog1' locked='false' title='رسائل المدونة الإلكترونية' type='Blog'>
              <b:includable id='main' var='top'>
  <b:if cond='data:mobile == &quot;false&quot;'>

    <!-- posts -->
    <div class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
    </div>

    <!-- navigation -->
    <b:include name='nextprev'/>

    <!-- feed links -->
    <b:include name='feedLinks'/>

    <b:if cond='data:top.showStars'>
      <script src='//www.google.com/jsapi' type='text/javascript'/>
      <script type='text/javascript'>
        google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
        function initialize() {
          google.annotations.setApplicationId(<data:top.blogspotReviews/>);
          google.annotations.createAll();
          google.annotations.fetch();
        }
        google.setOnLoadCallback(initialize);
      </script>
    </b:if>

  <b:else/>
    <b:include name='mobile-main'/>
  </b:if>

  <b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>

</b:includable>
              <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
              <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
              <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
              <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
              <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
      </span>
    <b:else/>
      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
        <data:post.commentLabelFull/>:
      </a>
    </b:if>
  </b:if>
</b:includable>
              <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:else/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  </b:if>
</b:includable>
              <b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
<div class='comment-top'/>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4><data:post.commentLabelFull/>:</h4>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <b:if cond='data:post.hasOlderLinks'>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
              &#160;
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
              &#160;
          </b:if>

          <data:post.commentRangeText/>

          <b:if cond='data:post.hasNewerLinks'>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
          </b:if>
        </span>
      </b:if>

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>
              </b:if>
              <data:commentPostedByMsg/>
            </dt>
            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>
            <dd class='comment-footer'>
              <span class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd>
          </b:loop>
        </dl>
      </div>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

      <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>
    </b:if>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
              <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
              <b:includable id='feedLinksBody' var='links'>
 


</b:includable>
              <b:includable id='iframe_comments' var='post'>

  <b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
              <b:includable id='minipost' var='post'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div class='minipost'><a expr:name='data:post.id'/>
    <div class='entry'><data:post.body/></div>
    <p class='meta'><b:if cond='data:post.allowComments'> <img border='0' src='http://lh6.ggpht.com/_XrWO8mEpDy0/TIHMVwhVwAI/AAAAAAAAA5Q/EFYCI8LR6EE/s512/comment_reply.gif'/> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>أضف تعليقا</a></b:if><b:include data='post' name='postQuickEdit'/></p>
</div>

<b:else/>


<div class='minipost'><a expr:name='data:post.id'/>
          <div class='title2'><a expr:href='data:post.url'><data:post.title/></a></div>
    <div class='entry'><data:post.body/></div>

    <p class='meta'><b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'> أضف تعليقا<b:else/><b:if cond='data:post.numComments == 1'> تعليق واحد<b:else/><b:if cond='data:post.numComments == 2'> تعليقان<b:else/><data:post.numComments/> تعليق</b:if></b:if></b:if>&#8230;</a><b:else/></b:if><b:include data='post' name='postQuickEdit'/></p>
</div>

</b:if>
</b:includable>
              <b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </b:if>

    <div class='mobile-post-outer'>
      <a expr:href='data:post.url'>
        <h3 class='mobile-index-title entry-title' itemprop='name'>
          <data:post.title/>
        </h3>

        <div class='mobile-index-arrow'>&amp;rsaquo;</div>

        <div class='mobile-index-contents'>
          <b:if cond='data:post.thumbnailUrl'>
            <div class='mobile-index-thumbnail'>
              <div class='Image'>
                <img expr:src='data:post.thumbnailUrl'/>
              </div>
            </div>
          </b:if>

          <div class='post-body'>
            <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
          </div>
        </div>
      </a>

      <div class='mobile-index-comment'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                <data:post.commentLabelFull/>:
              </a>
            </b:if>
          </b:if>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
              <b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>

      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>

   <b:include name='mobile-nextprev'/>
</b:includable>
              <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
      </div>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
      </div>
    </b:if>

    <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>

    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>

  </div>
  <div class='clear'/>
</b:includable>
              <b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <div class='date-posts'>
      <div class='post-outer'>
        <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
          <a expr:name='data:post.id'/>
          <b:if cond='data:post.title'>
            <h3 class='post-title entry-title' itemprop='name'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:else/>
                <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a expr:href='data:post.url'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            </h3>
          </b:if>

          <div class='post-header'>
            <div class='post-header-line-1'/>
 
          </div>

          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>

            <data:post.body/>
 <!-- clear for photos floats -->
          </div>

          <div class='post-footer'>

            <div class='post-footer-line post-footer-line-1'>

</div>
            <div class='post-footer-line post-footer-line-2'>
              <b:if cond='data:top.showMobileShare'>
                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                  <a href='javascript:void(0);'><data:shareMsg/></a>
                </div>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
              </b:if>
            </div>

          </div>
        </div>

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
              <b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>

  </div>
  <div class='clear'/>
</b:includable>
              <b:includable id='page-navi'>
<div class='pagenavi'>
<script type='text/javascript'>
var pageNaviConf = {
perPage: 3,
numPages: 5,
firstText: &quot;الصفحة الأولى&quot;,
lastText: &quot;الصفحة الأخيرة&quot;,
nextText: &quot;&#187;&quot;,
prevText: &quot;&#171;&quot; }
</script>
<script src='https://arblogger-templates.googlecode.com/svn/trunk/pagenavi.min.js' type='text/javascript'/>
<div class='clear'/>
</div>
</b:includable>
              <b:includable id='posst' var='post'>
  <div class='post hentry'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h2 class='post-title entry-title'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h2>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
      </div>
    </b:if>

    <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>

    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>

  </div>
  <div class='clear'/>
</b:includable>
              <b:includable id='post' var='post'>
<div class='post-info'>
<div class='postauthor'>
<img alt='' height='97' src='http://im36.gulfup.com/ZcTvu.jpg' width='97'/>
<h3><a href='http://alb33dani.blogspot.com/'>شكيب الزوبير</a></h3>
</div>

<div class='post-header'>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>

        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = &#39;<data:post.dateHeader/>&#39;;</script>
<h3 class='date-header'><data:post.dateHeader/></h3>
<b:else/>
<h3 class='date-header'>
<script>document.write(ultimaFecha);</script>
</h3>
</b:if>
</b:if>
    <div class='post-header-line-1'>
 <span class='post-labels'>
        <b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name != &quot;Guest Posts&quot;'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
      </span> <span class='post-comment-link'>
        <b:if cond='data:post.allowComments'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
      </span>
<span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          
            <b:if cond='data:post.authorProfileUrl'>
              <span class='fn'>
                <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
                  <data:post.author/>
                </a>
              </span>
            <b:else/>
              <span class='fn'><data:post.author/></span>
            </b:if>
        </b:if>
      </span></div>
    </div>
</div>
  <div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <a expr:name='data:post.id'/>
<div class='post-top'>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3>
    </b:if>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>  
<div class='cutter'>
<b:if cond='data:post.isFirstPost'> 
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=120;
var show_default_thumbnail=true;
var default_thumbnail="http://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s72-c/default.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" class="postthumb" alt="'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>
</b:if>
<a expr:href='data:post.url'><script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script></a>
</div>
</b:if></b:if>
                </div>
    <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>




<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<b:if cond='data:post.isFirstPost'>
</b:if></b:if>

<data:post.body/><br/></b:if>
</b:if>
<!-- clear for photos floats -->
    </div>

    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>
    <div class='post-footer'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin:0px; float: left;'>

</div><div style='margin:0px; float:right;'>

</div>
</b:if>
<div style='margin: 0px; float: right;'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='alwan-share' style='width: 97.5%;height: 88px;padding: 7px;background: #F9F9F9;border: 1px solid #EBEBEB;'>
<div style='width: 250px;height: 74px;padding: 6px;background: white;border: 1px solid #EBEBEB; float:right; text-align: center;'>
<div class='fb-like-box'>
هل أعجبك الموضوع &#1567;
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=230&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:230px; height:40px;'/>
</div>
</div>
<div align='left'>
<div style='float:left;padding:5px 5px 5px 0;'>
<a expr:share_url='data:post.url' href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
<div class='g-plus' data-action='share' data-annotation='vertical-bubble' data-height='60'/>
<a class='twitter-share-button' data-count='vertical' data-lang='ar' data-related='anywhereTheJavascriptAPI' data-via='mr_raghib' href='https://twitter.com/share'>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;https://platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
<div id='plusone-div'/>
</div>
</div>
<!-- تعريف الكاتب الأول -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='postauthor2'>
<div class='postauthor2-right'>
<img alt='' height='97' src='http://im39.gulfup.com/QZfvR.jpg' width='97'/>
<h3><a href='https://twitter.com/chakibez'>شكيب الزوبير</a>
</h3></div><p>
مدون مغربي يعشق التدوين &#1548; يهتم بمتابعة أخبار التكنولوجيا&#1548; وبالأخص كل مايتعلق بالشركات الربحية &#1548; هدفي من خلال هذه المدونة هو مساعدة الآخرين على تطوير قدراتهم وتقديم لهم الدعم من خلال تجربتي المتواضعة التي إكتسبتها خلال مشواري التدويني يمكنكم متابعتي على مواقع التواصل الإجتماعي .
<a href='#' target='_blank'>الفيسبوك</a> .
<a href='#' target='_blank'>جوجل بلس</a> .
<a href='#' target='_blank'>تويتر</a> .
<a href='#' target='_blank'>اليوتيوب</a></p> 
</div>

</b:if>
</b:if>
</div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div dir='ltr' style='text-align: left;' trbidi='on'>


</div>
<b:if cond='data:post.title'>
</b:if>
</b:if>

</b:if>

      <div class='post-footer-line post-footer-line-2'/>

<div class='post-footer-line post-footer-line-1'/>

      <div class='post-footer-line post-footer-line-3'/>

    </div>
  </div>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
                                  <div class='post-bot'>
                                    <span class='rmlink' style='float:left;'>
                                      <a expr:href='data:post.canonicalUrl'>
                                        أكمل القراءة
                                      </a>
                                    </span>
<span class='post-label'>
        <b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name != &quot;Guest Posts&quot;'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
      </span>
                                  </div>
                                </b:if>
</b:includable>
              <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='22' src='http://2.bp.blogspot.com/-uuhRtLQdv5U/UiYHezCUBWI/AAAAAAAABGc/qmFJy3mIS-I/s1600/edit.png' width='22'/>
      </a>
    </span>
  </b:if>
</b:includable>
              <b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
              <b:includable id='status-archive'>
	<b:if cond='data:blog.pageType == &quot;archive&quot;'><div class='status-msg'><p>تشاهد الأن جميع تدوينات شهر <strong><data:blog.pageName/>.</strong> <a href='/'>إظهار كافة الرسائل</a></p></div></b:if>
</b:includable>
              <b:includable id='status-message'>
  <b:if cond='data:navMessage'>



  </b:if>
</b:includable>
              <b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
              <b:includable id='threaded_comment_css'>
  <style>
  </style>
</b:includable>
              <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                  comment.displayTime = entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

      var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

      // Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
              <b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
<div class='comment-top'/>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>

    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>

    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>

    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
            </b:widget>
          </b:section>
        </div>

        <div class='sidebar'>
          <aside>
          <macro:include id='main-column-left-sections' name='sections'>
            <macro:param default='0' name='num' value='2'/>
            <macro:param default='sidebar-left' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>

        <div class='column-right-outer'>
<style type='text/css'>

<!-- Stylish colored Navigation Widget For Blogger By UinEgy @ http://www.uniegy.blogspot.com -->

#blog-pager{padding:500px 0 !important;}
                          .showpageArea {font-weight: bold;margin:5px;}/* www.uniegy.blogspot.com */
                          .showpageArea a {text-decoration:underline;color: #fff;}/* www.uniegy.blogspot.com */
                          .showpageNum  a, .showpage a {text-decoration: none;
                            color: #666 !important;
                            display: block;
                            text-align: center;
                            background:#fff;
                            float: right;
                            padding: 9px 15px;
                            margin-right: 7px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: 0px 2px 0px 0px rgba(1, 1, 1, 0.15);
                          }/* www.uniegy.blogspot.com */
                          .showpageNum  a:hover, .showpage a:hover {} /* www.uniegy.blogspot.com */
                          .showpagePoint  {text-decoration: none;
                            color: #fff !important;
                            display: block;
                            text-align: center;
                            background:#42b0d8;                           
                            padding: 9px 15px;
                            float: right;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: 0px 2px 0px 0px rgba(1, 1, 1, 0.15);); }/* www.uniegy.blogspot.com */
                          .showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0; display: none;}/* www.uniegy.blogspot.com */
                          .showpageNum a:link,.showpage a:link {}/* www.uniegy.blogspot.com */
</style>
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=9;
var numshowpage=9;
var upPageWord =&#39;السابق&#39;;
var downPageWord =&#39;التالي&#39;;
</script>
<script src='http://uinegy.googlecode.com/svn/wiki/uniegy_bloggerpagenavi.js' type='text/javascript'/>
<!-- Stylish colored Numbered Page Navigation Widget For Blogger By UinEgy @ http://www.uniegy.blogspot.com -->
        </div>
        </div>
    </div>
      <!-- columns -->
    <!-- main -->
    <footer>
    <div class='alwantt'>
    <div class='fauxborder-left footer-fauxborder-left'>
    <div class='region-inner footer-inner'>
      <macro:include id='footer-sections' name='sections'>
        <macro:param default='2' name='num' value='3'/>
        <macro:param default='footer' name='idPrefix'/>
        <macro:param default='foot' name='class'/>
        <macro:param default='false' name='includeBottom'/>
      </macro:include>
      <!-- outside of the include in order to lock Attribution widget -->
    
    </div>
    </div>
    </div>
<div class='content-bottom'>
<div class='ftr'>
<div id='footer-bottom'>
</div>
<p>
                كافة الحقوق محفوظة 2014 &#169;   مدونة شــكــيـــب ويـــب

</p>
<a href='http://yousifweb.blogspot.com' target='_blank'><img src='http://4.bp.blogspot.com/-RXg1uoKNlwc/UgHuqNlU2uI/AAAAAAAAA9o/edSx3PNK8Iw/s1600/Untitled-9.png'/></a>
</div>
</div>
    </footer>

  <!-- content -->
  </div>

  <script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
      }, 10);
  </script>
  <b:include data='blog' name='google-analytics'/>
&lt;script src=&#39;http://dl.dropbox.com/u/12924430/contentslider.js&#39;&gt;&lt;/script&gt; 
    &lt;script&gt; 
    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)
    }
    })
    &lt;/script&gt;
</body>

<macro:includable id='sections' var='col'>
  <macro:if cond='data:col.num == 0'>
  <macro:else/>
    <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>

    <macro:if cond='data:col.num &gt;= 2'>
      <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
      <tbody>
      <tr>
        <td class='first columns-cell'>
          <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
        </td>

        <td class='columns-cell'>
          <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
        </td>

        <macro:if cond='data:col.num &gt;= 3'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
          </td>
        </macro:if>

        <macro:if cond='data:col.num &gt;= 4'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
          </td>
        </macro:if>
      </tr>
      </tbody>
      </table>

      <macro:if cond='data:col.includeBottom'>
        <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
      </macro:if>
    </macro:if>
  </macro:if>
</macro:includable>
<b:section-contents id='sidebar-left-1'>
  <b:widget id='HTML1' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='Feed1' locked='false' title='Last Posts' type='Feed'>
    <b:includable id='main'>
    <h2><data:title/></h2>
    <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
      <span style='filter: alpha(25); opacity: 0.25;'>
        <a expr:href='data:feedUrl'><data:loadingMsg/></a>
      </span>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
  </b:widget>
</b:section-contents><b:section-contents id='sidebar-left-2-1'/><b:section-contents id='sidebar-left-2-2'/><b:section-contents id='sidebar-left-3'/><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'>
  <b:widget id='BlogArchive1' locked='false' title='أرشيف المدونة' type='BlogArchive'>
    <b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
    <b:includable id='flat' var='data'>
  <ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
    <b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul class='hierarchy'>
        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
</b:includable>
    <b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
    <b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
    <b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>&#9660;&#160;</span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
          &#9668;&#160;
        <b:else/>
          &#9658;&#160;
        </b:if>
      </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
  </b:widget>
</b:section-contents><b:section-contents id='footer-2-2'/><b:section-contents id='footer-2-3'/></html>