<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE HTML>
<html 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://www.facebook.com/2008/fbml'>
  <script src='www.facebook.com/blogger.hosamherry' type='text/javascript'/>
  <script src='http://yourjavascript.com/198306580293739/featured-slider.js' type='text/javascript'/>
  <head>
    <meta content='{337717233038330}' property='fb:app_id'/>
    <meta content='{100005797178528}' property='fb:admins'/>
    <script src='www.facebook.com/blogger.hosamherry' type='text/javascript'/>
    <script src='http://yourjavascript.com/198306580293739/featured-slider.js' type='text/javascript'/>
    <b:include data='blog' name='all-head-content'/>
    <title>
      <data:blog.pageTitle/>
    </title>
    <b:skin><![CDATA[
      
body{
background: #F1F0F0 url(http://3.bp.blogspot.com/-R1yIacuXXjI/UgHxRq9oryI/AAAAAAAAA2E/mOZcoi57iM8/s1600/diagonal-noise.png);}
.all{
width:990px;
height:900px;
margin-left:auto;
margin-right:auto;
}
/*---------------Header---------------*/
#Header{
height:240px;
width:100%;
background:red;
height: 40px;
}
/*---------------top---------------*/
#cssmenu ul,
#cssmenu li,
#cssmenu a {
list-style: none;
margin: 0;
padding: 0;
border: 0;
line-height: 0.7;
font-family: 'Lato', sans-serif;
}
#cssmenu {
border: 1px solid #000000;
-webkit-border-radius: 5px;
border-radius: 5px;
width: auto;
padding: 1px;
position: relative;
top: -4px;
}
#cssmenu ul {
background: -webkit-linear-gradient(top, #354040 0%, #1e2424 100%);
padding: 5px 25px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#cssmenu ul:before {
content: '';
display: block;
}
#cssmenu ul:after {
content: '';
display: table;
clear: both;
}
#cssmenu li {
float: right;
margin: 0 0 0 5px;
border: 1px solid transparent;
position: relative;
right: 230px;
font: 13px/20px 'DroidKufi-regular', tahoma;
}
#cssmenu li a {
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 10px 11px 9px 15px;
display: block;
text-decoration: none;
color: #FFEB00;
border: 1px solid transparent;
font-size: 13px;
font-family: DroidKufi-Regular;
}
#cssmenu li.active a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
display: block;
background: #070808;
border: 1px solid #000000;
-moz-box-shadow: inset 0 5px 10px #000000;
-webkit-box-shadow: inset 0 5px 10px #000000;
box-shadow: inset 0 5px 10px #000000;
}
#cssmenu li:hover {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
border: 1px solid #354040;
}
#cssmenu li:hover a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
display: block;
background: #070808;
border: 1px solid #000000;
-moz-box-shadow: inset 0 5px 10px #000000;
-webkit-box-shadow: inset 0 5px 10px #000000;
box-shadow: inset 0 5px 10px #000000;
}
/*--------------date and clock-----------------*/
.time7yom{
margin-right: 10px;
font: 12px/20px 'DroidKufi-regular', tahoma;
position: relative;
font-size: 0px solid;
left: 5px;
}
.date{
margin-left: 762px;
position: relative;
top: -37px;
font-size: 0px solid;
font: 12px/20px 'DroidKufi-regular', tahoma;
color: #FFFFFF;
background: rgba(255, 0, 0, 0.84);
background-position: inherit;
left: -2px;
line-height: 20px;
border-radius: 4px;
padding: 0px 0px 0px 0px;
float: right;
width: 230px;
}
/*---------------search---------------*/
.search{
background: #FFFFFF;
border-radius: 4px;
width: 72px;
height: 34px;
float: left;
margin: -64px 0 0 0;
position: relative;
left: 7px;
bottom: 0px;
border-radius: 4px;
}
.search .Box{
width: 206px;
height: 34px;
border: none 0px;
font-family: "Droid Arabic Kufi", Arial;
font-size: 13px;
background: #fff;
border: none;
padding: 8px 0;
text-indent: 10px;
color: #949494;
float: right;
direction: rtl;
outline: none !important;
font-family: DroidKufi-Regular;
border-radius: 4px;
position: relative;
left: 152px;
}
.search .Go{
background: url(http://img823.imageshack.us/img823/8031/u006.png) center center no-repeat #FFFFFF;
width: 50px;
height: 34px;
cursor: pointer;
float: left;
font-weight: normal;
font-family: "Droid Arabic Kufi";
font-size: 13px;
color: #fff;
border: none;
position: relative;
top: -34px;
border-radius: 3px;
}
/*----------------------adslogo----------------------*/
.adslogo{
height: 180px;
width: 100%;
background-color: white;
clear: both;
position: relative;
top: -22px;
border-radius: 3px;
box-shadow: 0px 1px 1px 0px;
}
#logo{
float: right;
height: 116px;
width: 250px;
margin-right: 2px;
margin-top: 17px;
clear: both;
}
#ads{
float: left;
height: 90px;
width: 730px;
margin-top: 21px;
}
/*---------------menu----------------*/
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}a:link{color:#E4402B;text-decoration:none}a:visited{color:#E4402B;text-decoration:none}a img{border-width:0}a,.tab-widget-menu li,img{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}#NoScript{background:none repeat scroll 0% 0% rgb(255,255,255);text-align:center;padding:5px 0;border-top:2px solid rgb(51,51,51);border-bottom:2px solid rgb(51,51,51);position:absolute;top:0;right:0;width:100%;height:100%;z-index:9999;opacity:0.9}#NoScript h6{font-size:24px;color:rgb(102,102,102);position:absolute;top:50%;width:100%;text-align:center;margin-right:-30px;margin-top:-18px}#header-wrapper{margin:0 auto 0;padding:0;color:white;background-color:white;position:relative}#header-wrapper{-moz-box-shadow:inset 0 0 2px #FFF,0 0 5px #cacaca;-webkit-box-shadow:inset 0 0 2px white,0 0 5px #CACACA;box-shadow:inset 0 0 2px white,0 0 5px #CACACA}#header{color:#666;margin:0}#headtitle{display:inline-block;text-align:right;margin:12px 0;width:270px;float:right}#headads{width:468px;display:inline-block;float:left;margin-top:20px;margin-left:10px}#isihead{overflow:hidden}.titlewrapper{padding:0;margin:10px 15px 0 0}.descriptionwrapper{margin:0 15px 15px 0}#header h1,#header p{margin:0;padding:0;line-height:1.2em;text-transform:uppercase}#header a{color:#666;text-decoration:none}#header a:hover{color:#666}#header .description{margin:0;padding:0;text-transform:capitalize;line-height:1.4em;color:#999}#header img{margin-right:auto;margin-left:auto}.titlewrapper p.title{font-family:'Droid Sans',Arial,Verdana,sans-serif;font-size:200%}
#nav{
background-image: url(http://4.bp.blogspot.com/-Qfv2CUXkZQE/UJOrNu3iNAI/AAAAAAAAGc8/wvy8sCPa8HA/s1600/main-menu-bg.png);
background-repeat: repeat-x;
height: 57px;
border-bottom: 5px solid #E4402B;
padding-right: 73px;
position: relative;
top: 174px;
}
#nav ul{
margin-top: 9px;
height: 52px;
margin: 0;
padding: 0;
position: relative;
top: -133px;
left: 73px;
margin-left: -143px;
font: 13px/20px 'DroidKufi-regular', tahoma;
direction: rtl;
text-align: right;
clear: both;
}
#nav li{position:relative;display:inline-block;float:right;border:1px solid #222;border-width:0 0 0 1px;height:47px;margin-top:5px}
#nav li a{display:block;line-height:45px;height:47px;text-decoration:none;color:#D5D5D5;padding:0 15px;text-shadow:0 1px 1px black;border-right:1px solid #383838}
#nav li:last-child a{border-left:0 none}
#nav li a:hover{color:#fff}
#nav ul.submenu{padding:0;position:absolute;top:42px;width:180px;z-index:99;float:right;background:#2D2D2D!important;-webkit-box-shadow:0 3px 4px 1px rgba(0,0,0,0.2);box-shadow:0 3px 4px 1px rgba(0,0,0,0.2);-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;height:auto}
#nav ul.submenu li{float:none;width:100%;margin:0;border-bottom:1px solid #222;border-top:1px solid #383838;border-right:0 none;height:30px}
#nav ul.submenu{padding:0;position:absolute;top:42px;width:180px;z-index:99;float:right;background:#2D2D2D!important;-webkit-box-shadow:0 3px 4px 1px rgba(0,0,0,0.2);box-shadow:0 3px 4px 1px rgba(0,0,0,0.2);-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-bottom-left-radius:3px;-moz-border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;height:auto;-khtml-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s}
#nav li:hover ul.submenu{-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible}
#nav ul.submenu li:first-child{border-top:0 none}
#nav ul.submenu a{height:29px;line-height:1em;padding:7px 10px}#nav ul.submenu a:hover{padding-right:15px}#nav li.mhome{border:0;margin-top:0;height:52px}
#nav li.mhome a{background-color:#E4402B;background-image:url("http://1.bp.blogspot.com/-Qpi1tY6ugiI/ULykJckdzpI/AAAAAAAABfc/2ODT8V879pk/s1600/home.png");background-position:50% 7px;background-repeat:no-repeat;border-right:0 none;height:50px;margin-top:5px;text-indent:-9999px;width:55px}
#menuatas{color:#474747;background:#231F20;padding:8px 0;border-bottom:1px solid #CCC;border-top:2px solid #E4402B}
#menuatas a:hover{color:#FFF;text-decoration:none}#ktuskrg{background:none repeat scroll 0 0 #333;border-left:1px solid #000;color:#BABABA;display:inline-block;float:right;font-family:Tahoma;height:37px;margin-top:-8px;padding:10px}
#navtop{display:inline-block;margin-right:5px}#navtop ul,#navtop li{list-style:none outside none;margin:0;padding:1px 0 0}
#navtop li{float:right;height:18px;position:relative}#navtop li a{color:#BABABA;font-size:11px;font-weight:bold;padding:0 10px;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;font-weight:700}
#navtop li a:hover,{color:#fff;font-size:11px;padding:0 0px;font-weight:700;text-decoration:none}
#PageList1 li.selected a{color:#E4402B;font-size:11px;padding:0 0px;font-weight:700;text-decoration:none}
#navtop li.dgnsubtop{padding-left:10px;background-image:url(http://4.bp.blogspot.com/-NTKXiugkHrs/UIeVQmEzDjI/AAAAAAAAGJ4/G92p5n8hgvY/s7/downarrow-dark.png);background-repeat:no-repeat;background-position:90% 50%}
#outer-wrapper{font:11px Verdana,Geneva,sans-serif;margin:0 auto;max-width:1030px;padding:0;text-align:right}
#content-wrapper{-moz-box-shadow:inset 0 0 2px #FFF,0 0 5px #cacaca;-webkit-box-shadow:inset 0 0 2px white,0 0 5px#CACACA;box-shadow:inset 0 0 2px white,0 0 5px #CACACA;background:none repeat scroll 0 0 #FFF}
/*----------------announcer----------*/
.annocementtop h2 {
background: url(https://lh3.googleusercontent.com/-E2oWesF-6AA/UUs7-noF15I/AAAAAAAAAVE/P1NER5H-xHo/s28/new.png) no-repeat;
position: relative;
top: 7px;
float: right;
font-family: 'Droid Arabic Kufi';
font-size: 15px;
font-weight: 700;
margin: 0 0 0 15px;
padding: 16px 19px 15px;
}
.annocementtop {
background: none repeat scroll 0 0 rgba(248, 245, 179, 1);
border: 1px solid #D2D2D2;
float: right;
font-family: 'Droid Arabic Kufi';
height: 45px;
width: 100%;
position: relative;
bottom: -30px;
box-shadow: 0 1px 2px 0;
direction: rtl;
font: 13px/20px 'DroidKufi-regular', tahoma;
}
/*---------------main----------------*/
#main{
margin-top: 110px;
clear: both;
width: 100%;
overflow: hidden;
}
/*-------------post------------------*/
#posts{
width: 65%;
float: right;
}
.post-outer{
margin: 10px 0px 0px 0px;
border-radius: 4px;
}
/*---------------اقراء المزيد-----------------*/
.rmlink {
float: left;
padding-top: 20px;
margin-left: 22px;
position: relative;
top: -10px;
}
.rmlink a{
border: solid 1px #E6E6E6;
-webkit-border-radius: 2px;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius: 2px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-radius: 2px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
background: none repeat scroll 0 0 #F9F9F9;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 -3px 0 0 #B3AEAE inset;
color: #E91010 !important;
font-size: 12px;
float: left;
padding: 6px 14px 8px;
border-bottom: 2px solid rgba(129, 129, 129, 0.61);
}
.rmlink a:hover{
border: solid 1px #B9AEAE;
color: #A8A1A1 !important;
-webkit-border-radius: 2px;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius: 2px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-radius: 2px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
background: none repeat scroll 0 0 #F9F9F9;
border-bottom: 2px solid #ACACAC;
}
/*------------------------------------*/
.post-title{
padding-left: 25px;
padding: 11px;
background: #ccc;
background-color: #E2E2E2;
text-shadow: 1px 1px 0px #f1f1f1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
border-top: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
border-right: 1px solid #cfcfcf;
border-left: 1px solid #cfcfcf;
position: relative;
top: -19px;
text-align: right;
}
.post-title a{
color: #555555;
font: 14px DroidKufi-Bold;
}
.post-body{
direction: rtl;
font: 13px/28px 'DroidKufi-regular', tahoma;
position: relative;
top: 30px;
margin: 0px 0px 41px 0px;
}
.post-body img {
margin-left: -4px;
margin: 9px 0 0 5px;
background-color: white;
border: 1px solid #E0E0E0;
position: relative;
padding: 2px;
right: 4px;
}
.post-footer{
background: url("https://lh3.googleusercontent.com/-iKYnvKrQzi0/UUtoh_SwsyI/AAAAAAAAAWI/N5ppUnN9nRw/h120/postDetailsBg.png") repeat scroll 0 0 transparent;
border-bottom: 1px solid #D4D4D4;
text-align: right;
padding: 5px 5px;
position: absolute;
margin: -255px 0px 0px 0px;
padding-bottom: 6px;
width: 642px;
}
.class="post-footer-line post-footer-line-1"{
line-height: 22px;
}
.fn{
float: right;
margin-left: 10px;
font: normal 11px Tahoma, Geneva, sans-serif;
color: #414141;
padding-top: 5px;
padding-right: 25px;
padding-bottom: 5px;
background: url(https://lh4.googleusercontent.com/-TxWeCx6ZDeU/UUs_VmJGpxI/AAAAAAAAAVg/yd9bwJj_LZA/h120/admin_user_2.png) no-repeat right center;
font: 12px/20px 'DroidKufi-regular', tahoma;
}
.post-timestamp{
float: right;
margin-left: 10px;
font: normal 11px Tahoma, Geneva, sans-serif;
color: #414141;
padding-top: 5px;
padding-right: 25px;
padding-bottom: 5px;
background: url(https://lh5.googleusercontent.com/-HQQ0_4wrDj0/UUtqWOjFxqI/AAAAAAAAAWQ/AjqIwGs5gm4/h120/day_calendar.png) no-repeat right center;
font: 12px/20px 'DroidKufi-regular', tahoma;
direction: rtl;
}
.post-comment-link{
float: right;
margin-left: 10px;
font: normal 11px Tahoma, Geneva, sans-serif;
color: #414141;
padding-top: 5px;
padding-right: 25px;
padding-bottom: 5px;
background: url(https://lh4.googleusercontent.com/-zWluAYFQcRs/UUtrFkYSqGI/AAAAAAAAAWY/X0FhJsx3wfk/h120/speech_bubbles.png) no-repeat right center;
font: 12px/20px 'DroidKufi-regular', tahoma;
}
.post-labels{
background: url(http://3.bp.blogspot.com/-E_CdPECcVs8/UhgjeZKQIfI/AAAAAAAAAro/vagSdo_LXWc/s1600/Paperclip.png) no-repeat right center;
float: right;
margin-left: 10px;
font: normal 11px Tahoma, Geneva, sans-serif;
color: #414141;
padding-top: 9px;
padding-right: 26px;
padding-bottom: 8px;
position: relative;
direction: rtl;
}
/*-------------كاتب الموضوع----------------*/
.cnmuauthor {
background: #F9F9F9;
border: 1px solid #E1E1E0;
font-family: Arial;
margin-bottom: 7px;
margin-top: 85px;
overflow: hidden;
padding: 0px 0 20px 10px;
direction: rtl;
border-radius: 26px;
width: 98%;
position: relative;
left: 6px;
top: 35px;
}
.cnmuauthor img {
border: 2px solid #E2DEDE;
float: right;
height: 125px;
width: 139px;
margin-left: 7px;
position: relative;
top: 10px;
left: -5px;
border-radius: 17px 17px 17px 17px;
}
.cnmuauthor h4 {
background: #FF0660;
color: #FFF;
font-size: 20px;
margin: 0 130px 0 -9px;
padding: 10px;
position: relative;
left: -20px;
top: 11px;
width: 465px;
border-radius: 10px;
font: 16px/20px 'DroidKufi-regular', tahoma;
direction: rtl;
}
.cnmuauthor p {
color: #FF003D;
font-size: 20px;
margin-bottom: 0px;
margin-top: 21px;
font: 15px/26px 'DroidKufi-regular', tahoma;
text-align: center;
}
ul.cnmuauco { list-style:none; float: left; margin: 0 0 0 6px;display:inline-block;padding:0; }  
ul.cnmuauco li { display:inline; float:left; background: url(https://lh6.googleusercontent.com/-ftV4erNKUMk/UYJa0yzsFVI/AAAAAAAABSg/Mao3vVYtEeA/s170/cnmu-auth.png) no-repeat; }
ul.cnmuauco li a {
display: block;
width: 27px;
height: 21px;
padding-right: 6px;
position: relative;
text-decoration: none;
}  
ul.cnmuauco li a strong {
background-color: rgba(240, 11, 2, 0.86);
border-radius: 28px;
box-shadow: 0 0 5px rgba(5, 5, 5, 0.5);
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
left: 0px;
margin-top: 43px;
position: absolute;
top: -95px;
width: 88px;
z-index: 9999;
padding: 8px;
text-align: center;
}  
ul.cnmuauco li.cnmuaut-facebook {background-position: 0px 0px;}  
ul.cnmuauco li.cnmuaut-twitter {background-position: 0px -30px;}   
ul.cnmuauco li.cnmuaut-googleblus {background-position: 0px -60px;}  
ul.cnmuauco li.cnmuaut-youtube {background-position: 0px -90px;}  
ul.cnmuauco li.cnmuaut-khamsat {background-position: 0px -120px;}  
ul.cnmuauco li.cnmuaut-wsite {background-position: 0px -150px;}  
#cnmuaucohv:hover li { opacity:0.5; }  
#cnmuaucohv li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;-moz-transition-property: opacity; -moz-transition-duration: 500ms; }  
#cnmuaucohv li a strong { opacity:0; -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms; -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; }  
#cnmuaucohv li:hover { opacity:1; }  
#cnmuaucohv li:hover a strong { opacity:1; top:-10px; }
/*--------------sidebar-----------------*/
#sidebar{
float: left;
width: 34%;
border-radius: 10px;
}
.title{
background: #E7363D;
border-radius: 8px 8px 0 0;
text-align: center;
color: #fff;
font: 12px/30px 'DroidKufi-bold', tahoma;
padding: 8px 0px 5px 1px;
margin-top: 0px;
display: block;
clear: both;
overflow: hidden;
position: relative;
}
.widget-content {
background: #FFF;
padding: 10px 0px 10px 0px;
border: 1px solid #A09696;
border-radius: 0px 0px 8px 8px;
margin: -10px 0px 10px !important;
box-shadow: 0px 0px 4px #888;
text-align: center;
font-family: DroidKufi-regular;
font-size: 14px;
color: #F1280C;
}
/*---------التسميات-----------*/
.widget-content .list-label-widget-content{
margin: 0 0 3px;
}
.list-label-widget-content{
margin: 0 0 3px 0;
}
.list-label-widget-content ul li {
background: #f8f8f8 url(http://3.bp.blogspot.com/-Tr1zhqTfOUw/UgH1Ts73skI/AAAAAAAAA2U/ZeSq5CK0kbs/s1600/label.png) no-repeat 98% 50%;
padding: 6px 28px;
border: 1px solid #ddd;
margin: 2px 7px 5px 0px;
float: right;
transition: 0.5s;
overflow: hidden;
display: block;
position: relative;
bottom: 20px;
}
.list-label-widget-content ul li:hover{
background: #eee url(http://4.bp.blogspot.com/-U289gqLs1Pk/UgH2E5vJXYI/AAAAAAAAA2g/Yx6_KTisJ9c/s1600/label-o.png) no-repeat 98% 50%;
transition:0.5s;}
.list-label-widget-content ul li a {
transition: 0.5s;
color: #A0161C;
font: normal 15px GESSTwoMediumRegular;
}
.list-label-widget-content ul li a:hover{
transition:0.5s;
color: #888;
}
#Label2 ul li{background:#444;border:none;border-right:4px solid #16a085;transition:0.5s;padding:8px 13px;}
#Label2 ul li:hover{background:#16a085;border-right:4px solid #888;transition:0.5s;}
#Label2 ul li a{color:#fff;}
#Label2 ul li a:hover{color:#444;}
.feed-links{display:none;}
.widget h2{
background: #E7363D;
border-radius: 8px 8px 0 0;
text-align: center;
color: #fff;
font: 12px/30px 'DroidKufi-bold', tahoma;
padding: 8px 0px 5px 1px;
margin-top: 0px;
display: block;
clear: both;
overflow: hidden;
position: relative;
}
/*--------------footer-------------------*/
#footer-bottom{
height: 60px;
border-top: 5px solid rgba(255, 27, 64, 1);
position: relative;
top: 0px;
width: 100%;
overflow: hidden;
background: #444 url(http://2.bp.blogspot.com/-g9Nv1WvfBCo/UfXXOW9ZzsI/AAAAAAAAAn8/_bEs4QOXz5A/s1600/blackbg.png);
clear: both;
margin: 0;
}
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
/*------------------copyright----------------------*/
#copyrights-wrapper{
overflow: hidden;
background: rgba(27, 26, 26, 0.36);
color: #CACACA;
margin: 0;
font: 13px/20px 'DroidKufi-regular', tahoma;
position: relative;
top: -33px;
}
#copyrights{
width: 990px;
overflow: hidden;
margin: 0 auto;
text-shadow: 0 1px 0 #000000;
}
.copy-right{
float: right;
padding: 40px 25px;
font: 15px/20px 'DroidNaskh-Regular', tahoma;
}
.copy-right a{
color: #DFDFDF;
text-decoration: none;
position: relative;
top: -2px;
}
a:hover {
color: #FF0B0B;
text-decoration: none;}
.copy-left{
float: left;
padding: 40px 7px;
top: 12px;
direction: rtl;
font: 15px/20px 'GESSTwoMediumRegular', tahoma;
}
.copy-left a {
padding: 5px 5px;
margin-right: 4px;
color: #FFFFFF;
background: #E60606;
border-radius: 3px;
clear: both;
overflow: hidden;
text-transform: initial;
font: 15px/20px Arial, tahoma;
}
/*----------تحديد النص و السكرول بار---------------*/
::selection {
background: #E90A0A;
color: #fff;
text-shadow: 1px 1px 0 #5F5A5A;
}
::-webkit-scrollbar {
background: #E4E4E4;
width: 15px;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
background-image: -webkit-linear-gradient(top, #E90A0A 10%, #FC0E2B 51%);
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
/*---------------fonts----------------*/
@font-face {
font-family: 'DroidKufi-Bold';
src: url('http://jaser.net23.net/webfont/fonts/DroidKufi-Bold.eot');
src: url('http://jaser.net23.net/webfont/fonts/DroidKufi-Bold.eot?') format('embedded-opentype'),
url('http://jaser.net23.net/webfont/fonts/DroidKufi-Bold.woff') format('woff'),
url('http://jaser.net23.net/webfont/fonts/DroidKufi-Bold.ttf') format('truetype'); }
@font-face {
font-family: 'DroidKufi-Regular';
src: url('http://jaser.net23.net/webfont/fonts/DroidKufi-Regular.eot');
src: url('http://jaser.net23.net/webfont/fonts/DroidKufi-Regular.eot?') format('embedded-opentype'),
url('http://jaser.net23.net/webfont/fonts/DroidKufi-Regular.woff') format('woff'),
url('http://jaser.net23.net/webfont/fonts/DroidKufi-Regular.ttf') format('truetype'); } 
@font-face {
font-family: 'DroidNaskh-Bold';
src: url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Bold.eot');
src: url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Bold.eot?') format('embedded-opentype'),
url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Bold.woff') format('woff'),
url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Bold.ttf') format('truetype'); }
@font-face {
font-family: 'DroidNaskh-Regular';
src: url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Regular.eot');
src: url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Regular.eot?') format('embedded-opentype'),
url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Regular.woff') format('woff'),
url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Regular.ttf') format('truetype'); }
@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'); }
/*-------------لوحه تحكم----------------*/ 
ul.cnmu-soc {position: fixed;top: 200px;left: 10px;width: 36px;overflow: hidden;padding: 5px;background: #ffffff;border-width: 1px;border-style: solid;border-color: #ccc;-moz-box-shadow: 1px 1px 3px #666666;-webkit-box-shadow: 1px 1px 3px #666666;box-shadow: 1px 1px 3px #666666;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}  
ul.cnmu-soc li { display:inline; float:right; background: url(https://lh6.googleusercontent.com/-w0a53XQed88/UPHMj2LZkwI/AAAAAAAAAFw/Wk1yeASh4kY/s295/cnmu-bl.png) no-repeat center center; }
ul.cnmu-soc li a { display:block; width:25px; height:25px;position:relative; margin-left:-3px;text-decoration:none; }  
ul.cnmu-soc li.cnmu-bl1 {background-position: 0px 0px;); }  
ul.cnmu-soc li.cnmu-bl2 {background-position: 0px -25px;); }   
ul.cnmu-soc li.cnmu-bl3 {background-position: 0px -50px;); }  
ul.cnmu-soc li.cnmu-bl4 {background-position: 0px -75px;); }  
ul.cnmu-soc li.cnmu-bl5 {background-position: 0px -100px;); }  
ul.cnmu-soc li.cnmu-bl6 {background-position: 0px -125px;); }  
ul.cnmu-soc li.cnmu-bl7 {background-position: 0px -150px;); }  
ul.cnmu-soc li.cnmu-bl8 {background-position: 0px -175px;); }  
ul.cnmu-soc li.cnmu-bl9 {background-position: 0px -200px;); }  
ul.cnmu-soc li.cnmu-bl10 {background-position: 0px -225px;); }  
ul.cnmu-soc li.cnmu-bl11 {background-position: 0px -250px;); }  
ul.cnmu-soc li.cnmu-bl12 {background-position: 0px -275px;); }  
#cnmu-cssanime:hover li { opacity:0.2; }  
#cnmu-cssanime li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;-moz-transition-property: opacity; -moz-transition-duration: 500ms; }  
#cnmu-cssanime li a strong { opacity:0; -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms; -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; }  
#cnmu-cssanime li:hover { opacity:1; }  
#cnmu-cssanime li:hover a strong { opacity:1; top:-10px; }
/*--------------------others-----------------------*/
.post-hentry{
background: #fff;
border: 1px solid #ccc;
padding: 0px 0px 40px 0px;
border-bottom: 4px solid #F00;
border-radius: 4px;
}
.comments {
clear: both;
margin-top: 10px;
margin-bottom: 0;
background: #fff;
direction: rtl;
position: relative;
top: 5px;
border: 1px solid #ccc;
border-bottom: 4px solid #FF001F;
border-radius: 4px;
}
.doncaprio-share-buttons
{
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #BBBBBB;
padding: 5px;
border-bottom: 4px solid #FF1010;
margin: 20px 0px 0px 0px;
}









  .comments {
  clear: both;
  margin-top: 10px;
  margin-bottom: 0px;
  line-height: 1em;
}
.comments .comments-content {
  font-size: 14px;
  margin-bottom: 16px;
font-family: Verdana;
font-weight: normal;
text-align:right;
line-height: 1.4em;
}
.comments .continue a, .comments .comment .comment-actions a {
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding: 2px 5px;
text-decoration: none;
text-shadow:0 1px 1px rgba(0,0,0,.3);
color:#FFF;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-right: 10px;
border: 1px solid #3079ED;
background: #0066FF;
background: -webkit-gradient(linear, left top, left bottom, from(#0099FF), to(#009999));
background: -moz-linear-gradient(top, #0099FF, #009999);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099FF',  endColorstr='#009999');
}
.comments .continue a:hover, .comments .comment .comment-actions a:hover {
  text-decoration: none;
background:#0099FF;
background: -webkit-gradient(linear, left top, left bottom, from(#009999), to(#0099FF));
background: -moz-linear-gradient(top, #009999, #0099FF);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#009999',  endColorstr='#0099FF');
}
.comments .continue a:active, .comments .comment .comment-actions a:active {
position: relative;
top:1px;
background: -webkit-gradient(linear, left top, left bottom, from(#0066FF), to(#0099CC));
background: -moz-linear-gradient(top, #0066FF, #0099CC);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066FF',  endColorstr='#0099CC');
}
.comments .comments-content .comment-thread ol {
  list-style-type: none;
  padding: 0;
  text-align: none;
}
.comments .comments-content .inline-thread {
  padding: 0.5em 1em 0 1em;
}
.comments .comments-content .comment-thread {
  margin: 8px 0px 0px 0px;
}
.comments .comments-content .comment-thread:empty {
  display: none;
}
.comments .comments-content .comment-replies {
  margin-top: 1em;
  margin-left: 40px;   font-size:12px;
}
.comments .comments-content .comment {
  padding-bottom:8px;
  margin-bottom: 0px
}
.comments .comments-content .comment:first-child {
  padding-top:16px;
}
.comments .comments-content .comment:last-child {
  border-bottom:0;
  padding-bottom:0;
}
.comments .comments-content .comment-body {
  position:relative;
}
.comments .comments-content .user {
  font-style:normal;
  font-weight:bold;
}
.comments .comments-content .user a {
  color: #444;
}
.comments .comments-content .user a:hover {
  text-decoration: none;
color: #555;
}
.comments .comments-content .icon.blog-author {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin: 0 0 6px -4px;
}
.comments .comments-content .datetime {
  margin-left:6px;
color: #999;
font-style: italic;
font-size: 12px;
float: left;
}
.comments .comments-content .comment-content {
font-family: Arial, sans-serif;
font-size: 15px;
line-height: 19px;
}
.comments .comments-content .comment-content {
font-family: Arial, sans-serif;
font-size: 15px;
line-height: 19px;
  text-align:none;
margin: 15px 0 15px;
}
.comments .comments-content .owner-actions {
  position:absolute;
  right:0;
  top:0;
}
.comments .comments-replybox {
  border: none;
  height: 250px;
  width: 100%;
}
.comments .comment-replybox-single {
  margin-top: 5px;
  margin-left: 48px;
}
.comments .comment-replybox-thread {
  margin-top: 5px;
}
.comments .comments-content .loadmore a {
  display: block;
  padding: 10px 16px;
  text-align: center;
}
.comments .thread-toggle {
  cursor: pointer;
  display: inline-block;
}
.comments .comments-content .loadmore {
  cursor: pointer;
  max-height: 3em;
  margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
  max-height: 0px;
  opacity: 0;
  overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
  display: none;
}
.comments .thread-toggle {
  display: inline-block;
}
.comments .thread-toggle .thread-arrow {
  display: inline-block;
  height: 6px;
  width: 7px;
  overflow: visible;
  margin: 0.3em;
  padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
  background:  url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc  AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC&quot;)  no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
  background:  url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA  AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB  JRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {
  float: right;
  overflow: hidden;
}
.comments .avatar-image-container img {
  width: 36px;
}
.comments .comment-block {
  margin-right: 48px;
  position: relative;
padding: 20px 15px 20px 15px;
background: #F7F7F7;
border: 1px solid #E4E4E4;
overflow: hidden;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-image: initial;
}









    ]]></b:skin>
    <script type='text/javascript'>
      var thumbnail_mode = &quot;no-float&quot; ;
      summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */
      summary_img = 250; /* طول الملخص للمواضيع ذات صورة*/
      img_thumb_height = 143; /* عرض الصورة في الملخص*/
      img_thumb_width = 207; /*طول الصورة في الملخص */
    </script>
    <script src='http://abuiyad.googlecode.com/svn/read-more-right.js' type='text/javascript'/>
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
    <script src='http://yourjavascript.com/24211643151/jquery.easing.js' type='text/javascript'/>
    <script type='text/javascript'>
      //<![CDATA[//]]>
    </script>
    <style>
      #related-posts { float : left; width : 600px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 14px DroidKufi-regular; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 11px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; padding-right:2px;} #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(&quot;http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png&quot;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #000000; } </style>
    <script src='http://yourjavascript.com/250120301911/related.js' type='text/javascript'/>
  </head>
  <body>
    <b:section id='all'/>
    <div class='all'>
      <div id='header'>
        <div id='cssmenu'>
          <ul>
            <li>
              <a href='#'>
                <span>
                  راسلنا
                </span>
              </a>
            </li>
            <li>
              <a href='#'>
                <span>
                  اتصل بنا 
                </span>
              </a>
            </li>
          </ul>
        </div>
        <!-- AddThis Button date -->
        <div class='date'>
          &lt;script language=&quot;JavaScript&quot;&gt;
          var devmon;
          function isGregLeapYear(year)
          {
          return year%4 == 0 &amp;&amp; year%100 != 0 || year%400 == 0;
          }
          function gregToFixed(year, month, day)
          {
          var a = Math.floor((year - 1) / 4);
          var b = Math.floor((year - 1) / 100);
          var c = Math.floor((year - 1) / 400);
          var d = Math.floor((367 * month - 362) / 12);
          if (month &lt;= 2)
          e = 0;
          else if (month &gt; 2 &amp;&amp; isGregLeapYear(year))
          e = -1;
          else
          e = -2;
          return 1 - 1 + 365 * (year - 1) + a - b + c + d + e + day;
          }
          function Hijri(year, month, day)
          {
          this.year = year;
          this.month = month;
          this.day = day;
          this.toFixed = hijriToFixed;
          this.toString = hijriToString;
          }
          function hijriToFixed()
          {
          return this.day + Math.ceil(29.5 * (this.month - 1)) + (this.year - 1) * 354 +
          Math.floor((3 + 11 * this.year) / 30) + 227015 - 1;
          }
          var tod=new Date();
          var weekday=new Array(&quot;الأحد&quot;,&quot;الإثنين&quot;,&quot;الثلاثاء&quot;,&quot;الأربعاء&quot;,&quot;الخميس&quot;,&quot;الجمعة&quot;,&quot;السبت&quot;);
          var monthname=new Array(&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 y = tod.getFullYear();
          var m = tod.getMonth();
          var d = tod.getDate();
          var dow = tod.getDay();
          document.write(weekday[dow] + &quot; &quot; + d + &quot; &quot; + monthname[m] + &quot; &quot; + y);
          m++;
          devmon=gregToFixed(y, m, d);
          var h=new Hijri(1421, 11, 28);
          h = fixedToHijri(devmon);
          document.write(&quot; م - &quot; + h.toString() + &quot; ه &amp;nbsp;&quot;);
          &lt;/script&gt;
          &lt;!-- Start JavaScript Clock Code --&gt;
          &lt;b class=&quot;time7yom&quot;&gt;
          &lt;span  id=&quot;js_clock&quot;&gt;
          &lt;script language=&quot;javascript&quot;&gt;function js_clock(){var clock_time = new Date();
          var clock_hours = clock_time.getHours();
          var clock_minutes = clock_time.getMinutes();
          var clock_seconds = clock_time.getSeconds();
          var clock_suffix = &quot;صباحا &quot;;if (clock_hours &gt; 11){clock_suffix = &quot;مساء&quot;;clock_hours = clock_hours - 12;}if (clock_hours == 0){clock_hours = 12;}if (clock_hours &lt; 10){clock_hours = &quot;0&quot; + clock_hours;}if (clock_minutes &lt; 10){clock_minutes = &quot;0&quot; + clock_minutes;}if (clock_seconds &lt; 10){clock_seconds = &quot;0&quot; + clock_seconds;}var clock_div = document.getElementById(&#39;js_clock&#39;);clock_div.innerHTML = clock_hours + &quot;:&quot; + clock_minutes + &quot;:&quot; + clock_seconds + &quot; &quot; + clock_suffix;setTimeout(&quot;js_clock()&quot;, 1000);}js_clock();&lt;/script&gt;&lt;/span&gt;&lt;/b&gt;
        </div>
        <!-- AddThis Button date END -->
        <div class='search'>
          <form action='http://test2013.blogspot.com' method='get'>
            <input class='Box' name='s' onBlur='if(this.value==&apos;&apos;)this.value=&apos;ضع كلمة البحث هنا ..&apos; ' onfocus='if(this.value==&apos;ضع كلمة البحث هنا ..&apos;)this.value=&apos;&apos;' size='25' tabindex='1001' title='ضع كلمة تعبر بها عما تبحث' type='text' value='ضع كلمة البحث هنا ..'/>
            <input class='Go' type='submit' value=''/>
          </form>
        </div>
      </div>
      <div class='adslogo'>
        <div id='logo'>
          <b:section id='logo'>
            <b:widget id='Header1' locked='false' title='مدونتى (رأس الصفحة)' type='Header'>
              <b:includable id='main'>
                <b:if cond='data:useImage'>
                  <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
                    <!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
                    <b:if cond='data:mobile'>
                      <div id='header-inner'>
                        <div class='titlewrapper' style='background: transparent'>
                          <h1 class='title' style='background: transparent; border-width: 0px'>
                            <b:include name='title'/>
                          </h1>
                        </div>
                        <b:include name='description'/>
                      </div>
                      <b:else/>
                      <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
                        <div class='titlewrapper' style='background: transparent'>
                          <h1 class='title' style='background: transparent; border-width: 0px'>
                            <b:include name='title'/>
                          </h1>
                        </div>
                        <b:include name='description'/>
                      </div>
                    </b:if>
                    <b:else/>
                    <!--Show the image only-->
                    <div id='header-inner'>
                      <a expr:href='data:blog.homepageUrl' style='display: block'>
                        <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
                      </a>
                      <!--Show the description-->
                      <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
                        <b:include name='description'/>
                      </b:if>
                    </div>
                  </b:if>
                  <b:else/>
                  <!--No header image -->
                  <div id='header-inner'>
                    <div class='titlewrapper'>
                      <h1 class='title'>
                        <b:include name='title'/>
                      </h1>
                    </div>
                    <b:include name='description'/>
                  </div>
                </b:if>
              </b:includable>
              <b:includable id='description'>
                <div class='descriptionwrapper'>
                  <p class='description'>
                    <span>
                      <data:description/>
                    </span>
                  </p>
                </div>
              </b:includable>
              <b:includable id='title'>
                <b:if cond='data:blog.url == data:blog.homepageUrl'>
                  <data:title/>
                  <b:else/>
                  <a expr:href='data:blog.homepageUrl'>
                    <data:title/>
                  </a>
                </b:if>
              </b:includable>
            </b:widget>
          </b:section>
        </div>
        <div id='ads'>
          <b:section id='ads'>
            <b:widget id='AdSense1' locked='false' title='' type='AdSense'>
              <b:includable id='main'>
                <div class='widget-content-ads'>
                  <b:if cond='data:blog.disableAdSenseWidget != &quot;true&quot;'>
                    <data:adCode/>
                  </b:if>
                  <b:include name='quickedit'/>
                </div>
              </b:includable>
            </b:widget>
          </b:section>
        </div>
        <nav id='nav'>
          <ul id='menuhlng1'>
            <li class='mhome'>
              <a href='#'/>
            </li>
            <li>
              <a href='http://test2013.blogspot.com/search/label/Facebook' target='_blank'>
                قائمه
              </a>
            </li>
            <li>
              <a href='#' target='_blank'>
                قائمه
              </a>
            </li>
            <li>
              <a href='#' target='_blank'>
                قائمه
              </a>
            </li>
            <li>
              <a href='#' target='_blank'>
                قائمه
              </a>
            </li>
            <li>
              <a href='#' target='_blank'>
                قائمه
              </a>
            </li>
            <li>
              <a href='#' target='_blank'>
                قائمه
              </a>
            </li>
            <li>
              <a href='#' target='_blank'>
                قائمه
              </a>
            </li>
            <li>
              <a href='#' target='_blank'>
                قائمه
              </a>
            </li>
            <li>
              <a href='#' target='_blank'>
                قائمه
              </a>
            </li>
            <li>
              <a href='#'>
                قائمه منسدله
              </a>
              <ul class='submenu'>
                <li>
                  <a href='#' target='_blank'>
                    قائمه
                  </a>
                </li>
                <li>
                  <a href='#' target='_blank'>
                    قائمه
                  </a>
                </li>
                <li>
                  <a href='#' target='_blank'>
                    قائمه
                  </a>
                </li>
              </ul>
            </li>
          </ul>
        </nav>
      </div>
      <div class='annocementtop'>
        <h2>
        </h2>
        <p>
          يمكنك هنا وضع أي اشعار أو إعلان للزائر حيث أن مكان هذه الأداة مناسب ومستهدف وسوف يقرأه كل الزوار والمتابعين لمدونتك.
        </p>
      </div>
      <div id='main'>
        <div id='posts'>
          <b:section id='post'>
            <b:widget id='HTML3' locked='false' title='' type='HTML'>
              <b:includable id='main'>
                <b:if cond='data:blog.url == data:blog.homepageUrl'>
                  <!-- 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-slidshow'>
                    <data:content/>
                  </div>
                  <b:include name='quickedit'/>
                </b:if>
              </b:includable>
            </b:widget>
            <b:widget id='Blog1' locked='true' 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.dateHeader'>
                        <h2 class='date-header'>
                          <span>
                            <data:post.dateHeader/>
                          </span>
                        </h2>
                      </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:include data='post' name='comment_picker'/>
                        </b:if>
                        <b:if cond='data:blog.pageType == &quot;item&quot;'>
                          <b:include data='post' name='comment_picker'/>
                        </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='ButtonsbloggerFix'/>
                  <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='ButtonsbloggerFix'>
                <span class='item-control blog-admin'>
                  <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
                    <ul class='cnmu-soc' id='cnmu-cssanime'>
                      
					  <li class='cnmu-bl1'>
<a class='layout' href='http://www.blogger.com/home' target='_blank' title='الرئيسية '></a>
</li>
<li class='cnmu-bl2'>
<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#overview' target='_blank' title='نظرة عامة '></a>
</li>
<li class='cnmu-bl3'>
<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#editor/src=sidebar' target='_blank' title='مشاركة جديدة'></a>
</li>
<li class='cnmu-bl4'>
<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#allposts' target='_blank' title='المشاركات'></a>
</li>
<li class='cnmu-bl5'>
<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#pages' target='_blank' title='الصفحات'></a>
</li>
<li class='cnmu-bl6'>
<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#publishedcomments' target='_blank' title='التعليقات'></a>
</li>
<li class='cnmu-bl7'>
<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#googleplus' target='_blank' title='Google +'></a>
</li>
<li class='cnmu-bl8'>
<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#overviewstats' target='_blank' title='الإحصائيات'></a>
</li>
<li class='cnmu-bl9'>
<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#adsensesummary' target='_blank' title='الأرباح'></a>
</li>
<li class='cnmu-bl10'>
<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#pageelements' target='_blank' title='تخطيط'></a>
</li>
<li class='cnmu-bl11'>
<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#template' target='_blank' title='قالب'></a>
</li>
<li class='cnmu-bl12'>
<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#basicsettings' target='_blank' title='إعدادات'></a>
</li>
					  
					  
                    </ul>
                  </b:if>
                </span>
              </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' style='     font: 13px/20px &apos;DroidKufi-regular&apos;, tahoma;       color: #FFFFFF;       line-height: 40px;     position: relative;  top: 15px;       right: 10px;     background-color: #D12626;     width: 115px;     border-bottom: 3px solid #FA3302;     text-align: center; '>
                      <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.commentSource == 1'>
                  <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' 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: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: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>
              </b:includable>
              <b:includable id='comments' var='post'>
                <div class='comments' id='comments'>
                  <a name='comments'/>
                  <b:if cond='data:post.allowComments'>
                    <h4 style='     font: 13px/20px &apos;DroidKufi-regular&apos;, tahoma;  color: #4700FF;     position: relative;     top: 15px;     right: 12px; '>
                      <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>
                    <!--تعليق الفيس بوك 3-->
                    <b:if cond='data:blog.pageType == &quot;index&quot;'>
                      <span style='float:right; margin-right:3px; margin-left:3px;'>
                        <img src='https://lh3.googleusercontent.com/-R51mIFUW7dE/UZiGq15vaJI/AAAAAAAABfg/lWkNMcBsi48/s16/facebook_icon.gif'/>
                        <a class='comment-link' expr:href='data:post.addCommentUrl'>
                          <fb:comments-count expr:href='data:post.url'/>
                          تعليق 
                        </a>
                      </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>
                <!--تعليق الفيس بوك 1-->
                <b:if cond='data:blog.pageType == &quot;item&quot;'>
                  <h align='center'>
                    <div align='center' class='doncaprio-share-buttons' style='background: #f2f2f2;'>
                      <h4 id='comment-post-message' style='     font: 20px/20px &apos;GESSTwoMediumRegular&apos;, tahoma;       color: #FFFFFF;       line-height: 40px;     position: relative;       top: -23px;       right: 5px;     background-color: #FD001E;     border-bottom: 3px solid #FDCB00;     /* text-align: center; */      width: 642px;     margin: 18px 0px -45px 0px;     z-index: 1;     padding: 0px 0px 0px 0px;'>
                        اذا أعجبك الموضوع فلا تبخل علينا بالردود المشجعه
                      </h4>
                      <br/>
                      <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
                      <div>
                        <fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='630'/>
                      </div>
                      <div align='right'/>
                    </div>
                  </h>
                </b:if>
                <!---->
              </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'>
                    </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'>
                <div class='feed-links'>
                  <data:feedLinksMsg/>
                  <b:loop values='data:links' var='f'>
                    <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'>
                      <data:f.name/>
                      (
                      <data:f.feedType/>
                      )
                    </a>
                  </b:loop>
                </div>
              </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='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>
                      <div style='clear: both;'/>
                    </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'>
                            <b:include data='post' name='comment_count_picker'/>
                          </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'>
                  <b:if cond='data:post.dateHeader'>
                    <h2 class='date-header'>
                      <span>
                        <data:post.dateHeader/>
                      </span>
                    </h2>
                  </b:if>
                  <div class='date-posts'>
                    <div class='post-outer'>
                      <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
                        <b:if cond='data:post.thumbnailUrl'>
                          <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
                        </b:if>
                        <meta expr:content='data:blog.blogId' itemprop='blogId'/>
                        <meta expr:content='data:post.id' itemprop='postId'/>
                        <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/>
                          <div style='clear: both;'/>
                          <!-- clear for photos floats -->
                        </div>
                        <div class='infox'/>
                        <div class='post-footer'>
                          <div class='post-footer-line post-footer-line-1'>
                            <span class='post-author vcard'>
                              <b:if cond='data:top.showAuthor'>
                                <b:if cond='data:post.authorProfileUrl'>
                                  <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                    <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                                    <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                                      <span itemprop='name'>
                                        <data:post.author/>
                                      </span>
                                    </a>
                                  </span>
                                  <b:else/>
                                  <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                    <span itemprop='name'>
                                      <data:post.author/>
                                    </span>
                                  </span>
                                </b:if>
                              </b:if>
                            </span>
                            <span class='post-timestamp'>
                              <b:if cond='data:top.showTimestamp'>
                                <data:top.timestampLabel/>
                                <b:if cond='data:post.url'>
                                  <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                                  <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
                                    <abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
                                      <data:post.timestamp/>
                                    </abbr>
                                  </a>
                                </b:if>
                              </b:if>
                            </span>
                            <span class='post-comment-link'>
                              <b:if cond='data:blog.pageType != &quot;item&quot;'>
                                <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                                  <b:if cond='data:post.allowComments'>
                                    <b:include data='post' name='comment_count_picker'/>
                                  </b:if>
                                </b:if>
                              </b:if>
                            </span>
                          </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:include data='post' name='comment_picker'/>
                      </b:if>
                      <b:if cond='data:blog.pageType == &quot;item&quot;'>
                        <b:include data='post' name='comment_picker'/>
                      </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='post' var='post'>
                <div class='post-hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
                  <b:if cond='data:post.firstImageUrl'>
                    <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
                  </b:if>
                  <meta expr:content='data:blog.blogId' itemprop='blogId'/>
                  <meta expr:content='data:post.id' itemprop='postId'/>
                  <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'/>
                    <b:if cond='data:blog.pageType  == &quot;item&quot;'>
                      <Center>
                        <img src='https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-prn1/996797_167944343408804_2140594878_n.jpg'/>
                      </Center>
                    </b:if>
                  </div>
                  <b:if cond='data:blog.metaDescription == &quot;&quot;'>
                    <!-- Then use the post body as the schema.org description,
for good G+/FB snippeting. -->
                    <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
                      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                        <br/>
                        <data:post.body/>
                        <b:else/>
                        <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>
                          <span class='rmlink'>
                            <a expr:href='data:post.url'>
                              إقرأ المزيد..
                            </a>
                          </span>
                          <a href='http://bloggeradsenseo.blogspot.com/2013/02/read-more-for-blogger.html' style='display:none;'/>
                          <a href='http://bloggeradsenseo.blogspot.com' style='display:none;'>
                            bloggeradsenseo
                          </a>
                        </b:if>
                      </b:if>
                      <b:if cond='data:blog.pageType == &quot;item&quot;'>
                        <data:post.body/>
                      </b:if>
                      <div style='clear: both;'/>
                      <!-- clear for photos floats -->
                    </div>
                    <b:else/>
                    <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
                      <data:post.body/>
                      <div style='clear: both;'/>
                      <!-- clear for photos floats -->
                    </div>
                  </b:if>
                  <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>
                  <!--كاتب الموضوع-->
                  <b:if cond='data:blog.pageType == &quot;item&quot;'>
                    <div class='cnmuauthor'>
                      <img alt='إسم الكاتب' src='http://img560.imageshack.us/img560/9942/kjh1.png'/>
                      <h4>
                        اسم الكاتب: حسام حرى
                        <ul class='cnmuauco' id='cnmuaucohv'>
                          <li class='cnmuaut-facebook'>
                            <a href='https://www.facebook.com/blogger.hosamherry' rel='nofollow' target='_blank'>
                              <strong>
                                الفيس بوك
                              </strong>
                            </a>
                          </li>
                          <li class='cnmuaut-youtube'>
                            <a href='http://www.youtube.com/hossam2010ist' rel='nofollow' target='_blank'>
                              <strong>
                                اليوتيوب
                              </strong>
                            </a>
                          </li>
                          <li class='cnmuaut-wsite'>
                            <a href='http://hosam-herry.blogspot.com/' target='_blank'>
                              <strong>
                                المدونه
                              </strong>
                            </a>
                          </li>
                        </ul>
                      </h4>
                      <p>
                        مدون مصرى&#1548; مغرم بالتكنولوجيا وأحب أن أضع كل ما أعرف من معلومات حول الحاسوب ولاأبخل به عليكم 
                      </p>
                    </div>
                  </b:if>
                  <!--كاتب الموضوع-->
                  <div class='post-footer'>
                    <div class='post-footer-line post-footer-line-1'>
                      <b:if cond='data:blog.pageType == &quot;item&quot;'>
                        <style>
                          .post-footer{
                            background: rgba(255, 255, 255, 0);
                            border-bottom: 1px solid #D8D8D8;
                            clear: both;
                            position: absolute;
                            top: 660px;
                            left: 528px;
                            width: 642px;
                            overflow: hidden;
                            padding: 18px 165px 0px 0px;
                          }</style>
                      </b:if>
                      <b:if cond='data:blog.pageType == &quot;item&quot;'>
                        <style>
                          .post-comment-link{display:none;}</style>
                      </b:if>
                      <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>
                      <span class='post-timestamp'>
                        <b:if cond='data:top.showTimestamp'>
                          <b:if cond='data:post.url'>
                            <a class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'>
                              <abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
                                <data:post.timestamp/>
                              </abbr>
                            </a>
                          </b:if>
                        </b:if>
                      </span>
                      <span class='post-comment-link'>
                        <b:if cond='data:blog.pageType != &quot;item&quot;'>
                          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                            <b:if cond='data:post.allowComments'>
                              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                                <data:post.commentLabelFull/>
                              </a>
                            </b:if>
                          </b:if>
                        </b:if>
                      </span>
                      <span class='post-labels'>
                        <b:if cond='data:post.labels'>
                          <data:postLabelsLabel/>
                          <b:loop values='data:post.labels' var='label'>
                            <a expr:href='data:label.url' rel='tag'>
                              <data:label.name/>
                            </a>
                            <b:if cond='data:label.isLast != &quot;true&quot;'/>
                          </b:loop>
                        </b:if>
                      </span>
                      <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>
                    </div>
                    <div class='post-footer-line post-footer-line-2'>
                    </div>
                    <div class='post-footer-line post-footer-line-3'>
                      <span class='post-location'>
                        <b:if cond='data:top.showLocation'>
                          <b:if cond='data:post.location'>
                            <data:postLocationLabel/>
                            <a expr:href='data:post.location.mapsUrl' target='_blank'>
                              <data:post.location.name/>
                            </a>
                          </b:if>
                        </b:if>
                      </span>
                    </div>
                    <b:if cond='data:post.authorAboutMe'>
                      <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                        <b:if cond='data:post.authorPhoto.url'>
                          <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
                        </b:if>
                        <div>
                          <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
                            <span itemprop='name'>
                              <data:post.author/>
                            </span>
                          </a>
                        </div>
                        <span itemprop='description'>
                          <data:post.authorAboutMe/>
                        </span>
                      </div>
                    </b:if>
                  </div>
                </div>
              </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='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
                    </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-message'>
                <b:if cond='data:navMessage'>
                  <div class='status-msg-wrap'>
                    <div class='status-msg-body'>
                      <data:navMessage/>
                    </div>
                    <div class='status-msg-border'>
                      <div class='status-msg-bg'>
                        <div class='status-msg-hidden'>
                          <data:navMessage/>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div style='clear: both;'/>
                </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_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'>
                  <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 id='sidebar'>
          <b:section id='sidebars-top'>
            <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='HTML2' 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='Label1' locked='false' title='التسميات' type='Label'>
              <b:includable id='main'>
                <b:if cond='data:title'>
                  <h2>
                    <data:title/>
                  </h2>
                </b:if>
                <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
                  <b:if cond='data:display == &quot;list&quot;'>
                    <ul>
                      <b:loop values='data:labels' var='label'>
                        <li>
                          <b:if cond='data:blog.url == data:label.url'>
                            <span expr:dir='data:blog.languageDirection'>
                              <data:label.name/>
                            </span>
                            <b:else/>
                            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
                              <data:label.name/>
                            </a>
                          </b:if>
                          <b:if cond='data:showFreqNumbers'>
                            <span dir='ltr'>
                              (
                              <data:label.count/>
                              )
                            </span>
                          </b:if>
                        </li>
                      </b:loop>
                    </ul>
                    <b:else/>
                    <b:loop values='data:labels' var='label'>
                      <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
                        <b:if cond='data:blog.url == data:label.url'>
                          <span expr:dir='data:blog.languageDirection'>
                            <data:label.name/>
                          </span>
                          <b:else/>
                          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
                            <data:label.name/>
                          </a>
                        </b:if>
                        <b:if cond='data:showFreqNumbers'>
                          <span class='label-count' dir='ltr'>
                            (
                            <data:label.count/>
                            )
                          </span>
                        </b:if>
                      </span>
                    </b:loop>
                  </b:if>
                  <b:include name='quickedit'/>
                </div>
              </b:includable>
            </b:widget>
            <b:widget id='HTML4' 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='HTML5' 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:section>
        </div>
        <div id='footer'>
          <div id='footer-column-container'>
            <div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
              <b:section class='footer-column' id='col1' preferred='yes' style='float:left;'>
                <b:widget id='HTML6' 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:section>
            </div>
            <div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
              <b:section class='footer-column' id='col2' preferred='yes' style='float:left;'>
                <b:widget id='HTML7' 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:section>
            </div>
            <div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
              <b:section class='footer-column' id='col3' preferred='yes' style='float:right;'>
                <b:widget id='HTML8' 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:section>
            </div>
            <div style='clear:both;'/>
            <div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
              <b:section class='footer' id='col-bottom' preferred='yes'/>
              <div id='copyrights-wrapper'>
                <div id='copyrights'>
                  <div class='copy-right'>
                    جميع الحقوق محفوظة &#169; 2014
                    <a href='http://hosam-herry.blogspot.com/' target='_blank'>
                      مدونه حسام حرى 
                    </a>
                  </div>
                  <div class='copy-left'>
                    تصميم وتطوير:
                    <a href='https://www.facebook.com/hosam.hery' target='_blank'>
                      HoSaM Herry
                    </a>
                  </div>
                </div>
              </div>
            </div>
            <div style='clear:both;'/>
          </div>
        </div>
      </div>
    </div>
    <!--تعليق الفيس بوك 2-->
    <div id='fb-root'/>
    <script>
      window.fbAsyncInit = function() {
        FB.init({xfbml: true, appId:337717233038330});
      };
      (function() {
        var e = document.createElement(&#39;script&#39;); e.async = true;
                                       e.src = document.location.protocol +
                                       &#39;//connect.facebook.net/ar_AR/all.js&#39;
                                       document.getElementById(&#39;fb-root&#39;).appendChild(e);
                                       }());
    </script>
    <!---->
  </body>
</html>