<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<link href='https://asma-rahmouni.googlecode.com/svn/trunk/GESSTwoLight.css' rel='stylesheet' type='text/css'/>
  <head>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
<meta content='مدونة بروو شامل ويب طيقك نحو التقدم مدونة تقنية تهتم بجديد التكنولوجيا و توفر قوالب بلوجر احترافية مجانا...' name='description'/>
<meta content='قوالب , بلوجر , إضافات , دورات , تكويد ' name='keywords'/>
<link href='http://www.alamblogger.com/feeds/posts/default' rel='alternate' title='مدونة شامل ويب|شامل في معلوميات' type='application/atom+xml'/>
<link href='http://www.alamblogger.com/feeds/posts/default?alt=rss' rel='alternate' title='مدونة شامل ويب|شامل في معلوميات - RSS' type='application/rss+xml'/>
<link href='http://www.blogger.com/feeds/7647653529178586442/posts/default' rel='alternate' title='مدونة شامل ويب|شامل في معلوميات- Atom' type='application/atom+xml'/>
<meta content='حماية ,دروس ,فايسبوك, بلوجر ,برامج, مواقع ,حلقات, حصريات, مسابقات ,أندرويد ,مجانيات ,منوعات,blogger template,blogger....' name='description'/>
<meta content='قوالب , بلوجر , إضافات , دورات , تكويد ' name='keywords'/>
<meta content='global' name='distribution'/>
<meta content='10 days' name='revisit'/>
<meta content='10 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='Mahdi DRa' name='author'/>
<meta content='ar' name='language'/>
<meta content='Morocco' name='country'/>
<meta content='مدونة شامل ويب ل| طريقك نحو التقدم مدونة تقنية تهتم بجديد التكنولوجيا و توفر قوالب بلوجر احترافية مجانا .' name='description'/>
<meta content='index, follow' name='robots'/>
<meta content='Mahdi DRa' name='author'/>
<meta content='ll-cc' http-equiv='content-language'/>
<meta content='blogger' name='generator'/>
<meta content='ar' name='language'/>
<meta content='(c) 2015 ???? ???' name='copyright'/>
<meta content='blogger' name='generator'/>
<meta content='index, follow, ydir, odp, imageindex' name='googlebot'/>
<meta content='index, follow, ydir, odp, archive' name='slurp'/>
<meta content='index, follow, ydir, odp, archive' name='bingbot'/>
<meta content='2 hours' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='index, follow' name='robots'/>
<meta content='MOROCCO' name='country'/>
<meta content='شامل ويب' property='og:site_name'/>
<meta content='شامل ويب' property='og:title'/>
<meta content='article' property='og:type'/>
<meta content='http://www.alamblogger.com/' property='og:url'/>
<meta content='your app id' property='fb:app_id'/>
<meta content='60514DFF25AA7D59DF1628911091DB8F' name='msvalidate.01'/>
<meta content='531bc8e88adf2c60c12981d12213f9de' name='p:domain_verify'/>
<meta content='P3PteyxvAofQTxzd3M7LeZDCUWLDnQ5c8rM0buTnctg' name='google-site-verification'/>
<meta content='kvs4hTHXY10Hi_VDgaJSI1kWcYA' name='alexaVerifyID'/>
<meta content='6F40EA6C8799A6C7CAC1AB8D0B89B753' name='msvalidate.01'/>
<meta content='10631a3e15b2' name='bitly-verification'/>
<meta content='1023068241053524' property='fb:admins'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<link href='https://plus.google.com/u/0/username/posts' rel='author'/>
<link href='https://plus.google.com/u/0/username' rel='publisher'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://twitter.com/mahdidra' rel='author'/>
<link href='http://twitter.com/mahdidra' rel='publisher'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<meta content='width=1100' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
    <b:include data='blog' name='all-head-content'/>
    <h1><title><data:blog.pageTitle/></title></h1>
<link href='https://3rabtech-show.googlecode.com/svn/trunk/SocialCounter.css' id='tie-style-css' media='all' rel='stylesheet' type='text/css'/>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
<link href='path/to/font-awesome/css/font-awesome.min.css' rel='stylesheet'/>
<link href='https://asma-rahmouni.googlecode.com/svn/trunk/GESSTwoLight.css' rel='stylesheet' type='text/css'/>
<link href='https://ar1web-com.googlecode.com/svn/trunk/font-ge_dinar.css' rel='stylesheet'/>
<script src='//code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>
    <script src='http://yourjavascript.com/mmdlfk-85645021151/qh.js' type='text/javascript'/>
<b:skin><![CDATA[
/*
-----------------------------------------------
copyright template ti9ni
Name:        Blogger Template
Designer:  mehdi dra               develepement:pro-ismail
URL:        http://pro-ismail.blogspot.com/
----------------------------------------------- */
body {
font: 15px 'ge_ss_threeregular';
color:#E19393;
background:#f1f1f1;
font-size: 15px;
}
a {
text-decoration:none;
}
.clearr {
height: 20px;
}
span.item-control.blog-admin {
display: none;
}
* {
margin:0;
padding:0;
list-style:none;
transition: 0.3s;
}
.section , .widget{
margin:0;
}
#top {
  width: 100%;
  background-color: #E19393;
  height: 47px;
  margin: 0 auto;
}
#tops {
  width: 1020px;
  margin: 0 auto;
  overflow: hidden;
  height: 47px;
}
#tops ul {
  list-style: none;
}
#tops ul li {
  float: right;
  padding: 13px;
}
#tops ul li:hover {
  background-color: #B37171;
}
#tops ul li a {
  color: #fff;
}

#header-wrapper {
  min-height: 266px;
  width: 100%;
  background: url('http://store2.up-00.com/2015-03/1427118400031.jpg')-4px -218px;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#headers {
  width: 1021px;
  overflow: hidden;
  margin: 0px auto;
  height: 232px;
border-top: 4px solid #B37171;
}

#logo {
  text-align: center;
  margin-bottom: -5px;
  margin-top: 25px;
}

#nav {
  width: 100%;
  background-color: #E19393;
  height: 47px;
  margin: 0 auto;
}
#navs {
  border-bottom: 4px solid #B37171;
  width: 1020px;
  margin: 0 auto;
  overflow: hidden;
  height: 47px;
}
#navs ul {
  list-style: none;
}
.status-msg-wrap {
  display: none;
}
#navs ul li {
  float: right;
   padding: 13px 18px;
}
#navs ul li:hover {
  background-color: #B37171;
}
#navs ul li a {
  color: #fff;
}
.home {
  background-color: #B37171;
  padding: 13px 17px !important;
}
#content-wrapper {
  width: 1020px;
  margin: 13px auto;
  overflow: hidden;
}

#sidebar h2 {
  color: #fff;
  background-color: #E19393;
  font-size: 16px;
  padding: 8px 8px;
  border-bottom: 3px solid #B37171;
}

#sidebar .widget-content {
  padding: 4px;
  background-color: #fff;
  color: #E19393;
  border: 1px solid rgba(165, 165, 165, 0.28);
  margin-bottom: 15px;
}

.item-thumbnail {
width: 72px;
height: 72px;
float: right !important;
margin: 0 7px 14px 10px!important;
overflow: hidden;
-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;
border-radius: 5px 5px 5px 5px;}
.item-thumbnail:hover {
opacity: 0.4;
-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;}
.PopularPosts img {
  border-radius: 6px;
padding-right: 0;}
.PopularPosts .item-title {
padding-bottom: .8em;
text-align: right;}
.item-title a{
font-family: 'Droid Arabic Kufi', serif;
color: #434A54;
line-height: 24px;
font-size: 14px;
font-weight: bold;}
.item-title a:hover{
color: #06C8AB;
transition: 0.7s}
.PopularPosts .item-title {
padding-bottom: .8em;}
.item-snippet{
font: normal 11px tahoma;
color: #aaa;
height: 28px;
overflow: hidden;}
.PopularPosts .widget-content ul li {list-style: none;  margin-bottom: -18px;}
.PopularPosts img {padding-right: 0;}

.feed-links {
  display: none !important;
}
.list-label-widget-content li a{
position: relative;
display: block;
padding: 3.4em .4em .4em .4em;
margin: 4px;
background: #fff;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
padding-top: 7px;
border: 1px solid #B37171;
padding-bottom: 9px;
padding-left: 27px;
padding-right: 14px;
font: 14px ge_ss_threeregular;
margin-left: 5px;
border-radius: 4px;
text-shadow: 1px 1px rgba(255, 255, 255, 0.48);
color: #B37171 !important;
}
.list-label-widget-content li {
  width: 136px;
  text-align: center;
  float: right;
  margin-right: -3px;
}
span.post-labels {
  display: none;
}


.showpageArea a {
  float: right;
  font-size: 12px;
  padding: 12px 18px;
  background: #FFF;
  margin: 0 0 0 4px;
  font-family: 'Droid Arabic Kufi', serif;
  display: block;
  border: 1px solid #F8F8F8;
  border-radius: 3px;
  transition: 0.4s;
}
.showpagePoint {
float: right;
font-size: 12px;
padding: 13px 18px;
background: #B37171;
margin: 0 0 0 4px;
display: block;
border-radius: 3px;
color: #FFF;
font-family: 'Droid Arabic Kufi', serif;
}
.showpageArea a {
text-decoration: none;
color: #434A54;
font-family: 'Droid Arabic Kufi', serif;
}
.showpageArea a:hover {
border: 1px solid #434A54;
color: #656D78;
transition:0.4s;
}
.showpageOf {
display: none;
}
.showpageArea {
float: right;
margin:5px 0 7px;
}


#footer-wrapper {width: 100%;clear: both;}
#footer-wrapper .widget-content {
}
#footer-wrapper h2 {
  font-family: 'Droid Arabic Kufi', serif;
  color: #fff;
  margin-bottom: 6px;
  font-size: 23px;
}
#footer-wrapper .section {
margin: 0;
}
#Fo-compane {
width: 100%;
background: #E19393;
display: flex;
padding: 5px 0;
}
#compane {
width: 1020px;
margin: auto;
}
.Blog-compane {
color: #fff;
float: right;
font-family: 'Droid Arabic Kufi', serif;
}
.pro-compane {
color: #fff;
float: left;
margin-right: 5px;
font-family: 'Droid Arabic Kufi', serif;
}
#footer-edg {
  background: url(http://static.simpledesktops.com/uploads/desktops/2015/04/06/soaring_mountains.png);
  border-top: 4px solid #E19393;
  display: -webkit-box;
  background-size: 100% 100%;
}
#footer-tools {
width: 1050px;
margin: auto;
padding: 15px 0;
}
#footer-too {
width: 500px;
float: left;
}
#aut-edg {
width: 500px;
float: right;
}
.aut-edg {
color: #fff;
font-size: 15px;
width: 500px;
}
.comments-page { background-color: #f2f2f2;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab {
float: right;
padding: 10px 5px;
cursor: pointer;
background: #5A3A6B;
text-align: center;
width: 335px;
color: #fff;
font-family: 'Droid Arabic Kufi', serif;}
.comments-tab-icon {
margin-left: 3px;
}
.inactive-select-tab {
background: #eee;
width: 335px;
color: #000;
}
/* CSS Social Share */
h9 {
color: #fff;
font-family: 'Droid Arabic Kufi', serif;
margin-right: 140px;
}
.share-box{
font-size: 14px;
padding: 10px 0 11px;
position: relative;
margin-top: 10px;
}
#sub {
float: right;
display: flex;
border-right: 1px solid #3B558B;
display: initial;
}
#sub a {
display: -webkit-box;
}
.eqs {
width: 781px;
margin: 0 auto;
overflow: HIDDEN;
padding-top: 50px;
}
.eq{
color: #FAFAFA;
font-family: 'Droid Arabic Kufi', serif;
font-size: 19px;
font-weight: 500;
}
.equipes h2{
font-family: 'Droid Arabic Kufi', serif;
color: #fff;
}
.equipes li {
position: relative;
float: right;
margin-left: 40px;
margin-right: 40px;
text-align: center;
}
.equipes li img {
  width: 176px;
  height: 176px;
  border-radius: 100%;
  border: 2px solid #B37171;
}
.et h2 {
color: #0076a3;
overflow: hidden;
text-align: center;
font-family: 'Droid Arabic Kufi', serif;
font-size: 37px;
font-weight: 500;
}
.et p {
color: #FFF;
overflow: hidden;
text-align: center;
font-size: 14px;
font-weight: 500;
font-family: 'Droid Arabic Kufi', serif;
}
.et {
text-align: center;
width: 781px;
margin: 0 auto;
overflow: HIDDEN;
margin-bottom: -54px;
padding-top: 9px;
padding-bottom: 8px;
}
.equipe {
width: 100%;
background: #fff;
padding-top: 8px;
overflow: hidden;
height: 435px;
margin-bottom: 8px;
}
.back3 img{
width: 100%;
HEIGHT: 135px;
}
.back3{
position: absolute;
width: 100%;
}

/* CSS Author Box V2 */
.pro-me-left i{font-size:200%;margin:3px;color:#E2E2E2;text-shadow:2px 2px #FFF;}
.pro-me{
  border-top: 2px solid #F1F1F1;
  margin: -2px auto;
  width: 99.9%;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(255, 255, 255, 1);
  text-align: right;
  display: table;
  margin-top: 1px;
}
.pro-me-right{float:right;width:200px;margin:5px 5px 30px 5px;position:relative;border-left:1px dashed #DDD;}
.pro-me-left{width:98%;text-shadow:1px 1px #fff;font-family: Electrolize,ge_ss_threeregular;font-size:100%;color:#666;padding:10px;}.pro-me-left h6 a{font-family: &#39;Great Vibes&#39;;font-size: 35px;margin:20px auto;text-decoration:none;}
.hero-image-parent{position:relative;height:160px;width:160px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:1px dashed #DDD;}
.pos{position:absolute;display:block;height:33px;width:33px;border:1px solid #DDD;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;z-index:100;opacity:0;}
.hero-image-holder{width:130px;height:130px;position:relative;margin:0 auto;margin-right: 12px;}
.hero-image.hero_animate{width:130px;height:130px;margin:-52px 0 0 -64px;border-radius:50%;}
.hero-image{position: absolute;top: 45%;left: 46%;overflow: hidden;background-position: center center;background-repeat: no-repeat;box-shadow: inset 5px 0 0 4px rgba(242, 242, 242, 1), 0 1px 2px rgba(150, 150, 150, 0.73);transition: all 0.2s ease-out;border: 4px solid #fff;}
.pos_1{top:60px;left:-26px;}.pos_2{top:125px;left:0px;}.pos_3{top:150px;right:65px;}.pos_4{top:129px;right:3px;}.pos span{display:none;top:0;}a.pos i{color:#34AACD;font-size:22px;}a.pos.pos_1 i{position:relative;top:5px;right:5px;}a.pos.pos_2 i{position:relative;top:5px;right:7px;}a.pos.pos_3 i{position:relative;top:6px;right:11px;}a.pos.pos_4 i{position:relative;top:7px;right:4px;}
a.pos.pos_1 i,a.pos.pos_2 i,a.pos.pos_3 i,a.pos.pos_4 i{color:#fff;}.pos_2{background:#F03D3D;}.pos_1{background:#2AA9E0;}.pos_3{background:#3B5998;}.pos_4{background:#E42D2D;}
.fa-star:before {content: &quot;\f005&quot;;}
.pos_4:hover {background: #CF2C2C;}.pos_3:hover {background: #4669B3;}.pos_2:hover {background: #E24D4D;}
#medonadix {
  background-color: #FFFFFF;
  overflow: hidden;
  height: auto !important;
  width: 100%;
  border-top: 1px solid #F1F1F1;
}
div#disqus_thread {
  padding: 10px;
}

 #share-button{overflow:hidden}
#share-button p{float:right;display:block;padding:5px 8px!important;margin:0 0 3px 3px;border-radius:6px 6px;border:1px solid #fff}
#share-button a{float:right;display:block;color:#fafafa;padding:5px 8px;margin:0 3px 3px;border:1px solid #fff}
#share-button a:hover{top:1px;right:1px;box-shadow:0 0 3px rgba(1,1,1,.1)}
.share {
  border-bottom: 1px solid #F1F1F1;
  font-size: 17px;
  padding: 10px 13px 8px 0px;
  margin-top: -1px;
  position: relative;
}


#comments {}
#comments h3 {
  margin-bottom: 14px;
  font-size: 16px;
  background-color: #344D5D;
  color: #fff;
  padding: 9px;
  margin-top: -33px;
  width: 99.6%;
  font-weight: 100;
}
.comment_avatar_wrap{
width:42px;
height:42px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-right-color: #E4E4E4;
background:#fcfcfc;
padding:4px;
border-radius: 2px;
text-align:center;
margin-bottom:20px;
}
#comments .avatar-image-container {
float: right;
margin: 0 10px 0 0;
width: 42px;
height: 42px;
max-width:42px;
max-height:42px;
padding: 0;
margin-bottom:10px;
}
#comments .avatar-image-container img {
width: 42px;
height: 42px;
max-width: 42px;
max-height: 42px;
background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat;
}
.comment_name a {
font-weight: bold;
padding: 5px 0 0 0;
font-size: 13px;
text-decoration: none;
}
.comment_admin .comment_name  {
font-weight: bold;
padding: 10px;
font-size: 13px;
text-decoration: none;
background:#eee;
}
.comment_admin .comment_date  {
font-weight: normal;
font-size:11px;
}
.comment_name {
background:#eee;
padding:10px;
font-size:13px;
font-weight:bold;
position:relative;
}
.comment_service{
margin-top:5px
}
.comment_date {
color: #a9a9a9;
float:left;
font-size:11px;
font-weight:normal;
margin-top:-3px;
}
.comment_date a{
color: #a9a9a9;
float:left;
font-size:11px;
font-weight:normal;
}
.comment_date a:hover{
color: #a9a9a9;
text-decoration:none;
}
.comment_body{
margin-top:-72px;
margin-right:66px;
background:#fcfcfc;
border:1px solid #d1d1d1;
padding:10px;
border-radius: 2px;
}
.comment_body p {
line-height: 1.5em;
margin: 5px 0 0 0;
color: #666;
border:1px solid #eee;
font-size: 13px;
word-wrap:break-word;
background:#fff;
padding:10px;
}
.comment_inner {
padding-bottom: 5px;
margin: 5px 0 5px 0;
}
.comment_child .comment_wrap {
padding-left: 7%;
}
.comment_reply {
display: inline-block;
margin-top:8px;
margin-right:-5px;
padding: 1px 12px;
color: #fff !important;
text-align: center;
text-decoration: none;
border-radius: 2px;
background: #bababa;
font: 11px/18px sans-serif;
transition: background-color 1s ease-out 0s;
}
.comment_reply:hover {
text-decoration: none !important;;
background: #056b95;
}
.unneeded-paging-control {display: none;}
.comment-form {max-width: 100%;!important;}
#comment-editor {
width:103%!important;
background:transparent url('data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7') no-repeat 50% 30%}}
.comment_form a {
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-family: 'Droid Arabic Kufi', serif;
font-size: 15px;
}
.comment_form a:hover {text-decoration: underline;}
.comment-form p {
  background: #E19393;
  padding: 10px;
  margin: 5px 0 5px 0;
  color: #FFF;
  font-size: 13px;
  line-height: 20px;
  width: 99%;
  border-radius: 3px;
  position: relative;
}
.comment-link {
  white-space: nowrap;
  display: none;
}
.comment-form p:after{
content:"";
width:0;
height:0;
position:absolute;
bottom:-16px;
right:15px;
border:8px solid transparent;
border-color:#E19393 transparent transparent;
}
.comment_reply_form {
padding: 0 0 0 70px;
}
.comment_reply_form .comment-form {width: 99%;}
.comment_emo_list{
display:none;
}
.comment_emo_list .item {
float: right;
text-align: center;
margin: 10px 10px 0 0;
height: 40px;
width:41px;
}
.comment_emo_list span {
display: block;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
}
.comment_emo_list span {
display: block;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
}
.comment_youtube {
max-width:100%!important;
width:400px;
height:225px;
display:block;
margin:auto;
}
.comment_img {max-width:100%!important;}
.deleted-comment {
padding: 10px 10px 10px 10px;
display: block;
color: #CCC;
}
.comment_arrow {
display: block;
width: 9px;
height: 18px;
background: url(http://3.bp.blogspot.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/s1600/comment-arrow.gif) no-repeat;
position: absolute;
margin-right: -19px;
}
.comment_header{width:50px}
#respond {
overflow: hidden;
padding-right: 10px;
clear: both;
}
.comment_avatar img{
width:42px;
height:42px;
background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat}
.comment-delete img{
float:left;
margin-right:15px;
margin-top:3px;
margin-right:10px;
}
.comment_author_flag {display:none}
.comment_admin .comment_author_flag {
display:inline;
background:url(http://1.bp.blogspot.com/-k4w3VD-NeRw/Uwe9Re2IKKI/AAAAAAAAVIs/jxSSRFyugtc/s1600/author.png)no-repeat;
font-size:13px;
font-weight:normal;
padding:2px 6px;
left:-23px;
margin-top:-23px;
color:#fff;
border-radius:4px;
text-transform:uppercase;
position:absolute;
width:36px;
height:36px;
}
iframe{
border:none;
overflow:hidden
}

#comments {
  width: 98%;
}

.cloud-label-widget-content {
 text-align: right;
 }
 .label-size {
 background: #5498C9;
 display: block;
 float: right;
 margin:0 0 3px 3px;
 color: #fff;
 font-size: 11px;
 text-transform: uppercase;
 }
 .label-size:nth-child(1) {
 background: #F53477;
 }
 .label-size:nth-child(2) {
 background: #89C237;
 }
 .label-size:nth-child(3) {
 background: #44CCF2;
 }
 .label-size:nth-child(4) {
 background: #01ACE2;
 }
 .label-size:nth-child(5) {
 background: #94368E;
 }
 .label-size:nth-child(6) {
 background: #A51A5D;
 }
 .label-size:nth-child(7) {
 background: #555;
 }
 .label-size:nth-child(8) {
 background: #f2a261;
 }
 .label-size:nth-child(9) {
 background: #00ff80;
 }
 .label-size:nth-child(10) {
 background: #b8870b;
 }
 .label-size:nth-child(11) {
 background: #99cc33;
 }
 .label-size:nth-child(12) {
 background: #ffff00;
 }
 .label-size:nth-child(13) {
 background: #40dece;
 }
 .label-size:nth-child(14) {
 background: #ff6347;
 }
 .label-size:nth-child(15) {
 background: #f0e68d;
 }
 .label-size:nth-child(16) {
 background: #7fffd2;
 }
 .label-size:nth-child(17) {
 background: #7a68ed;
 }
 .label-size:nth-child(18) {
 background: #ff1491;
 }
 .label-size:nth-child(19) {
 background: #698c23;
 }
 .label-size:nth-child(20) {
 background: #00ff00;
 }
 .label-size a, .label-size span {
 display: inline-block;
 color: #fff !important;
 padding: 4px 10px;
 font-weight: bold;
 }
 .label-size:hover {
 background: #222;
    }
 .label-count {
 white-space: nowrap;
 padding-left: 3px;
 margin-right: -3px;
 background: #333;
 color: #fff ;
 }
 .label-size:hover .label-count, .label-size:focus+.label-count {
 background-color: #ff6bb5;
 }

.post_byfix p {
margin:0;
padding:0 5px;
line-height:25px!important;
font:13px Electrolize,ge_ss_threeregular;
text-align:right;
color:#f1f1f1;
}
.post_byfix p a {
text-decoration:none;
color:#f24024;
}
.post_byfix {
  float: right;
  width: 97.2%;
  height: 100%;
  background: #344D5D;
  margin-top: 0px;
  padding: 10px;
  overflow: hidden;
  margin-right: 0px;
}
.post_byimz {
display:block;
float:right;
padding-left:20px!important;
margin-top:1px!important;
overflow:hidden
}
.author-name {
  color: #fff;
  font: 13px Electrolize,ge_ss_threeregular;
  font-weight: 400;
  font-size: 27px;
  text-transform: uppercase;
}
.post_byimz img {
width:100%;
height:100%;
max-width:120px;
max-height:120px;
background: #FFFFFF;
float: right;
margin:0 0 0 10px;
padding: 3px;
border-radius: 0 15px 0 15px;
}
.post_by {
width:100%;
float:left;
color:#423119;
width:100%;
font-family:Droid Arabic Kufi', serif;
font-weight:normal;
font-size:13px
}
.post_by ul {
margin:0;
padding:0
}
.post_by li {
list-style:none;
padding:3px 10px!important
}
.tag-widget9{
height:265px;
width:100%;
float:right;
}
.tag-widget16{
width:100%;
float:right;
}

#authorsn {
float:left;
}
.authorsn {
position:relative;
}
.authorsn {
display: inline-block;
    position: relative;
    cursor: pointer;
    width: 24px;
    height: 24px;
    padding: 0px;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-family:Droid Arabic Kufi', serif;
    font-weight: normal;
    line-height: 1.7em;
}
#footerr {
  background-color: #3E454C;
  bottom: 0;
  color: #7C8EA1;
  font: normal .9em 'Open Sans', sans-serif;
  right: 0;
  padding: 18px 0;

  width: 100%;
}

#footerr a {
  color: #7C8EA1;
  text-decoration: none;
}

#footerr a:hover {
  color: #FFF;
}

.inner-wrapper {
  margin: auto;
  max-width: 1200px;
  width: 90%;
}

#copyright {
  display: inline-block;
  padding: 10px 0;
}

#footer-logo {
  margin: 0 5px 0 0;
  vertical-align: middle;
}

.site-name {
  font-weight: 600;
  color: #FFF;
}

.social-menu {
  display: inline-block;
  float: left;
  /* by: www.madad2.com */
  line-height: 0;
  margin: 0;
  padding: 0;
}

.social-menu > li {
  background-color: #353B41;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 34px;
  margin: 3px;
  transition: background-color .5s;
  width: 34px;
}

.social-menu > li:hover {
  background-color: #F2762E;
}

.clear {
  clear: both;
}

@media (max-width: 767px) {
  #footer-container {
    text-align: center;
  }

  #copyright {
    display: block !important;
  }

  .social-menu {
    float: none !important;
  }
}
::-webkit-scrollbar {
height:12px;
width: 12px;
background: #B37171;
}
::-webkit-scrollbar-thumb {
background-color: #E19393;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #ffffff;
} 
/*  CSS Related Post Dabour Phone */
.related-post {margin:5px 5px 0 0;  padding:5px 22px 15px;  font:normal normal 11px/1.4 Arial,Sans-Serif;  background:#FDFDFD;  border-radius:1px;border:1px solid #F0F0F0;}.related-post h4:before {content: "\f0f3";font-family: fontawesome;margin-left: 10px;color: #BD2E1F;}
.related-post h4 {font-family: Electrolize,ge_ss_tvbold;font-weight: 700;color: #FDFDFD;margin: 0 0 .5em;display: inline-block;padding: 6px 10px 7px 8px;line-height: 16px;font-size: 13px;border: 1px solid #E8E4E4;border-radius: 3px;background: #E74C3C;}
.related-post-style-5,
.related-post-style-5 li {margin:0;padding:0;list-style:none;word-wrap:break-word;overflow:hidden;}
.related-post-style-5 .related-post-item {display:block;float:right;width:82px;height:auto;padding:0;padding-bottom:3px;margin-left:2px;}
.related-post-style-5 .related-post-item:first-child {border-left:none;}
.related-post-style-5 .related-post-item-wrapper {display:block;position:relative;overflow:hidden;}
.related-post-style-5 .related-post-item-thumbnail {display:block;margin:0;width:77px;height:77px;max-width:none;max-height:none;background-color:#fafafa;border:2px solid #E0E0E0;padding:0;-webkit-border-radius:-1px;-moz-border-radius:-1px;border-radius:-1px;  }
.related-post-style-5 .related-post-item-tooltip {background-color: rgba(229, 40, 20, 0.73);position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 10px;
line-height: normal;font-size: 10px;font-style: normal;color: #FFFFFF;overflow: hidden;display: none;font-family: Electrolize,ge_dinar_oneregular;}
.related-post-style-5 .related-post-item:focus .related-post-item-tooltip,
.related-post-style-5 .related-post-item:hover .related-post-item-tooltip { display:block;}
/* CSS Popular Posts */      .PopularPosts .widget-content ul{list-style-type:none;overflow:hidden;}      #PopularPosts1 ul li .item-thumbnail{overflow:hidden;float :left;margin-right:10px;}      #PopularPosts1 img {overflow:hidden;width : 72px;height:72px;-ms-transform: scale(1.0);-webkit-transform: scale(1.0);-moz-transform: scale(1.0);transform: scale(1.0);transition:all .4s linear;-moz-transition:all .4s linear;-webkit-transition:all .4s linear;}      #PopularPosts1 img:hover{-ms-transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);transition:all .4s linear;-moz-transition:all .4s linear;-webkit-transition:all .4s linear;}      .PopularPosts .widget-content ul li{position :relative;padding:0;margin:10px auto;}      .PopularPosts .widget-content ul li:first-child {margin-top:0;}      .PopularPosts .widget-content ul li:last-child {margin-bottom:0;}      .PopularPosts .widget-content ul li:nth-child(1){background:#f3f5f7;border:1px solid #e7e8ea;border-right:2px solid rgba(202,220,85,0.8);width : 100%;transition:all 0.3s ease-out;}      .PopularPosts .widget-content ul li:nth-child(2){background:#f3f5f7;border:1px solid #e7e8ea;border-right:2px solid rgba(243,93,92,0.8);width : 100%;transition:all 0.3s ease-out;}      .PopularPosts .widget-content ul li:nth-child(3){background:#f3f5f7;border:1px solid #e7e8ea;border-right:2px solid rgba(10,151,181,0.8);width : 100%;transition:all 0.3s ease-out;}      .PopularPosts .widget-content ul li:nth-child(4){background:#f3f5f7;border:1px solid #e7e8ea;border-right:2px solid rgba(15,203,205,0.8);width : 100%;transition:all 0.3s ease-out;}      .PopularPosts .widget-content ul li:nth-child(5){background:#f3f5f7;border:1px solid #e7e8ea;border-right:2px solid rgba(16,170,206,0.8);width : 100%;transition:all 0.3s ease-out;}      .PopularPosts .widget-content ul li:nth-child(6){background:#f3f5f7;border:1px solid #e7e8ea;border-right:2px solid rgba(202,220,85,0.8);width : 100%;transition:all 0.3s ease-out;}      .PopularPosts .widget-content ul li:nth-child(7){background:#f3f5f7;border:1px solid #e7e8ea;border-right:2px solid rgba(243,93,92,0.8);width : 100%;transition:all 0.3s ease-out;}      .PopularPosts .widget-content ul li:nth-child(8){background:#f3f5f7;border:1px solid #e7e8ea;border-right:2px solid rgba(10,151,181,0.8);width : 100%;transition:all 0.3s ease-out;}      .PopularPosts .widget-content ul li:nth-child(9){background:#f3f5f7;border:1px solid #e7e8ea;border-right:2px solid rgba(15,203,205,0.8);width : 100%;transition:all 0.3s ease-out;}      .PopularPosts .widget-content ul li:nth-child(10){background:#f3f5f7;border:1px solid #e7e8ea;border-right:2px solid rgba(16,170,206,0.8);width : 100%;transition:all 0.3s ease-out;}      .PopularPosts .widget-content ul li a{color:#525f6a;transition:all 0.3s ease-out;}      .PopularPosts .widget-content ul li a:hover{color:#e1b364;}      .PopularPosts .widget-content ul li:hover:nth-child(1),.PopularPosts .widget-content ul li:hover:nth-child(2),.PopularPosts .widget-content ul li:hover:nth-child(3),.PopularPosts .widget-content ul li:hover:nth-child(4),.PopularPosts .widget-content ul li:hover:nth-child(5),.PopularPosts .widget-content ul li:hover:nth-child(6),.PopularPosts .widget-content ul li:hover:nth-child(7),.PopularPosts .widget-content ul li:hover:nth-child(8),.PopularPosts .widget-content ul li:hover:nth-child(9),.PopularPosts .widget-content ul li:hover:nth-child(10){background:#fff;}      .PopularPosts .widget-content{background:#fff;}      .PopularPosts .item-thumbnail{float :right;padding:0;margin:0;}      .PopularPosts .item-title {color:#b2b5be;font-weight:400;font-size:12px;padding:5px;}      .PopularPosts .item-snippet {display :none;font-size:12px;color:#b2b5be;overflow:hidden;text-align:justify;}      .sidebar .label-size {position :relative;text-transform:none;text-decoration:none;font-size:12px;font-family:&#39;ge_ss_threeregular&#39;;}      .sidebar .label-size a {color:#525f6a;font-weight:400;padding:10px 12px;        margin:0 0 2px 2px;float :right;display :block;border:4px solid #eceef0;transition: all 0.4s ease-in-out;}      .sidebar .label-size-1 a {box-shadow:inset 2px 0 0 0 #1abc9c;opacity:0.8;}      .sidebar .label-size-1 a:hover {box-shadow:inset 100px 0 0 0 #1abc9c;color:#fff!important;opacity:1;}      .sidebar .label-size-2 a {box-shadow:inset 2px 0 0 0 #3498db;opacity:0.8;}      .sidebar .label-size-2 a:hover {box-shadow:inset 100px 0 0 0 #2980b9;color:#fff!important;opacity:1;}      .sidebar .label-size-3 a {box-shadow:inset 2px 0 0 0 #2ecc71;opacity:0.8;}      .sidebar .label-size-3 a:hover {box-shadow:inset 100px 0 0 0 #27ae60;color:#fff!important;opacity:1;}      .sidebar .label-size-4 a {box-shadow:inset 2px 0 0 0 #9b59b6;opacity:0.8;}      .sidebar .label-size-4 a:hover {box-shadow:inset 100px 0 0 0 #8e44ad;color:#fff!important;opacity:1;}      .sidebar .label-size-5 a {box-shadow:inset 2px 0 0 0 #e74c3c;opacity:0.8;}      .sidebar .label-size-5 a:hover {box-shadow:inset 100px 0 0 0 #c0392b;color:#fff!important;opacity:1;}      .sidebar .label-size:hover{background:none;}      .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {        font-size:100%;}      .cloud-label-widget-content{text-align:right}      .label-size{display :block;float :right;margin:0 0 2px 2px;color:#fff;transition:all 0.4s ease-in-out;}

]]></b:skin>

  <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style>
.post-body {
  background-color: #fff;
  padding: 20px;
font-family: &#39;Droid Arabic Kufi&#39;, serif&#39;, serif;
  width: 98% !important;
}
.comment-link {
  display: block;
}
.post h3 {
  color: #E19393;
  font-size: 20px;
  background-color: #fff;
  border-bottom: 2px solid #B37171;
  padding: 13px 6px;
}
.post-body span {
  font-family: &#39;Droid Arabic Kufi&#39;, serif&#39;, serif;
  color: #B37171 !important;
}
.post-body div {
  font-family: &#39;Droid Arabic Kufi&#39;, serif&#39;, serif;
}
a {
  color: #B37171;
  font-size: 20px;
}
#blog-pager {padding: 13px 20px; background: #fff; border-bottom: 1px solid #ddd; border-radius: 0 0 3px 3px;}
    </style>
  </b:if>
 

 <script type='text/javascript'>
posts_no_thumb_sum = 300;
posts_thumb_sum = 260;
img_thumb_height = 285;
img_thumb_width = 684;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID, pURL, pTITLE){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="  float: right; margin: -52px 2px 0px 10px; overflow: hidden; height: 284px; border: 3px solid #B37171;"><a href="'+pURL+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>';
summ = posts_thumb_sum;
}

var summary = imgtag + '<div class="text-tad">' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'/>
<link href='https://ar1web-com.googlecode.com/svn/trunk/font-ge_dinar.css' rel='stylesheet'/>
<link href='//netdna.bootstrapcdn.com/font-awesome/3.0/css/font-awesome.css' rel='stylesheet'/>

<script src='http://yourjavascript.com/01155434032/design.js' type='text/javascript'/>

<meta content='width=device-width, initial-scale=1.0, maximum-scale=12.0, minimum-scale=.25, user-scalable=yes' name='viewport'/>
<style>

 @media screen and (max-width : 768px) {
#tops {
  width: 100% !important;
}

 }
 
 @media screen and (max-width : 640px) {

 }
 
 @media screen and (max-width : 480px) {

 }
 
 @media screen and (max-width : 320px) {

 }
</style>
<style type='text/css'>
#related-posts{float:right;width:auto;}
#related-posts a{}
#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}
#related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:270px;height:185px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;}
#related-title {color:#000;text-align:right;padding: 0 10px;font-family: &#39;Oswald&#39;,sans-serif;font-size: 18px; line-height:23px;height:35px;width:270px;}
#related-posts .related_img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}
</style>
<script type='text/javascript'>
var _0x7fa2=[&quot;\x68\x74\x74\x70\x3A\x2F\x2F\x32\x2E\x62\x70\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x2D\x65\x78\x33\x56\x38\x36\x66\x6A\x34\x64\x51\x2F\x55\x72\x43\x51\x51\x61\x34\x63\x4C\x73\x49\x2F\x41\x41\x41\x41\x41\x41\x41\x41\x46\x64\x41\x2F\x6A\x32\x46\x43\x54\x6D\x47\x4F\x72\x6F\x67\x2F\x73\x31\x36\x30\x30\x2F\x6E\x6F\x2D\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x2E\x70\x6E\x67&quot;,&quot;\x3C&quot;,&quot;\x73\x70\x6C\x69\x74&quot;,&quot;\x6C\x65\x6E\x67\x74\x68&quot;,&quot;\x3E&quot;,&quot;\x69\x6E\x64\x65\x78\x4F\x66&quot;,&quot;\x73\x75\x62\x73\x74\x72\x69\x6E\x67&quot;,&quot;&quot;,&quot;\x6A\x6F\x69\x6E&quot;,&quot;\x72\x61\x6E\x64\x6F\x6D&quot;,&quot;\x66\x6C\x6F\x6F\x72&quot;,&quot;\x65\x6E\x74\x72\x79&quot;,&quot;\x66\x65\x65\x64&quot;,&quot;\x24\x74&quot;,&quot;\x74\x69\x74\x6C\x65&quot;,&quot;\x6C\x69\x6E\x6B&quot;,&quot;\x72\x65\x6C&quot;,&quot;\x61\x6C\x74\x65\x72\x6E\x61\x74\x65&quot;,&quot;\x68\x72\x65\x66&quot;,&quot;\x72\x65\x70\x6C\x69\x65\x73&quot;,&quot;\x74\x79\x70\x65&quot;,&quot;\x74\x65\x78\x74\x2F\x68\x74\x6D\x6C&quot;,&quot;\x20&quot;,&quot;\x63\x6F\x6E\x74\x65\x6E\x74&quot;,&quot;\x73\x75\x6D\x6D\x61\x72\x79&quot;,&quot;\x70\x75\x62\x6C\x69\x73\x68\x65\x64&quot;,&quot;\x3C\x69\x6D\x67&quot;,&quot;\x73\x72\x63\x3D\x22&quot;,&quot;\x22&quot;,&quot;\x73\x75\x62\x73\x74\x72&quot;,&quot;\x4A\x61\x6E&quot;,&quot;\x46\x65\x62&quot;,&quot;\x4D\x61\x72&quot;,&quot;\x41\x70\x72&quot;,&quot;\x4D\x61\x79&quot;,&quot;\x4A\x75\x6E&quot;,&quot;\x4A\x75\x6C&quot;,&quot;\x41\x75\x67&quot;,&quot;\x53\x65\x70&quot;,&quot;\x4F\x63\x74&quot;,&quot;\x4E\x6F\x76&quot;,&quot;\x44\x65\x63&quot;,&quot;\x2D&quot;,&quot;\x3C\x61\x20\x68\x72\x65\x66\x3D\x22&quot;,&quot;\x22\x3E&quot;,&quot;\x20\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x3C\x2F\x61\x3E&quot;,&quot;\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6F\x6C\x5F\x6D\x61\x73\x6B\x6F\x6C\x69\x73\x22\x3E\x3C\x68\x32\x20\x63\x6C\x61\x73\x73\x3D\x22\x70\x6F\x73\x74\x74\x69\x74\x6C\x65\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22&quot;,&quot;\x3C\x2F\x61\x3E\x3C\x2F\x68\x32\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22&quot;,&quot;\x22\x3E\x3C\x69\x6D\x67\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x65\x6C\x61\x74\x65\x64\x5F\x69\x6D\x67\x22\x20\x73\x72\x63\x3D\x22&quot;,&quot;\x22\x2F\x3E\x3C\x2F\x61\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6C\x65\x61\x72\x22\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x64\x69\x76\x3E&quot;,&quot;\x77\x72\x69\x74\x65&quot;,&quot;\x75\x72\x6C&quot;,&quot;\x67\x66\x6F\x72\x6D\x5F\x66\x6F\x6F\x74&quot;,&quot;\x2E\x2E\x2E&quot;,&quot;\x73\x70\x6C\x69\x63\x65&quot;,&quot;\x3C\x68\x32\x3E&quot;,&quot;\x3C\x2F\x68\x32\x3E&quot;,&quot;\x3C\x64\x69\x76\x20\x73\x74\x79\x6C\x65\x3D\x22\x63\x6C\x65\x61\x72\x3A\x20\x62\x6F\x74\x68\x3B\x22\x2F\x3E&quot;,&quot;\x3C\x61\x20\x73\x74\x79\x6C\x65\x3D\x22\x74\x65\x78\x74\x2D\x64\x65\x63\x6F\x72\x61\x74\x69\x6F\x6E\x3A\x6E\x6F\x6E\x65\x3B\x6D\x61\x72\x67\x69\x6E\x3A\x30\x20\x34\x70\x78\x20\x31\x30\x70\x78\x20\x30\x3B\x66\x6C\x6F\x61\x74\x3A\x6C\x65\x66\x74\x3B&quot;,&quot;\x20\x68\x72\x65\x66\x3D\x22&quot;,&quot;\x22\x2F\x3E\x3C\x62\x72\x2F\x3E\x3C\x64\x69\x76\x20\x69\x64\x3D\x22\x72\x65\x6C\x61\x74\x65\x64\x2D\x74\x69\x74\x6C\x65\x22\x3E&quot;,&quot;\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x61\x3E&quot;,&quot;\x3C\x2F\x64\x69\x76\x3E&quot;];imgr= new Array();imgr[0]=_0x7fa2[0];showRandomImg=true;aBold=true;summaryPost=400;summaryTitle=20;numposts1=12;numposts2=4;function removeHtmlTag(_0x5abbx2,_0x5abbx3){var _0x5abbx4=_0x5abbx2[_0x7fa2[2]](_0x7fa2[1]);for(var _0x5abbx5=0;_0x5abbx5&lt;_0x5abbx4[_0x7fa2[3]];_0x5abbx5++){if(_0x5abbx4[_0x5abbx5][_0x7fa2[5]](_0x7fa2[4])!=-1){_0x5abbx4[_0x5abbx5]=_0x5abbx4[_0x5abbx5][_0x7fa2[6]](_0x5abbx4[_0x5abbx5][_0x7fa2[5]](_0x7fa2[4])+1,_0x5abbx4[_0x5abbx5][_0x7fa2[3]]);} ;} ;_0x5abbx4=_0x5abbx4[_0x7fa2[8]](_0x7fa2[7]);_0x5abbx4=_0x5abbx4[_0x7fa2[6]](0,_0x5abbx3-1);return _0x5abbx4;} ;function showrecentposts1(_0x5abbx7){j=(showRandomImg)?Math[_0x7fa2[10]]((imgr[_0x7fa2[3]]+1)*Math[_0x7fa2[9]]()):0;img= new Array();if(numposts2&lt;=_0x5abbx7[_0x7fa2[12]][_0x7fa2[11]][_0x7fa2[3]]){maxpost=numposts2;} else {maxpost=_0x5abbx7[_0x7fa2[12]][_0x7fa2[11]][_0x7fa2[3]];} ;for(var _0x5abbx5=0;_0x5abbx5&lt;maxpost;_0x5abbx5++){var _0x5abbx8=_0x5abbx7[_0x7fa2[12]][_0x7fa2[11]][_0x5abbx5];var _0x5abbx9=_0x5abbx8[_0x7fa2[14]][_0x7fa2[13]];var _0x5abbxa;var _0x5abbxb;if(_0x5abbx5==_0x5abbx7[_0x7fa2[12]][_0x7fa2[11]][_0x7fa2[3]]){break ;} ;for(var _0x5abbxc=0;_0x5abbxc&lt;_0x5abbx8[_0x7fa2[15]][_0x7fa2[3]];_0x5abbxc++){if(_0x5abbx8[_0x7fa2[15]][_0x5abbxc][_0x7fa2[16]]==_0x7fa2[17]){_0x5abbxb=_0x5abbx8[_0x7fa2[15]][_0x5abbxc][_0x7fa2[18]];break ;} ;} ;for(var _0x5abbxc=0;_0x5abbxc&lt;_0x5abbx8[_0x7fa2[15]][_0x7fa2[3]];_0x5abbxc++){if(_0x5abbx8[_0x7fa2[15]][_0x5abbxc][_0x7fa2[16]]==_0x7fa2[19]&amp;&amp;_0x5abbx8[_0x7fa2[15]][_0x5abbxc][_0x7fa2[20]]==_0x7fa2[21]){_0x5abbxa=_0x5abbx8[_0x7fa2[15]][_0x5abbxc][_0x7fa2[14]][_0x7fa2[2]](_0x7fa2[22])[0];break ;} ;} ;if(_0x7fa2[23] in _0x5abbx8){var _0x5abbxd=_0x5abbx8[_0x7fa2[23]][_0x7fa2[13]];} else {if(_0x7fa2[24] in _0x5abbx8){var _0x5abbxd=_0x5abbx8[_0x7fa2[24]][_0x7fa2[13]];} else {var _0x5abbxd=_0x7fa2[7];} ;} ;postdate=_0x5abbx8[_0x7fa2[25]][_0x7fa2[13]];if(j&gt;imgr[_0x7fa2[3]]-1){j=0;} ;img[_0x5abbx5]=imgr[j];s=_0x5abbxd;a=s[_0x7fa2[5]](_0x7fa2[26]);b=s[_0x7fa2[5]](_0x7fa2[27],a);c=s[_0x7fa2[5]](_0x7fa2[28],b+5);d=s[_0x7fa2[29]](b+5,c-b-5);if((a!=-1)&amp;&amp;(b!=-1)&amp;&amp;(c!=-1)&amp;&amp;(d!=_0x7fa2[7])){img[_0x5abbx5]=d;} ;var _0x5abbxe=[1,2,3,4,5,6,7,8,9,10,11,12];var _0x5abbxf=[_0x7fa2[30],_0x7fa2[31],_0x7fa2[32],_0x7fa2[33],_0x7fa2[34],_0x7fa2[35],_0x7fa2[36],_0x7fa2[37],_0x7fa2[38],_0x7fa2[39],_0x7fa2[40],_0x7fa2[41]];var _0x5abbx10=postdate[_0x7fa2[2]](_0x7fa2[42])[2][_0x7fa2[6]](0,2);var _0x5abbx11=postdate[_0x7fa2[2]](_0x7fa2[42])[1];var _0x5abbx12=postdate[_0x7fa2[2]](_0x7fa2[42])[0];for(var _0x5abbx13=0;_0x5abbx13&lt;_0x5abbxe[_0x7fa2[3]];_0x5abbx13++){if(parseInt(_0x5abbx11)==_0x5abbxe[_0x5abbx13]){_0x5abbx11=_0x5abbxf[_0x5abbx13];break ;} ;} ;var _0x5abbx14=_0x5abbx10+_0x7fa2[22]+_0x5abbx11+_0x7fa2[22]+_0x5abbx12;_0x5abbxa=_0x7fa2[43]+_0x5abbxb+_0x7fa2[44]+_0x5abbxa+_0x7fa2[45];var _0x5abbx15=_0x7fa2[46]+_0x5abbxb+_0x7fa2[44]+_0x5abbx9+_0x7fa2[47]+_0x5abbxb+_0x7fa2[48]+img[_0x5abbx5]+_0x7fa2[49];document[_0x7fa2[50]](_0x5abbx15);j++;} ;} ;var relatedTitles= new Array();var relatedTitlesNum=0;var relatedUrls= new Array();var thumburl= new Array();function related_results_labels_thumbs(_0x5abbx7){for(var _0x5abbx5=0;_0x5abbx5&lt;_0x5abbx7[_0x7fa2[12]][_0x7fa2[11]][_0x7fa2[3]];_0x5abbx5++){var _0x5abbx8=_0x5abbx7[_0x7fa2[12]][_0x7fa2[11]][_0x5abbx5];relatedTitles[relatedTitlesNum]=_0x5abbx8[_0x7fa2[14]][_0x7fa2[13]];try{thumburl[relatedTitlesNum]=_0x5abbx8[_0x7fa2[52]][_0x7fa2[51]];} catch(error){s=_0x5abbx8[_0x7fa2[23]][_0x7fa2[13]];a=s[_0x7fa2[5]](_0x7fa2[26]);b=s[_0x7fa2[5]](_0x7fa2[27],a);c=s[_0x7fa2[5]](_0x7fa2[28],b+5);d=s[_0x7fa2[29]](b+5,c-b-5);if((a!=-1)&amp;&amp;(b!=-1)&amp;&amp;(c!=-1)&amp;&amp;(d!=_0x7fa2[7])){thumburl[relatedTitlesNum]=d;} else {thumburl[relatedTitlesNum]=_0x7fa2[0];} ;} ;if(relatedTitles[relatedTitlesNum][_0x7fa2[3]]&gt;35){relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum][_0x7fa2[6]](0,35)+_0x7fa2[53];} ;for(var _0x5abbxc=0;_0x5abbxc&lt;_0x5abbx8[_0x7fa2[15]][_0x7fa2[3]];_0x5abbxc++){if(_0x5abbx8[_0x7fa2[15]][_0x5abbxc][_0x7fa2[16]]==_0x7fa2[17]){relatedUrls[relatedTitlesNum]=_0x5abbx8[_0x7fa2[15]][_0x5abbxc][_0x7fa2[18]];relatedTitlesNum++;} ;} ;} ;} ;function removeRelatedDuplicates_thumbs(){var _0x5abbx1c= new Array(0);var _0x5abbx1d= new Array(0);var _0x5abbx1e= new Array(0);for(var _0x5abbx5=0;_0x5abbx5&lt;relatedUrls[_0x7fa2[3]];_0x5abbx5++){if(!contains_thumbs(_0x5abbx1c,relatedUrls[_0x5abbx5])){_0x5abbx1c[_0x7fa2[3]]+=1;_0x5abbx1c[_0x5abbx1c[_0x7fa2[3]]-1]=relatedUrls[_0x5abbx5];_0x5abbx1d[_0x7fa2[3]]+=1;_0x5abbx1e[_0x7fa2[3]]+=1;_0x5abbx1d[_0x5abbx1d[_0x7fa2[3]]-1]=relatedTitles[_0x5abbx5];_0x5abbx1e[_0x5abbx1e[_0x7fa2[3]]-1]=thumburl[_0x5abbx5];} ;} ;relatedTitles=_0x5abbx1d;relatedUrls=_0x5abbx1c;thumburl=_0x5abbx1e;} ;function contains_thumbs(_0x5abbx20,_0x5abbx21){for(var _0x5abbx22=0;_0x5abbx22&lt;_0x5abbx20[_0x7fa2[3]];_0x5abbx22++){if(_0x5abbx20[_0x5abbx22]==_0x5abbx21){return true;} ;} ;return false;} ;function printRelatedLabels_thumbs(){for(var _0x5abbx5=0;_0x5abbx5&lt;relatedUrls[_0x7fa2[3]];_0x5abbx5++){if((relatedUrls[_0x5abbx5]==currentposturl)||(!(relatedTitles[_0x5abbx5]))){relatedUrls[_0x7fa2[54]](_0x5abbx5,1);relatedTitles[_0x7fa2[54]](_0x5abbx5,1);thumburl[_0x7fa2[54]](_0x5abbx5,1);_0x5abbx5--;} ;} ;var _0x5abbx24=Math[_0x7fa2[10]]((relatedTitles[_0x7fa2[3]]-1)*Math[_0x7fa2[9]]());var _0x5abbx5=0;if(relatedTitles[_0x7fa2[3]]&gt;0){document[_0x7fa2[50]](_0x7fa2[55]+relatedpoststitle+_0x7fa2[56]);} ;document[_0x7fa2[50]](_0x7fa2[57]);while(_0x5abbx5&lt;relatedTitles[_0x7fa2[3]]&amp;&amp;_0x5abbx5&lt;20&amp;&amp;_0x5abbx5&lt;maxresults){document[_0x7fa2[50]](_0x7fa2[58]);if(_0x5abbx5!=0){document[_0x7fa2[50]](_0x7fa2[28]);} else {document[_0x7fa2[50]](_0x7fa2[28]);} ;document[_0x7fa2[50]](_0x7fa2[59]+relatedUrls[_0x5abbx24]+_0x7fa2[48]+thumburl[_0x5abbx24]+_0x7fa2[60]+relatedTitles[_0x5abbx24]+_0x7fa2[61]);if(_0x5abbx24&lt;relatedTitles[_0x7fa2[3]]-1){_0x5abbx24++;} else {_0x5abbx24=0;} ;_0x5abbx5++;} ;document[_0x7fa2[50]](_0x7fa2[62]);relatedUrls[_0x7fa2[54]](0,relatedUrls[_0x7fa2[3]]);thumburl[_0x7fa2[54]](0,thumburl[_0x7fa2[3]]);relatedTitles[_0x7fa2[54]](0,relatedTitles[_0x7fa2[3]]);} ;
</script>
<meta content='387680708061658' property='fb:admins'/>
<meta content='adil.amar.946' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.pack.js'/>
<script src='http://codecbd.googlecode.com/files/CommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
  </head>

  <body>
&lt;div id=&quot;fb-root&quot;&gt;&lt;/div&gt;
&lt;script&gt;(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = &quot;//connect.facebook.net/fr_FR/sdk.js#xfbml=1&amp;version=v2.4&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));&lt;/script&gt;
    <b:section id='heder'/>
<div id='top'>
<div id='tops'>
<ul>
<li><a href='http://chamil-wibe.blogspot.com/'><i class='fa fa-trophy'/> سياسة الخصوصية </a></li>
<li><a href='http://chamil-wibe.blogspot.com/'><i class='fa fa-sitemap'/> الفهرس</a></li>
<li><a href='http://chamil-wibe.blogspot.com/'><i class='fa fa-cog fa-spin'/> من نحن</a></li>
<li><a href='http://chamil-wibe.blogspot.com/'><i class='fa fa-headphones'/> اتصل بنا</a></li>
</ul>

    </div>
  </div>
<div id='header-wrapper'>
<div id='headers'>
<div id='logo'>
<a href='#'>
</a>
</div><div id='ads' style='     text-align: center; '>
<a href='#'>
  <img src='https://2.bp.blogspot.com/-C8tIPcSy6bU/VcsTTbpd-MI/AAAAAAAAAS4/nE423gU7YSw/s1600/Untitled-2.png'/>
</a>
</div>
</div>
    </div>
<div id='nav'>
<div id='navs'>
<ul>
  <li class='home' href='http://chamil-wibe.blogspot.com/'><a href='/'><i class='fa fa-home'/></a></li>
<li><a href='http://chamil-wibe.blogspot.com/search/label/%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA'><i class=''/> مقالات</a></li>
<li><a href='http://chamil-wibe.blogspot.com/search/label/%D8%A8%D8%B1%D8%A7%D9%85%D8%AC'><i class=''/> برامج</a></li>
<li><a href='http://chamil-wibe.blogspot.com/search/label/قوالب'><i class=''/> قوالب بلوجر</a></li>
<li><a href='http://chamil-wibe.blogspot.com/search/label/إضافات'><i class=''/> اضافات بلوجر</a></li>
<li><a href='http://chamil-wibe.blogspot.com/search/label/مجانيات'><i class=''/> مجانيات</a></li>
<li><a href='http://chamil-wibe.blogspot.com/search/label/%D8%A7%D9%86%D8%AF%D8%B1%D9%88%D9%8A%D8%AF'><i class=''/> أندرويد</a></li>
<li><a href='http://chamil-wibe.blogspot.com/search/label/%D8%B1%D8%A8%D8%AD'><i class=''/> ربح من الانترنيت</a></li>
<li><a href='http://chamil-wibe.blogspot.com/search/label/العاب'><i class=''/> العاب</a></li>
<li><a href='http://chamil-wibe.blogspot.com/search/label/%D9%81%D9%8A%D8%B3%D8%A8%D9%88%D9%83'><i class=''/>فيسبوك</a></li>
</ul>
    </div>
  </div>
<div id='content-wrapper'>
<div id='main-wrapper' style='float:right; width:68%;'>
<b:section id='main'>
  <b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'>
    <b:includable id='main' var='top'>
  <b:if cond='!data:mobile'>
    <!-- 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 and not data:post.isFirstPost'>
          &lt;/div&gt;&lt;/div&gt;
        </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:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
    </div>

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

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

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

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

</b:includable>
    <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
    <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
    <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
    </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:elseif cond='data:post.showThreadedComments'/>
    <b:include data='post' name='comments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </b:if>
</b:includable>
    <b:includable id='comments' var='post'>
                  <div class='comments' id='comments'>
                    <h3>
                     <b:if cond='data:post.numComments == 0'>
من الرائع ان تشاركنا تجربتك ورأيك&#1548; من فضلك لا تستخدم اي كلمات خارجة&#1548; روابط لا علاقة لها بالموضوع لانه سيتم حذفها فورا&#1611;. فالتعليقات خاضعة للإشراف&#1548; دعنا نجعل التعليقات ساحة لتبادل الخبرات والنقاش , واحب ان انبهك انه عند تعليقك تستطيع متابعة التعليق من خلال &quot; إعلامي &quot; الموجودة اسفل يسار الصندوق.
                      </b:if>
                      <b:if cond='data:post.numComments == 1'>
                        1 تعليق على &quot;
                        <data:blog.pageName/>
                        &quot;
                      </b:if>
                      <b:if cond='data:post.numComments &gt; 1'>
                        <data:post.numComments/>
                        تعليق على &quot;
                        <data:blog.pageName/>
                        &quot;
                      </b:if>
                    </h3>
                    <b:if cond='data:post.allowComments'>
                      <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>
                          &#160;
                          <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>
                          &#160;
                          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                            <data:post.newestLinkText/>
                          </a>
                        </span>
                      </b:if>
                      <div class='clear'/>
                      <div id='comment_block'>
                        <b:loop values='data:post.comments' var='comment'>
                          <div class='data:comment.adminClass' expr:id='data:comment.anchorName'>
                            <b:if cond='data:post.adminClass == data:comment.adminClass'>
                              &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
                              <b:else/>
                              &lt;div class=&#39;comment_inner&#39;&gt;
                            </b:if>
                            <div class='comment_header'>
                              <div class='comment_avatar_wrap'>
                                <div class='comment_avatar'>
                                  <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
                                </div>
                                <a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='رد'>
                                  رد
                                </a>
                              </div>
                              <div class='clear'/>
                            </div>
                            <div class='comment_body'>
                              <span class='comment_arrow'/>
                              <div class='comment_name'>
                                <b:if cond='data:comment.authorUrl'>
                                  <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'>
                                    <data:comment.author/>
                                  </a>
                                  <b:else/>
                                  <data:comment.author/>
                                </b:if>
                                <b:if cond='data:comment.author == data:post.author'>
                                  <span class='comment_author_flag'/>
                                </b:if>
                                <span class='comment_service'>
                                  <a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
                                    <img alt='delete' src='http://2.bp.blogspot.com/-d-5BS0YCkho/UOKe2UIw0rI/AAAAAAAAC4w/md_iYNVHaHk/s1600/delete4.png' title='حذف التعليق'/>
                                  </a>
                                  <span class='comment_date'>
                                    <a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
                                      <data:comment.timestamp/>
                                    </a>
                                  </span>
                                </span>
                              </div>
                              <b:if cond='data:comment.isDeleted'>
                                <span class='deleted-comment'>
                                  <data:comment.body/>
                                </span>
                                <b:else/>
                                <p>
                                  <data:comment.body/>
                                </p>
                                <div class='clear'/>
                              </b:if>
                            </div>
                            <div class='clear'/>
                            &lt;/div&gt;
                            <div class='clear'/>
                            <div class='comment_child'/>
                            <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>
                          </div>
                        </b:loop>
                      </div>
                      <div class='clear'/>
                      <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>
                          &#160;
                          <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>
                          &#160;
                          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                            <data:post.newestLinkText/>
                          </a>
                        </span>
                      </b:if>
                      <div class='clear'/>
                      <div class='comment_form'>
                        <b:if cond='data:post.embedCommentForm'>
                          <b:if cond='data:post.allowNewComments'>
                            <b:include data='post' name='threaded-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' expr:title='data:postCommentMsg'>
                              <data:postCommentMsg/>
                            </a>
                          </b:if>
                        </b:if>
                      </div>
                    </b:if>
                  </div>
                  <script type='text/javascript'>
                    //<![CDATA[
                    if (typeof(jQuery) == 'undefined') {
                      //output the script (load it from google api)
                      document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
                    }
                    //]]>
                  </script>
                  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
                  <script type='text/javascript'>
                    <b:if cond='data:post.numComments != 0'>
                      var Items = <data:post.commentJso/>;
                      var Msgs = <data:post.commentMsgs/>;
                      var Config = <data:post.commentConfig/>;
                      <b:else/>
                        var Items = {};
                    var Msgs = {};
                    var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
                  </b:if>
                                  //<![CDATA[
                                  //Global setting
                                  Config.maxThreadDepth = 6;//Kedalaman tingkat threaded comment
                                  Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
                                  Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable
                                  Replace_Image_Link = true;//Auto replace link image,  ketik "false" untuk mendisable.
                                  Replace_Force_Tag = true;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
                                  Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true
                                  //Pengaturan Emoticon
                                  Emo_List = [
                                  '::)'   ,'http://1.bp.blogspot.com/-2Z7Cwe04x-Q/UH9THzWWJII/AAAAAAAACtA/ChwawyzYsDI/s1600/smile1.gif',
                                  ':('   ,'http://4.bp.blogspot.com/-yXc7xHs5mXc/UKhVJLBfdaI/AAAAAAAADPY/LJKRsefyeao/s1600/sad.gif',
                                  '=('   ,'http://1.bp.blogspot.com/-7I8DdEs58z0/UKhVKHT1yUI/AAAAAAAADPg/Lyzv-E74EdM/s1600/sadanimated.gif',
                                  '^_^'   ,'http://1.bp.blogspot.com/-IoZJlpB0-dE/UKhVKnR0BDI/AAAAAAAADPo/Kz87N1Aj4X8/s1600/smile.gif',
                                  ':D'   ,'http://3.bp.blogspot.com/-WeTjMT8JDhg/UKhVHlZ88II/AAAAAAAADPI/b1gpiAvIkCc/s1600/icon_smile.gif',
                                  '=D'   ,'http://1.bp.blogspot.com/-ljeobbA3sn0/UKhVGtJsGRI/AAAAAAAADPA/8lyzE4JwrwQ/s1600/hihi.gif',
                                  '|o|'   ,'http://4.bp.blogspot.com/-ip66eq3uRI8/UKhVF-QK8lI/AAAAAAAADO4/P0G-1PcWpQs/s1600/applause.gif',
                                  '@@,'   ,'http://4.bp.blogspot.com/-w1VfvgO2-e8/UKhVIT7XLhI/AAAAAAAADPQ/cJ0KDjEsoj4/s1600/rolleyes.gif',
                                  ';)'   ,'http://3.bp.blogspot.com/-5zPfqshivtY/UKhVONWZnkI/AAAAAAAADQI/iCDxagcaj5s/s1600/wink.gif',
                                  ':-bd'  ,'http://4.bp.blogspot.com/-hPd-oj2Bzo4/UKhVLkmQjOI/AAAAAAAADPw/3O1iuAukZXg/s1600/thumb.gif',
                                  ':-d'   ,'http://2.bp.blogspot.com/-yElQmFAIiII/UKhVMcObcQI/AAAAAAAADP4/-qdEpW8zCmY/s1600/thumbsup.gif',
                                  ':p' ,'http://2.bp.blogspot.com/-bs2e9gRj748/UKhVNKLs2YI/AAAAAAAADQA/mF7lDNOChac/s1600/wee.gif',     
                                  ':a01:', 'http://www.freesmileys.org/smileys/smiley-laughing021.gif',
                                  ':b02:', 'http://www.freesmileys.org/smileys/smiley-signs003.gif',
                                  ':c03:', 'http://www.freesmileys.org/smileys/smiley-signs001.gif',
                                  ':d04:', 'http://www.freesmileys.org/smileys/smiley-love008.gif',
                                  ':e05:', 'http://www.freesmileys.org/smileys/smiley-scared009.gif',
                                  ':f06:', 'http://www.freesmileys.org/smileys/smiley-shocked004.gif',
                                  ':g07:', 'http://www.freesmileys.org/smileys/smiley-devil09.gif',
                                  ':h08:', 'http://www.freesmileys.org/smileys/smiley-confused005.gif',
                                  ];
                                  //Config Force tag list, define all in lower case
                                  Force_Tag = [
                                  '[pre]','<pre>',
                                  '[/pre]','</pre>',
                                  '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',
                                  '</pre>','</code>'
                                  ];
                                  eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\\1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\').k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H);3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E();3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i].5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14=10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+\'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\').B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5);1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\'+j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J+\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B");1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||substring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr||||function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUpperCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|child_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtube|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespace|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|replace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|span|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|item|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowfullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxThreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u2009|Replace_Force_Tag|show|s45'.split('|'),0,{}))
                                  //]]>
                  </script>
                </b:includable>
    <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

  <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
      </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:include cond='data:blog.pageType != &quot;static_page&quot;                          and data:post.allowComments                          and data:post.numComments != 0' data='post' name='comment_count_picker'/>
      </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:elseif cond='data:post.url and data:blog.url != data:post.url'/>
                <a expr:href='data:post.url'><data:post.title/></a>
              <b:else/>
                <data:post.title/>
              </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='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:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                                  and data:post.allowComments' data='post' name='comment_count_picker'/>
              </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:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
      </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 uncustomized-post-template' 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 or (data:post.url and data:blog.url != data:post.url)'>
        <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
      </h3>
    </b:if>

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

    <!-- 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' expr:itemprop='(data:blog.metaDescription ? &quot;&quot; : &quot;description &quot;) + &quot;articleBody&quot;'>
       <b:if cond='data:blog.pageType == &quot;item&quot;'>


<data:post.body/>

<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<data:post.body/>


<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>

</div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>
<div style='clear: both;'/>


<style type='text/css'>
.post-outer {
  background: #fff;
  margin: 0 0 10px 0;
  height: 464px;
}
div.post:before {
content: &quot;&quot;;
position: absolute;
top: 0;
right: 0;
z-index: 40;
border-width: 0 16px 16px 0;
border-style: solid;
border-color: #fff rgba(247, 247, 250, 0) #fff #fff;
background: #f1f1f1;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0), -1px 1px 1px rgba(0, 0, 0, 0.17);
display: block;
width: 0;
}
.post-body {
  color: #fff;
  float: right;
  font-size: 15px;
  margin: 10px 0 2px 0;
  }
.post-title a {
  color: #FFF;
  font-size: 15px;
  transition: 0.3s;
  font-weight: 100;
  margin: 0;
  margin-right: 12px;
  padding: 6px;
  float: right;
}
.post-title {
  margin: 1px 0px 44px 1px;
  width: 98%;
  background-color: #B37171;
  float: left;
  padding: 6px;
}
.rmlink {
  float: right;
  margin-top: -262px;
  padding: 0px 43% 2px 15px;
  position: relative;
}
.rmlink a {
  padding: 9px 21px;
  background: #B37171;
  color: #fff;
  transition: 0.4s;
  border-radius: 3px;
  }
.post img:hover {
  -webkit-transform: scale(1.1)!important;
  -moz-transform: scale(1.1)!important;
  transform: scale(1.1)!important;
  transition: all .3s ease!important;
  -webkit-transition: all .3s ease!important;
  -moz-transition: all .3s ease!important;
  -o-transition: all .3s ease!important;
}
.post img {
  transition: 0.3s;
  }
.text-tad {
  color: #344d5d;
  width: 97%;
  float: left;
  padding: 10px 0px 28px 10px;
}
.post-timestamp {
margin:0;
  }
.post-info a {
  color: #fff;
  line-height: 30px;
}
span.post-author.vcard {
  margin: 0 50px 0 10px;
  float: right;
}
.post-info {
  width: 306px;
  height: 30px;
  margin: 0px 10px 0 0;
  top: 0;
  bottom: 0;
  padding: 0;
  background: #B37171;
}
.post-footer {
  line-height: 0;
  height: 5px;
}
.share-story li {
float: right;
margin-right: 5px;
}
.pull-right {
  float: left;
  position: relative;
  left: 239px;
  right: -17px;
  right: -30%;
  margin-top: -25px;
}
.tips img{
width: 35PX;
height: 35PX;
}
.tips img:hover {
width: 35PX;
height: 35PX;
transform: rotate(360deg);
transition: 0.3s;
}
.tips img:hover {
width: 35PX;
height: 35PX;
transform: rotate(360deg);
transition: 0.8s;
filter: gryalitess(100%);
webkit-transition: 0.8s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.8s;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
}
.share-story p {
  float: right;
  margin-top: 4px;
  color: #FFFFFF;
  margin-left: 8px;
  background-color: #34495E;
  padding: 9px;
  border-radius: 4px;
}
</style>

</b:if>
</b:if>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='rmlink'><a expr:href='data:post.url'>إقرأ المزيد...</a></div>
<div class='pull-right share-story-container'>
<ul class='share-story'>
<p>
    شارك التدوينة لتعم الفائدة
  </p>
 <li>
<a class='tips' data-title='Facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' rel='nofollow' target='_blank'>
<img src='https://cdn4.iconfinder.com/data/icons/social-media-icons-the-circle-set/48/facebook_circle-128.png'/></a></li>
 <li><a class='tips' data-title='Twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img src='https://cdn4.iconfinder.com/data/icons/social-media-icons-the-circle-set/48/twitter_circle-128.png'/></a></li>
 <li><a class='tips' data-title='Google+' expr:href='&quot;https://plus.google.com/u/0/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'><img src='https://cdn4.iconfinder.com/data/icons/social-media-icons-the-circle-set/48/google_circle-128.png'/></a></li>
</ul>
</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>
<div id='medonadix'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='share'>
<span style='float:right;margin-top: 5px;'>
<b>
: بضغطة زر تشارك الفائدة وتدعم المدونة
</b>
</span>
<div id='share-button'><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' style='background:#3b5998;' target='_blank' title='Facebook'>فيسبوك</a><a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:blog.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' style='background:#c0361a;' target='_blank' title='Google+'>جوجل+</a><a expr:href='&quot;http://www.blogger.com/share-post.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot;+ data:post.id + &quot;&amp;amp;target=twitter&quot;' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' style='background:#4099ff;' target='_blank' title='Twitter'>تويتر</a></div> 
</div> 
<div class='post_byfix'>
<div class='post_by'>
<div class='post_byimz'>
<span class='author'><a href='ٍhttp://pro-ismail.blogspot.com/'><img src='http://up.k3l.co/img/1434406542032.jpg'/></a></span>
</div>
<div class='author-name'>إسماعيل ادغوغي</div>
<p> إسماعيل ادغوغي : من المملكة المغربية, اهتمامي وحبي لتدوين هو ما جعلني أستمر ليس فقط لتقديم المواضيع بل أيضا لمساعدة الأشخاص المبتدئين &#1548; كما كنت سابقا إلا أني لم أجد من يساعدني ! مع ذلك كافحة وواضبة على ما أحبه من عمل لأصل إلى ما أريده &#1548; ليس كمستقبل لكن كهدف حققته ,لدي إهتمامات اخرى   .  </p>
<div id='authorsn'>

<p>
<a class='facebookBtn authorsn' href='#'/>
<a class='twittersn authorsn' href='#'/>
<a class='googleplussn authorsn' href='#'/>
<a class='rsssn authorsn' href='#'/></p>
</div>
</div>
</div>
<div class='related-post' id='related-post'/><script type='text/javascript'>var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></b:if>];var relatedPostConfig = {homePage: &quot;<data:blog.homepageUrl/>&quot;,widgetTitle: &quot;<h4>تدوينات ذات صلة:</h4>&quot;,numPosts:6,summaryLength:370,titleLength: &quot;auto&quot;,thumbnailSize: 72,noImage: &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC&quot;,containerId: &quot;related-post&quot;,newTabLink: true,moreText: &quot;Read More&quot;,widgetStyle: 5,callBack: function() {}};</script>
            <script src='//ar1web-com.googlecode.com/svn/Hm/relatedar1web.js' type='text/javascript'/>
      </b:if>
    </div>
    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
      <span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
            <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 class='g-profile' 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='reaction-buttons'>
        <b:if cond='data:top.showReactions'>
          <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
            <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
              <span class='reactions-label'>
              <data:top.reactionsLabel/></span>&#160;</td>
            <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
           </tr></table>
        </b:if>
      </span>

      <span class='post-comment-link'>
        <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                          and data:post.allowComments' data='post' name='comment_count_picker'/>
      </span>

       <!-- backlinks -->
       <span class='post-backlinks post-comment-link'>
         <b:if cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                      and data:post.showBacklinks'>
           <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
         </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='//img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>

        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span>

      <!-- share buttons -->
      <div class='post-share-buttons goog-inline-block'>
        <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
      </div>

      </div>

      <div class='post-footer-line post-footer-line-2'>
      <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='not data:label.isLast'>,</b:if>
          </b:loop>
        </b:if>
      </span>
      </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='//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.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></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>لا تنسى التعليق من هنا ^^</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>لا تنسى التعليق من هنا ^</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;);
    </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:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
      <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:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
    </div>
    </div>
  </div>
</b:includable>
  </b:widget>
  <b:widget id='HTML5' locked='false' title='Disqus' type='HTML'>
    <b:includable id='main'>
            <script type='text/javascript'>
                var disqus_shortname = &#39;masterpro59681&#39;;
                var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
                if (!disqus_blogger_current_url.length) {
                    disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
                }
                var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
                var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
            </script>
            <b:if cond='data:blog.pageType == &quot;item&quot;'>
                <style type='text/css'>
                    #comments {display:none;}
                </style>
                <script type='text/javascript'>
                    (function() {
                        var bloggerjs = document.createElement(&#39;script&#39;);
                        bloggerjs.type = &#39;text/javascript&#39;;
                        bloggerjs.async = true;
                        bloggerjs.src = &#39;//&#39;+disqus_shortname+&#39;.disqus.com/blogger_item.js&#39;;
                        (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
                    })();
                </script>
            </b:if>
                <style type='text/css'>
                    .post-comment-link { visibility: hidden; }
                </style>
                <script type='text/javascript'>
                (function() {
                    var bloggerjs = document.createElement(&#39;script&#39;);
                    bloggerjs.type = &#39;text/javascript&#39;;
                    bloggerjs.async = true;
                    bloggerjs.src = &#39;//&#39;+disqus_shortname+&#39;.disqus.com/blogger_index.js&#39;;
                    (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
                })();
                </script>
        </b:includable>
  </b:widget>
  <b:widget id='Feed1' locked='false' title='Last Posts' type='Feed'>
    <b:includable id='main'>
    <h2><data:title/></h2>
    <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
      <span style='filter: alpha(25); opacity: 0.25;'>
        <a expr:href='data:feedUrl'><data:loadingMsg/></a>
      </span>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
  </b:widget>
</b:section>
  </div>
<div id='sidebar-wrapper' style='float:left; width:31%;'>
  <b:section id='sidebar'>
    <b:widget id='HTML3' 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='PopularPosts1' locked='false' title='المشاركات الشائعة' type='PopularPosts'>
      <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='!data:showThumbnails'>
          <b:if cond='!data:showSnippets'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
          <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
            <b:if cond='data:post.thumbnail'>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href' target='_blank'>
                  <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                </a>
              </div>
            </b:if>
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <b:if cond='data:showSnippets'>
              <div class='item-snippet'><data:post.snippet/></div>
            </b:if>
          </div>
          <div style='clear: both;'/>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
    </b:widget>
    <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='Navbar1' locked='false' title='Navbar' type='Navbar'>
      <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
          if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: &#39;https://www.blogger.com/navbar.g?targetBlogID\0753529568185419557695\46blogName\75%D9%85%D8%AF%D9%88%D9%86%D8%A9+%D8%B4%D8%A7%D9%85%D9%84+%D9%88%D9%8A%D8%A8%7C%D8%B4%D8%A7%D9%85%D9%84+%D9%81%D9%8A+%D9%85%D8%B9%D9%84%D9%88%D9%85%D9%8A%D8%A7%D8%AA\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75//chamil-wibe.blogspot.com/search\46blogLocale\75ar\46v\0752\46homepageUrl\75http://chamil-wibe.blogspot.com/\46vt\0753186732350526050017&#39;,
                where: document.getElementById(&quot;navbar-iframe-container&quot;),
                id: &quot;navbar-iframe&quot;
            });
          }
        });
      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
    </b:widget>
    <b:widget id='AdSense3' locked='false' title='' type='AdSense'>
      <b:includable id='main'>
  <div class='widget-content'>
    <b:if cond='!data:blog.disableAdSenseWidget'>
      <data:adCode/>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
    </b:widget>
  </b:section>
  </div>
    </div>
<div id='footer-wrapper'>
<div id='footer-edg'>
<div id='footer-tools'>
<div id='footer-too'>
</div>
</div>
</div>
<div id='Fo-compane'>
<div id='compane'>
<a class='Blog-compane'> جميع الحقوق محفوضة لمدونة  شامل ويب 2015 &#169;.</a>
<a class='pro-compane' href='https://khamsat.com/user/medo.nadix' id='conv' rel='dofollow' target='_blank'>شامل ويب :التطوير</a>
</div>
</div>
</div>



<!-- Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5; /*رقم عدد المواضيع في كل صفحة */
var displayPageNum=5; /*رقم عدد الارقام التي سيتم ادراجها في الترقيم */
var upPageWord =&#39;السابق&#39;;
var downPageWord =&#39;التالي&#39;;
</script>
<script src='https://bloggeradsenseo.googlecode.com/svn/trunk/Nbr-Pages.js' type='text/javascript'/>

</b:if></b:if>

<!--Page Navigation Ends -->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/>

<style type='text/css'>
#w2b-StoTop {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; width:100px;background-color: #EEEEEE;background-color: rgba(238, 238, 238, 0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=&#39;#99EEEEEE&#39;,EndColorStr=&#39;#99EEEEEE&#39;);text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#444;text-decoration:none;border:1px solid #C9C9C9;}
</style>
<script type='text/javascript'>
$(function() {
$.fn.scrollToTop = function() {
$(this).hide().removeAttr(&quot;href&quot;);
if ($(window).scrollTop() != &quot;0&quot;) {
$(this).fadeIn(&quot;slow&quot;)
}
var scrollDiv = $(this);
$(window).scroll(function() {
if ($(window).scrollTop() == &quot;0&quot;) {
$(scrollDiv).fadeOut(&quot;slow&quot;)
} else {
$(scrollDiv).fadeIn(&quot;slow&quot;)
}
});
$(this).click(function() {
$(&quot;html, body&quot;).animate({
scrollTop: 0
}, &quot;slow&quot;)
})
}
});
$(function() {
$(&quot;#w2b-StoTop&quot;).scrollToTop();
});
</script>
<a href='#' id='w2b-StoTop' style='display:none;'>إلى أعلى الصفحة </a>
<script type='text/javascript'>
var multiFeed = {
    feedsUri: [
        {
            name: &quot;مقالات&quot;,
            url: &quot;http://chamil-wibe.blogspot.com&quot;,
            tag: &quot;مقالات&quot;
        },
        {
            name: &quot;حصريات&quot;,
            url: &quot;http://chamil-wibe.blogspot.com&quot;,
            tag: &quot;حصريات&quot;
        },
        {
            name: &quot;قوالب&quot;,
            url: &quot;http://chamil-wibe.blogspot.com&quot;,
            tag: &quot;قوالب&quot;
        }
    ],
    numPost: 4,
    showThumbnail: true,
    showDate: true,
    showSummary: true,
    summaryLength: 80,
    titleLength: &quot;auto&quot;,
    thumbSize: 72,
    containerId: &quot;feed-list-container&quot;,
    readMore: {
        text: &quot;مزيد من المواضيع&quot;,
        endParam: &quot;?max-results=20&quot;
    }
};
</script>
<script src='https://dl.dropboxusercontent.com/u/280199022/feed.js' type='text/javascript'/>
<style>
#abt-page-loader {
        position: fixed!important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        background:#000 url(&#39;https://lh4.googleusercontent.com/-mQD0pkXM2Mk/UrBy0Cd7aVI/AAAAAAAAJ4A/JD-zaaFSku8/w43-h11-no/www.madad2.com1.gif&#39;) no-repeat 50% 30%;
        color: #FFF;
        display: none;
        font: 0/0 a;
        text-shadow: none;
        padding: 1em 1.2em;
}
</style>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="abt-page-loader">تحميل...</div>');
$(window).on("beforeunload", function() {
    // ... Show the Animation `.fadeIn()`
    $('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>
  </body>

</html>