<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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'>
<head>
<b:include data='blog' name='all-head-content'/>

<!-- [ Meta Tag SEO ] -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>الصفحة غير موجودة - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='xxxxx' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>
<link href='https://plus.google.com/xxxxx/about' rel='author'/>
<link href='https://plus.google.com/xxxxx' rel='me'/>
<meta content='xxxxx' name='google-site-verification'/>
<meta content='xxxxx' name='msvalidate.01'/>
<meta content='xxxxx' name='alexaVerifyID'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='xxxxx' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>

<!-- [ Social Media meta tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>  
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='xxxxx' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='562901580420523' property='fb:app_id'/>
<meta content='100005787193074' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='xxxxx' name='twitter:site'/>
<meta content='xxxxx' name='twitter:creator'/>
<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1' name='viewport'/>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
<b:skin><![CDATA[/*
---*****************************
Name : Adwat
Des  : Ar1web
Website : www.ar1web.com
---*****************************/
/* CSS LAYOUT */
body#layout ul{display:none;}
body#layout select{display:none;}
body#layout #content {float: right;width: 100%;}
body#layout #header-wrapper { min-height: 0px; float: right; }
body#layout #header-left { float: left; width: 60%; }
body#layout #main-wrapper {overflow: hidden;float: right;width: 500px;margin-right: 10px;}
body#layout .sidebar-wrapper{float:left;    width: 34%;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure { margin: 0; padding: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: right; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
sup{ vertical-align: super; font-size:smaller; }
code{ font-family: 'Courier New', Courier, monospace; font-size:12px; color:#272727; }
a img{border: none;}
ul ul, ol ol { padding: 0; }

ol, ul { padding: 0px;  margin: 0; }
ol li { list-style-type: none;  padding:0;  }
ul li { list-style-type: none;  padding: 0;  }

h1, h2, h3, h4, h5, h6 {color: #777; font-weight:normal; letter-spacing:0.6px;}
.post-body h1 { line-height: 34px; font-size: 44px; margin: 10px 0; }
.post-body h2 { font-size: 19px; line-height: 40px; margin: 10px 0; }
.post-body h3 { font-size: 20px; line-height: 34px; margin: 10px 0; }
.post-body h4 { font-size: 26px; line-height: 36px; margin: 10px 0;  }
.post-body h5 { font-size: 24px; line-height: 34px; margin: 10px 0;  }
.post-body h6 { font-size: 18px; line-height: 24px; margin: 10px 0;  }
 
body#layout #header, body#layout .header-left { width: 48%; }
body#layout .main-wrapper { margin-left: 320px; }
body#layout .widget-content { margin: 0; }
body#layout .outer-wrapper, body#layout .sidebar-wrapper, body#layout .ct-wrapper { margin: 0; padding: 0; }

body{ background: rgba(243, 242, 242, 0.42) url("https://4.bp.blogspot.com/-oZI1LDOu6oA/VsTtEepxuTI/AAAAAAAAA-w/-i2VSVArfH4/s1600/ar1web-bg.png")repeat; color: #333; height: 100%; padding: 0;font:normal normal 13px 'Arabic',verdana,tahoma;overflow: -moz-scrollbars-vertical; overflow-x: hidden; overflow-y: scroll;}
a{ color: #3498DB; outline:none; text-decoration: none; }
a:hover { color: #333; text-decoration:none; }
.clear { clear:both; float:none; }
#FeaturedPost1 a { color: #fff; }
#FeaturedPost1 {}
#FeaturedPost1 h3 { padding: 5px 10px 8px; margin: 144px 0px; font-size: 16px; position: absolute; z-index: 9999999;color: #fff; border-radius: 3px }
#FeaturedPost1 .post-summary{text-align:;}
#FeaturedPost1 img { width: 107%; position: relative; left: 11px; padding: 0; top: 11px; }
]]></b:skin>
<style type='text/css'>
#comments{font-size:14px;margin:20px auto;width:100%;border:1px solid #eee;}
#comments h5{font-size:14px;margin:0;padding:15px 20px;font-weight:700;position:relative;text-transform:uppercase;overflow:hidden;border-bottom:1px solid #eee;}
.comment_admin .comment_author_flag {display:inline;font-size:13px;font-weight:normal;padding:2px 6px;margin-right:8px;color:#fff;border-radius:4px;text-transform:uppercase;letter-spacing:.1em}
.comment_inner{background:#fff;margin:0;padding:15px;overflow:hidden;border-bottom:1px solid #e5e5e5;transition:all .3s;}
div.comment_inner.comment_admin {background:#fff;}
.comment_inner:hover,.comment_inner:hover &gt; .comment_body,.comment_child .comment_inner:hover,div.comment_inner.comment_admin:hover {background:#fefefe;}
.comment_header{float:right;width:67px}
.cm_head{position:relative;margin:-10px -10px 0;padding:5px 10px 0px;}
.comment_avatar{border-radius:55px;margin:0;padding:5px;}
.comment_avatar img{border-radius:55px;width:55px;height:55px;padding:0;text-align:center;margin:0;background:url(http://4.bp.blogspot.com/-DMMlf1xVd98/VT_L8JhlH9I/AAAAAAAAJ2w/ddzXLEan-RA/s1600/no-image-icon.png) no-repeat #eee}
div.comment_avatar img[src=&quot;http://img1.blogblog.com/img/openid16-rounded.gif&quot;]{content:url(http://4.bp.blogspot.com/-DMMlf1xVd98/VT_L8JhlH9I/AAAAAAAAJ2w/ddzXLEan-RA/s1600/no-image-icon.png)}
.comment_name,.comment_name a{padding:0;margin:0;font-weight:bold;color:#333;}
.comment_service{margin-top:0}
.comment_date{margin:0 0 0 5px;color:#999;font-size:11px;font-weight:400}
.respond{float:left;margin:0;padding:0}
.comment_date:hover{color:#bbb;text-decoration:underline}
.comment_body{background:#fff;margin-right:72px;padding:10px;}
.comment_body p{line-height:normal;margin:0;color:#333;padding:10px 0}
.comment_child .comment_inner{padding-right:78px}
.comment-delete{position:absolute;float:left;top:10px;left:10px;margin:0;padding:0;opacity:.5;transition:all .3s}
.comment_body:hover &gt; .cm_head a.comment-delete{opacity:1}
.infonm{float:right}
.comment_reply{font-size:90%;width:50px;display:block;font-weight:300;margin:0;padding:0;color:#999!important;text-align:center;text-decoration:none;background:#fff;border:1px solid #e5e5e5;transition:all .3s}
.comment_reply:hover{text-decoration:none;color:#a24436!important;border-color:#ddd;}
.comment_hapus{font-weight:300;margin:0;padding:0;color:#fff!important;text-decoration:none;}
.comment_hapus:hover{text-decoration:none;color:#333!important}
.unneeded-paging-control{display:none}
.comment-form{max-width:100%!important}
#comment-editor{width:100%!important;background:#fff url(&#39;http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif&#39;) no-repeat 50% 40%;margin-bottom:0;margin-top:5px}
.comment_form a{text-decoration:none;}
.comment-form p{background:#fff none repeat scroll 0% 0%;padding:0;margin:0;color:#333;font-size:13px;position:relative}
.comment_reply_form{padding:0 0 0 70px}
.comment_reply_form .comment-form{width:100%}
iframe{border:none;overflow:hidden}
.deleted-comment{background:#e74c3c;color:#fff;padding:20px;margin:5px 0;display:block}
iframe{border:none;overflow:hidden}
p.spammer-detected{background:#9eb2c0;position:relative;display:table;margin:10px 0;padding:10px 15px;color:#fff;font-size:95%;border-radius:2px}
.pesan-komentar{padding:0;width:auto;margin:0 auto;line-height:normal;position:relative;font-weight:400;color:#444;}
.pesan-komentar h6{font-size:14px;margin:0;padding:15px 20px;font-weight:700;position:relative;text-transform:uppercase;overflow:hidden;border-bottom:1px solid #eee}
.pesan-komentar .strike{text-decoration:line-through;display:inline;padding:0;}
.pesan-komentar ul{padding:20px}
.pesan-komentar ul li{list-style:none;padding:3px 0;font-size:13px;}
.pesan-komentar ul li:first-child{padding:0 0 3px 0;}
.pesan-komentar ul li:last-child{padding:3px 0 0 0;}
input.button-parse{padding:5px 8px;cursor:pointer;border:1px solid #e85e54;background:#f8695f;color:#fff;margin-bottom:20px;border-radius:2px;transition:all .3s}
input.button-parse:hover{background:#fff;border-color:#f8695f;color:#e85e54;}
code{font-family:Consolas,Monaco,&#39;Andale Mono&#39;,monospace;white-space:initial;word-spacing:normal;word-break:normal;hyphens:none;}
code, #comment_block code,#comment_block i[rel=&quot;code&quot;] {font:normal 12px ;color:blue;}
pre, #comment_block pre,#comment_block i[rel=&quot;pre&quot;] {display:block;font:normal 12px background-color:#333;color:#fff;padding:0.5em 1em;word-wrap:normal;white-space:pre;overflow:auto;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
#comment_block blockquote,#comment_block i[rel=&quot;quote&quot;] {margin:0 2%;background-color:#eee;padding:1em 1.2em;border-right:4px solid #7498AD;display:block;font-weight:normal;font-style:italic;}
#comment_block i[rel=&quot;image&quot;],#comment_block i[rel=&quot;youtube&quot;] {display:block;overflow:hidden;
position:relative;width:170px;margin:0 auto;}
.comment_emo_list{display:none;position:relative;text-align:center;margin:20px auto}
.comment_emo_list .item{float:right;text-align:center;height:40px;width:41px;margin:0 auto}
.comment_emo_list span{display:block;font-weight:400;font-size:11px;letter-spacing:1px;color:#666}
.comment_body p img.comment_emo{margin-right:5px}
nav.navblog li a:hover {
    color: #fff!important;
}

@font-face{font-family:&#39;Arabic&#39;;font-weight:400,700;font-style:normal;src:url(https://c.s-microsoft.com/static/fonts/segoe-ui/arabic/normal/latest.eot);src:url(https://c.s-microsoft.com/static/fonts/segoe-ui/arabic/normal/latest.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https://c.s-microsoft.com/static/fonts/segoe-ui/arabic/normal/latest.woff) format(&quot;woff&quot;),url(https://c.s-microsoft.com/static/fonts/segoe-ui/arabic/normal/latest.ttf) format(&quot;truetype&quot;),url(https://c.s-microsoft.com/static/fonts/segoe-ui/arabic/normal/latest.svg#web) format(&quot;svg&quot;)}
.post blockquote{display:block;font-style:normal;color:#555;padding:15px 18px 15px 48px;position:relative;background-color:#f8e38d;border-radius:4px;border-bottom:1px solid rgba(0,0,0,.1);margin:5px 0;line-height:21px} .post blockquote:before{font-family:&#39;fontAwesome&#39;;display:block;position:absolute;top:15px;left:16px;color:rgba(0,0,0,.18);font-size:24px;line-height:1} .post blockquote:before{content:&quot;\f05a&quot;} .post ol{padding-left:25px} .post ul {margin: 5px 0 5px 10px;padding: 0 0 0 5px;list-style:none;} .post ul li:before { content: &quot;\f005&quot;; font-family:fontAwesome; color:#db5e69; font-style: normal; top:0; left:0; margin-right:13px; }
h2.date-header,.quickedit,#ContactForm1{display:none;}
.ct-wrapper {padding: 0; position: relative; max-width: 1060px; margin: 0 auto 0 auto; background:rgb(251, 250, 250);}
.header-wrapper {display: inline-block; margin:45px 0 0; float: right; padding: 0; width: 100%; -moz-box-sizing: -webkit-border-box; box-sizing: border-box; }
.main-wrapper { width:auto; margin-left:340px; }
#content {background:#fff; padding:15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative;}
.main-inner-wrap {float:right; position: relative; width:100%;    border-left: 1px dotted #ddd;background: #fff;}
.container {margin: 35px auto; padding: 0 0px; position: relative;    outline: 10px solid rgba(209, 226, 243, 0.29);}
.sidebar-wrapper { width:320px; float: left;    margin-left: 9px;}
.sidebar-wrapper .sidebar-top { padding: 15px 30px 40px 20px; background-color: #D1E2F3; width: 90.6%; position: relative; margin-right: -11px; } .sidebar-top p { float: right; color: #383637; font-size: 16px; font-weight: 600; line-height: 24px; padding: 3px 0px; margin:0 }
.ar1web-social { float: left; position: relative; margin: -2px -10px!important; padding: 0 0 0 0; } .ar1web-social li { display: inline-block; margin:0; line-height: 16px; } .ar1web-social li a { color:#fff; position: relative; z-index: 98; font-size: 24px; display: block ; text-align: center; } .twitter-icon:before { content:&quot;\f099&quot; } .gpluss-icon:before { content:&quot;\f0d5&quot; } .facebook-icon:before { content:&quot;\f09a&quot; } .rss-icon:before { content:&quot;\f09e&quot; } .social-tooltip.tw, .social-tooltip.fb, .social-tooltip.yt, .social-tooltip.rs, .social-tooltip.wp, .social-tooltip.gp { color: #0099CC; background: #FFFFFF; padding: 4px 6px; outline: 1px solid; } .social-tooltip.tw { color: #44C3F9;} .social-tooltip.rs { color: #FFAD12;} .social-tooltip.wp { color: #5CCC19; } .social-tooltip.gp { color: #E00606; } .social-tooltip.fb { color: #086A8C; } .social-tooltip.yt{color: #FF2F37;} .ar1web-social .social-tooltip:hover:after{ top: -36px; background: none repeat scroll 0% 0% #FFF; font-size: 14px; color: #666; content: attr(title); display: block; right: 0px; padding: 5px 15px; position: absolute; white-space: nowrap; border-radius: 3px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); } .ar1web-social .social-tooltip:hover:before{ top: -10px; right: 8px; border-style: solid; border-image: none; border-color: #FFF transparent; border-width: 5px 5px 0px; content: &quot;&quot;; display: block; position: absolute; z-index: 1; } .ar1web-social .social-tooltip:hover { color: #444;outline: 1px solid; text-decoration: none; }
.back-to-top a:hover:after { top: -30px; background: none repeat scroll 0% 0% #FFF; font-size: 14px; color: #666; content: &#39;الى الأعلى&#39;; display: block; right: 0px; padding: 1px 15px; position: absolute; white-space: nowrap; border-radius: 3px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
.sidebar{  margin: 0;  padding: 0;  display: block;  }
.sidebar .widget{padding: 8px 10px;  clear: both; margin-bottom: 25px;background: #fff; border: 1px solid #EAE8E8;}
.sidebar ul{ margin:0; padding:0; list-style:none; }
.sidebar li{border-bottom: 1px solid #eee; margin: 0; padding: 4px 0 4px 2px; text-transform: capitalize;}
.no-title .widget-content {padding: 0; text-align: center;}
h2.btitle{font-size:22px; line-height: 26px; margin: 0 0 3px; transition: all 0.2s ease-in-out 0s;}
h2.btitle a{color:#606060;}
h2.btitle a:hover{color:#4775A3;}
.post { margin: 0px 0 0; padding: 0px 0px; }
.post-title { font-size: 18px;font-weight: bold; margin: 0px; line-height: normal !important; }
.post-title a { color:#303131; }
.post-title a:hover { color: #4D90FE; }
.post-body { padding: 0; margin:0; text-transform: auto; }
.post-header {color: #999999; font-size: 12px;}
.info-ar1web img {border-radius: 99em; width: 32px; height: 32px; margin-top: -12px; position: relative; margin-bottom: -9px;}
.info-ar1web{margin: 10px auto; padding: 15px 0 10px; color: #383637 !important; overflow: hidden; font-size: 12px; font-weight: normal; line-height: 1.2em; position: relative; border-top: 1px dashed #eee; border-bottom: 1px dashed #eee;}
#Header {background:  #09C;}
#header-wrap2 {width:100%;max-width:1080px;margin:0 auto;padding:0;overflow:hidden;height: 150px;position: relative;
    top: 25px;}
#header-wrapper {margin:0 auto;padding:10px 0;width:30%;float:right;position:relative;}
#Header1{float:right;padding:0;width:100%;max-width:360px}
#header-wrapper h1.title,#header-wrapper h2.title {color:#fff;font-size:260%;line-height:1.4em;margin:10px 0;font-weight:bold;text-transform:capitalize;}
#header-wrapper h1.title a,#header-wrapper h2.title a {color:#fff;}
#header-wrapper h1.title a:hover,#header-wrapper h2.title a:hover {color:#383637;}
.descriptionwrapper {visibility:hidden;width:0;height:0;}
.header img,.header-left img {display:block;}
.header-left img {max-height: 60px; width: 100%; margin: 15px 0;}
.header-left{float:left;padding:0;overflow:hidden;margin:0;width:100%;max-width:468px}
#header-wrap{width:100%;position:relative;margin:auto;background: #09C; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18); border-top: 2px solid rgba(0,0,0,0.16);}
.mbtloading {background:transparent url(http://2.bp.blogspot.com/-60aISBQLRY0/VFBMqzLfzGI/AAAAAAAABgM/GInmVTvEzkc/s1600/loader.gif) no-repeat center center!important; margin-top: 0px!important; margin-right: 0px!important;color:transparent!important} #ar1webviews { color: #FFFFFF; font-weight: bold; } 
#ar1web-result h4 {padding-right: 10px!important; }
.list-entries ul,.list-entries li{margin:0;padding:0;list-style:none}
.list-entries li{padding:1em;border-bottom:1px solid #ddd}
.list-entries .main-title{padding:0}
.list-entries .main-title h4{display:block;font:inherit;padding:.5em 1em;background-color:#0099CC;color:#fff;margin:0;line-height:normal;font-size:14px;margin-top:0!important}
.list-entries .title a{font-weight:300;font-size:14px;text-decoration:none;line-height:.5em;color:#222}
.list-entries .title a:hover{text-decoration:underline;color:#5886a7}
.list-entries img,.list-entries .fake-img{border:none;background-color:#333;margin: 0 0 0 1em; padding: 0; float: right;border-radius: 3px;}
.list-entries .summary{overflow:hidden;color:#999}
.list-entries .ar1web-more{border-bottom:none}
.list-entries .ar1web-more a{display:block;line-height:2em;height:2em;overflow:hidden;text-decoration:none;background-color:#fff;padding:.5em 1em;position:relative;font-weight:bold;color:#0099CC}
.list-entries .ar1web-more a:after { content: &quot;\f060&quot;; width: 0; height: 0; position: absolute; top: 33%; left: 1.5em; margin-top: -4px; font-family: fontawesome; -webkit-animation:bounceright .3s alternate ease infinite;animation:bounceright .3s alternate ease infinite }
.list-entries .ar1web-more a:hover{background-color: #0099CC; color: #fff!important;}
.list-entries{margin:7px;width:224px;float:right;font-size:11px;margin-top: 30px;border: 1px solid rgb(238, 243, 248);}
@-webkit-keyframes bounceright{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(3px)}}
@keyframes bounceright{from{transform:translateX(0)}to{transform:translateX(3px)}}
@keyframes ar1web-logo { 0% { transform: scale(0); opacity: 0.0; } 40% { transform: scale(1.1); opacity: 1; } 80% { transform: scale(0.9); } 100% { transform: scale(1); } } @-webkit-keyframes ar1web-logo { 0% { -webkit-transform: scale(0); opacity: 0.0; } 40% { -webkit-transform: scale(1.1); opacity: 1; } 80% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); } }
.zorna-ar1web {display:none;background:#3a89b9;padding:0 15px;height:60px;line-height:60px;color:#fff!important;}
.zorna-ar1web:hover {background:#3a89b9;}
#nav{font-weight: 700; text-transform: uppercase; background: #FFFFFF; margin: 0 auto; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; z-index: 99999; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18); border-top: 2px solid #067AA0;width: 100%!important;}
#nav2{max-width:1080px;margin:0 auto;height:60px;}
li.ar1web-logo { background: #0099CC; height: 56px!important; margin: -10px 0 0 10px!important; padding: 7px!important; border: 5px solid #FFFFFF; width: 56px; border-radius: 99em; box-shadow: 0px 0px 10px -3px #212121,0px 0px 20px -8px #000 inset; transition: text-shadow 0.5s ,border 0.5s; animation-name: ar1web-logo; -webkit-animation-name: ar1web-logo; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; }
#hello:hover { color: #eee; background:transparent!important; ; } .achgtlek-ar1web a:hover { background: #0099CC;color:#fff!important }
#hello { font-size: 45px; line-height: 1.1; left: 3px; position: relative;color: #FFF; }
.achgtlek-ar1web {list-style:none;margin:0;float:right;}
.achgtlek-ar1web:before,.achgtlek-ar1web:after {content: &quot; &quot;;display:table;}
.achgtlek-ar1web:after {clear:both;}
.achgtlek-ar1web a {display:block;padding:0 15px;}
.achgtlek-ar1web li {position:relative;margin:0;}
.achgtlek-ar1web &gt; li {float:right;}
.achgtlek-ar1web &gt; li &gt; a {display:block;height:60px;line-height:60px;color:#383637;}
.achgtlek-ar1web &gt; li &gt; a.active {background:#028DBB;padding:0 20px;}
.achgtlek-ar1web &gt; li &gt; a.active i {transform:scale(1.0);backface-visibility:hidden;vertical-align:middle; font-size: 20px}
.achgtlek-ar1web &gt; li &gt; a.active i:hover {transform:scale(0.95);}
.achgtlek-ar1web ul {list-style:none;margin:0;min-width:10em;}
.achgtlek-ar1web li ul {background:#fafafa;display:block;position:absolute;right:0;top:80%;z-index:10;visibility:hidden;opacity:0;transition:all .3s;}
.achgtlek-ar1web li li ul {right:110%;top:0;}
.achgtlek-ar1web li ul li{position:relative;margin:0;}
.achgtlek-ar1web &gt; li.hover &gt; ul {visibility:visible;opacity:1;top:100%;}
.achgtlek-ar1web li li.hover ul {visibility:visible;opacity:1;right:100%;}
.achgtlek-ar1web li li a {display:block;color:#666;position:relative;z-index:100;height:42px;line-height:42px;font-weight:400;text-transform:none;transition:all .3s;;}
.achgtlek-ar1web li li a:hover {background:#4399cd;color:#fff!important;}
.achgtlek-ar1web li li li a {z-index:20;}
.achgtlek-ar1web li .parent:after{content:&quot;\f107&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:6px;transition:all .3s;}
.achgtlek-ar1web li:hover .parent:after{content:&quot;\f106&quot;;color:#fff;}
.achgtlek-ar1web li:hover ul li .parent:after {content: &quot;\f105&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:6px;color:#4399cd;float:left;transition:all .3s;}
.achgtlek-ar1web li ul li .parent:hover:after {content: &quot;\f105&quot;;color:#fff;}
nav.navblog li:hover a{-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;color:#fff;}
nav.navblog{position: absolute;}
nav.navblog li{display:inline-block;padding:2px 8px 3px;}
nav.navblog li:hover{background:#09C;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
ul.dropdown li:hover a{color:#fff;}
nav.navblog a{color:#fff;font-weight:600;font-size:13px;}a.activear1web { background: #09C; padding: 6px; border-radius: 2px; }
div#viewscontainer { background: #0099CC; min-width: 32px; color: #562a05; font-size: 12px; line-height: 23px; display: block; position: absolute; top: 8px; left: 0; padding-right: 5px;    padding-left: 5px; } div#viewscontainer:before { content: &#39;&#39;; display: inline-block; border-right: 7px solid transparent; border-left: 7px solid #0099CC; border-top: 7px solid transparent; border-bottom: 7px solid transparent; position: absolute; top: 5px; right: -14px; } #ar1webviews:after { content: &quot;\f06e&quot;; font-family: FontAwesome; padding-right: 2px; padding-left: 5px;}
.post #viewscontainer:hover:after { bottom: 0; background: none repeat scroll 0% 0% #FFF; font-size: 12px; color: #383637; content: &#39;مشاهدة&#39;; display: block; left: 60px; padding: 0 14px; position: absolute; border-radius: 3px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.47); }
h1.post-title{border-bottom:1px solid #eaeaea; padding: 0 0 6px; margin:0 0 6px; }
.almazid-yar1web { display: inline-block; height: 30px; float: left; padding: 0 12px; color: #666; border: 1px solid #EFEFEF; background-color: #fff; font-size: 11px; font-weight: 700; text-transform: uppercase; line-height: 30px; transition: border .3s; }
.almazid-yar1web:hover { color: #09C; border: 1px solid; }
.sidebar h2 span, .sidebar h3 span { border-bottom: 3px solid #0099CC; padding-bottom: 5px; } .sidebar h2,.sidebar h3 { font-size: 15px; border-bottom: 3px solid #ecf0f1; color: #383637; font-weight: 700; margin: 15px 0; padding: 5px 0; text-align: right;}
#PopularPosts1 ul{padding:10px 0;margin-top:-15px;}
.PopularPosts .item-thumbnail{margin:0}
.item-thumbnail img:hover,.thumbar1web img:hover,.ar1web_img img:hover { opacity: .2;transform:scale(1.05);-o-transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s; } .item-thumbnail img,.thumbar1web img,.ar1web_img img{ opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .item-thumbnail,.thumbar1web,.ar1web_img{ background: #09C; }
.PopularPosts .widget-content ul{padding:0;margin-top:-7px}
.PopularPosts .item-title a{text-decoration:none;font-weight:400;font-size:14px;color:#000;line-height:1.4em;transition:all ease-in-out .1s;}
.PopularPosts .item-title{padding-bottom:.4em}
.PopularPosts .widget-content ul li:hover a,.PopularPosts .widget-content ul li a:hover{color:#48d;}
.PopularPosts li:first-child .item-snippet{position: absolute; top: 0; opacity: 0; visibility: hidden; width: 85%; left: 11px; color: #fff; background-color: rgba(0, 0, 0, 0.76); padding: 10px; font-size: 90%; line-height: normal; transition: .3s; border-radius: 3px;}
.PopularPosts li:hover:first-child .item-snippet{top:20%;opacity:1;visibility:visible}
.PopularPosts img{width:100%;height:100%;border-radius: 3px;padding: 0;}
.PopularPosts .widget-content ul li{list-style:none;margin:10px 0 0!important;padding:0 0 10px!important;line-height:1.3em!important;position:relative;border-bottom:1px solid #f1f1f1}
.item-snippet { font: 11px/16px tahoma; text-align: justify; }
.PopularPosts li .item-thumbnail{width:85px;height:80px;margin:0 0 0 0;overflow:hidden;float:right;    margin-left: 10px;}
.PopularPosts li:first-child .item-thumbnail{width:100%;height:100%;max-height:190px;overflow:hidden;margin-bottom:10px}
.PopularPosts li:first-child .item-content{position:relative}
.PopularPosts li:first-child .item-thumbnail { background:transparent!important; } .PopularPosts li:first-child .item-thumbnail img:hover { opacity: .90; }
.PopularPosts li:first-child .item-thumbnail,.PopularPosts li:first-child .item-snippet{display:block;background: 0;}
.PopularPosts li:first-child .item-title a{font-size:18px;line-height:1.3em;font-weight:700}
#ar1web-credit { text-align: right; width: 1080px; margin: 0 auto; } designdevta#DD_Encryption { float: left; }
.footer-info{background-color: #FFFFFF; color: #1F1E1E; font-weight: normal; font-size: 14px; padding: 15px; text-align: center; border-top: 3px solid #0099CC;}
.footer-info a{color:#09C;font-weight:700;}.footer-info a:hover{text-decoration:underline}
#back-to-top{background:#0099CC; color: #fff; padding: 6px 10px 8px 10px; font-size: 20px; border-radius: 3px;}
#back-to-top:hover{opacity: .9;}
.back-to-top{position:fixed;bottom:18px;right:20px;z-index:999;-webkit-transform:translateZ(0);transform:translateZ(0)}
.back-to-top i{line-height:normal;font-family:Fontawesome}
#ar1web-result{background-color: #383637;padding: 5px 2px; margin: 39px 0;width: 336px;overflow: auto;max-height: 710px; position: absolute;z-index: 99; color: white; border-radius: 0 0 3px 3px; box-shadow: 0 1px 4px rgba(0,0,0,0.1),0 2px 0px rgba(0,0,0,0.3); display: none; margin-right: -130px;}
#ar1web-result .close { display:block; position:absolute; top:5px; font-size:20px; left:10px; line-height:normal; color:white; }
#ar1web-result ul { margin:0; overflow:hidden; max-height:405px;list-style:none; }
#ar1web-result li {overflow: hidden; padding: 10px 0; border-top: 1px solid #424040; border-bottom: 1px solid #2D2C2C; position: relative;}
#ar1web-result h4 {display: block; margin: 10px 0 13px 0; color: white; padding-right: 10px;}
#ar1web-result p { font-size:10px; color:white;    font-family: tahoma; }
#ar1web-result span { width:50px; height:50px; display:block; float:right; padding:2px; margin-left:5px; margin-top:5px; background-color:whitesmoke; }
#ar1web-result img { width:100%; height:100%; display:block; }
#ar1web-result h5 { color:#fff;font-size:100%; margin-top:2px; height:16px; }
#ar1web-result h5:hover { color:#49AFCD; text-decoration:underline; }
#ar1web-result mark { color:white; background:#085C0B; padding:0 3px; }
#ar1web-result ul:hover { overflow:auto; }
#form-search { width:300px; right:100px;padding:5px; }
#ar1web-search-form {float:left;margin:0 0 0;padding:0;width:220px;}
#ar1web-search-form table {width:100%;margin:0;position:relative;height:36px}
#ar1web-search-form td.search-box {color:#cbd1e1 !important}
#ar1web-search-form input#search-box[type=&quot;text&quot;] {border: 1px solid rgb(209, 226, 243); height: 36px; line-height: 35px; margin: 9px -10px; padding: 0; width: 100%; color: #383637 !important; font: 13px tahoma; padding-right: 5px;    border-radius: 3px;}
#ar1web-search-form input#search-button[type=&quot;submit&quot;] {font-family: FontAwesome; font-size: 17px; background: transparent; color: #09C; margin: 0; padding: 0 15px; border: none; outline: none; font-weight: normal !important; transition: all 0.25s; position: absolute; left: 0; top: 0; z-index: 2; line-height: 3.3;cursor: pointer;}
#ar1web-search-form input#search-box[type=&quot;text&quot;]:focus {background:#383637;outline:none;color:#fff !important}
#ar1web-result * { margin: 0 0 0 0; padding: 2px 0!important; }
#ar1web-result h4, #ar1web-result strong { display:block;} #ar1web-result ol { list-style:none; overflow:hidden; padding-left:15px } #ar1web-result strong {margin: 0 0 3px; display: block; text-align: right;} #ar1web-result strong:hover { text-decoration:underline } 
#ar1web-result img { float:right; display:block; margin:0 5px 0 0; border-radius: 99em; margin-left: 10px;}
.cloud-label-widget-content{text-align:right}
.label-size{font-size: 14px; color: #FFFFFF; background-color: #0099CC; margin-right: 5px; margin-bottom: 5px; display: inline-block; padding: 0; padding-right: 8px; height: 28px; line-height: 28px; opacity: 1; border-radius: 3px; overflow: hidden; float: right; width: 100px;}
.label-size:hover{background-color:#303030}
.label-size a{color:inherit;text-decoration:none}
.label-count{display:inline-block;font-size:11px;padding:0 6px;margin-right:5px;background-color:rgba(0,0,0,0.4);float:left}
.label-size span:first-child{font-weight:400;opacity:0.7}
.Label li{margin-bottom: 5px; position: relative; border-bottom: 1px dashed #eee; padding: 5px 0;}
.Label li:before{content: &quot;\f114&quot;; margin-left: 10px; font-family: FontAwesome; color: #ccc8c8;}
.Label li span:last-child{display: inline-block; padding: 2px 3px; font-size: 11px; text-align: center; background: #0099CC; color: #fff; border-radius: 5px; float: left;}.Label li:hover:before { color: #383637; }
.Label li span:last-child:hover { background: #333333; }.Label li a:hover { padding-right: 5px; }
.Label li a,.Label li span:first-child{display:inline-block;padding:0;color:inherit;transition: 1s; -moz-transition: 1s; -webkit-transition: 1s;}
.Label li span:first-child{font-size:15px;background-color:transparent;float:none;width:auto;text-align:right}
.Label li a:hover{color: #0099CC}
#Label1 .widget-content{padding:0px;line-height:0;}
.ar1web-scrollbar{background:gray;background:rgba(0,0,0,0.5);border-radius:7px;box-shadow:0 0 1px #fff;position:absolute;opacity:0;transition:linear 300ms opacity,linear 300ms width}.ar1web-scrollbar-shown{opacity:1}.ar1web-scrollbar-horizontal{height:7px;margin-left:2px;bottom:2px;left:0}.ar1web-scrollbar-vertical{width:7px;margin-top:2px;right:2px;top:0}.ar1web-scrollbar-vertical:hover{width:9px}.scrooltoar1web-inner{overflow:scroll}.scrooltoar1web-wrap{display:block;position:relative;overflow:hidden}.box,.box .scrooltoar1web-inner{width:100%;height:400px;    overflow: inherit;}
.search-expand-inner { background-color: rgba(0, 0, 0, 0.15); padding: 15px; }.coolslider-ar1web-wrapper { width: auto; float:right; position: relative; padding-right: 2%; padding-top: 10px; } 
.coolslider-ar1web { overflow: hidden; position: relative; width: 100%; height: 350px; background: #eee; } .ar1web_img { position: absolute; top: 0; left: 0; } .ar1web_img img { float: left; width: 20%; height: 350px; } .paging-ar1web { background: none; position: absolute; bottom: 15px; left: 20px; padding:4px 0 2px; z-index: 100; display: none; } .paging-ar1web a { margin: 3px; background: #fff; width: 10px; height:10px; display: inline-block; border: none; outline: none; } .paging-ar1web a.active { background: #0099CC;} .paging-ar1web a:hover { } .cooltitlear1web { width:70%; display: none; position: absolute; bottom: 20px; right: 20px; z-index: 101; background: rgba(23, 23, 23, 0.91); padding: 10px 15px;     direction: rtl;} .cooltitlear1web a { color: #0099CC; text-transform: uppercase; font-weight: bold; font-size: 15px; } .cooltitlear1web a:hover { color:#eee } .cooltitlear1web p { color: #fff; }
.makesticking{background:#FFFFFF!important;position:fixed!important;top:0px;z-index:92;-webkit-transform:translateZ(0);opacity: .96;border-top: none!important;}.makesticking li.ar1web-logo { margin: 0 0 0 10px!important; padding: 0!important; border: 0!important;    box-shadow: none!important;}
#PopularPosts1 h2,#HTML2 h2 { display: none; }
#tabslect,#tabslect li{padding:0;margin:0;list-style:none;overflow:hidden}
#tabslect{margin:0 auto 10px}
.makesticking #ar1web-result { margin: 4px 0!important; margin-right: -130px!important; }
#tabslect li{float: right; width: 50%;}
#tabslect a{line-height:42px;display:block;color:#383637;font-weight:bold;text-decoration:none;border-bottom: 3px solid #E5E9EC;text-align: center;transition: .3s;}
#tabslect .selected a,#tabslect a:hover{    border-bottom: 3px solid #0099CC;}
#tab { margin: 10px 0; }
#HTML2 { max-height: 445px; overflow: auto; } .cm-outer { margin:0 auto; padding:0; border-top:none; } .cm-outer li { margin:0; padding:7px 10px 12px; list-style:none; clear:both; } .cm-outer .cm-header {margin:0 0 5px} .cm-outer .cm-content {overflow:hidden} .cm-outer img { display: block; float: right; margin: 9px 0 0px 0; border: 4px solid; background: #8fa2cb url(&#39;http://img1.blogblog.com/img/anon36.png&#39;) no-repeat 50% 50%; overflow: hidden; margin-left: 10px; }
#barar1web {background: #383637; width: 100%; margin: 0 0; height: 55px; line-height: 4em; overflow: hidden;}


.date-time {color:#fff;display:block;float:left;font-size:12px;padding:2px 7px;margin-right:10px;font-weight:400;text-transform:uppercase;}.toggle-search, .sidebar-toggle { right: auto; left: 0px; box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.1); } .search-expand { left: 0px; right: auto; }
::-webkit-scrollbar{width:6px;background:#fff}::-webkit-scrollbar-thumb{background-color:#03a9f4;border-radius:3px}
#ar1web-loader{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(3, 169, 244);z-index: 99999; opacity: .98;} .loader4 { position: absolute; width: 150px; height: 20px; left: calc(50% - 75px); background: rgba(255,255,255,0.2); top: 50%; border-radius: 3px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);} .loader4:before{ content: &quot;&quot;; position: absolute; background-color: #fff; top: 0px;border-radius: 3px; left: 0px; height: 20px; width: 0px; z-index: 0; opacity: 1; -webkit-transform-origin: 100% 0%; transform-origin: 100% 0% ; -webkit-animation: loader4 10s ease-in-out infinite; animation: loader4 10s ease-in-out infinite; } .loader4:after{ content: &quot;لحظة من فضلك ...&quot;; color: #fff; font-weight: 200; font-size: 16px; position: absolute; width: 100%; height: 20px; line-height: 20px; left: 0; top: 0; text-align: center; } @-webkit-keyframes loader4{ 0%{width: 0px;} 70%{width: 100%; opacity: 1;} 90%{opacity: 0; width: 100%;} 100%{opacity: 0;width: 0px;} } @keyframes loader4{ 0%{width: 0px;} 70%{width: 100%; opacity: 1;} 90%{opacity: 0; width: 100%;} 100%{opacity: 0;width: 0px;} }

@media screen and (max-width:960px){
#header-wrapper h1.title, #header-wrapper h2.title {margin:0;}
#header-wrapper {width:100%;float:none;}
#header-wrap2 {padding:0;}
#Header1 {float:none;padding:0;max-width:100%;margin:auto;text-align:center;}
.descriptionwrapper {visibility:visible;width:initial;height:initial;}
.header-left {float: none; max-width: 80%; margin: -10px auto; max-height: 60px;}
.widget{margin:0 0 20px;clear:both}}

@media only screen and (max-width:768px) {
.nav {float:none;width:100%;max-width:100%}
.style-switcher,.date-time,.ar1webthmb-share,.ribbon-hm:before{display: none!important;}
 nav.navblog ul { display: table; }
.active {display:block;}
li.ar1web-logo { margin: 0 0 0 0!important;border: 0; width: 100%; border-radius: 0;}
#header-wrap2 {top: 0;}
 .sidebar-wrapper .sidebar-top {width: auto;}
.list-entries { margin: 0; width: 100%;}
#newar1web { left: 0; top: 10px!important; right: inherit!important; }
.paging-ar1web {top: 0; right: 0;left: 0; bottom: 0;} .cooltitlear1web { width: 100%;bottom: 0; right: 0;}
div#viewscontainer{display: -webkit-inline-box;float: left;position: relative;}
.thumbar1web { width: 100%!important; }
.achgtlek-ar1web &gt; li &gt; a.active {border-top:4px solid #3a89b9;border-right:0;padding:0 15px;}
#search-form {width:100%;margin:0!important;}
.nav li ul:before,.top-menulite li.doremifa {display:none;}
.nav &gt; li {float:none;overflow:hidden;background:#4399cd;z-index:99;}
.nav ul {display:block;width:100%;float:none;}
.achgtlek-ar1web li ul {background:#f6f6f6;box-shadow:none;}
.achgtlek-ar1web li ul li a{background:#fafafa;color:#444;}
.achgtlek-ar1web li li a:hover {background:#4399cd;}
.nav &gt; li.hover &gt; ul , .nav li li.hover ul {position:static;}
.achgtlek-ar1web li .parent:after,.achgtlek-ar1web li ul li .parent:after {content: &quot;\f107&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px;float:left;color:#fff;}
.achgtlek-ar1web li:active .parent:after,.achgtlek-ar1web li ul li:active .parent:after {color:#fff;}}

@media screen and (-webkit-min-device-pixel-ratio:0) { } @media (max-width: 1050px) { #header {width: 26%;} .main-wrapper { margin-left:335px; width:auto; } .sidebar-wrapper{ float: left;} }
@media (max-width: 1000px) { .main-wrapper { margin-left:340px; width:auto; } .sidebar-wrapper{ float: left;} .thumbar1web{width: 35%; margin-left:15px;} .footer{width:22.8%;} .delate{width:48%;} }
@media (max-width: 800px) { .ct-wrapper{ padding:0 0px;} #header { float: right; text-align: right; width: 36%;} .header-left {display:block; } .main-wrapper { margin-left:0px; width:auto; } .sidebar-wrapper{margin-top:20px; float: right; } .thumbar1web {width: 40%;} .footer{width:22.2%;} #lists, #bulls{margin-right:14px; margin:left:14px;} .delate{width:48%;} .attribution {text-align:center;} } 
@media (max-width: 700px) { #header{width: 46%;} .footer{width:48%;} .delate{width:45%;} } 
@media (max-width: 500px) { .ct-wrapper{ padding:0 0px;} .thumbar1web{margin:5px 12px 7px 0; width: 45%;} .footer{width:45.4%;} .delate{width:70%;} #header{width: 60%;}} 
@media (max-width: 400px) { #header img{width:100%;} #header{ float: none; text-align: center; width: 100%;}.sidebar-wrapper{width:318px;} .sidebar .widget{padding:8px 8px;} .thumbar1web{margin:0 0 18px; width: 100%;} #lists, #bulls{margin-right:8px; margin:left:8px;} .social-ico{margin:-27px 12px 0 0;} .resp-desk {padding:4px 0 4px;} .delate{width:100%;} li.readar1web, .go-ico{display:none;} a.whatz{display:inline;} .dix{display:inline;} } 
@media (max-width: 300px) { .sidebar-wrapper{width:236px;} .sidebar .widget{padding:8px 2px;} .main-wrapper { margin-left: 0; width: 100%;} .footer{width:100%;} ul.social-profile-icons {display:none;}}
</style>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
.post-body{line-height: 1.9;}
.post-title {font-size: 18px;}
.post{overflow:hidden; border-bottom:1px solid #ebebeb; margin:0 0px 12px; padding:0 0 22px;}
#blog-pager { display: none; }.label-info {position:absolute;top:0;right:0;margin:0 auto;z-index:9;opacity:1;transition:all .3s ease-in-out;}
.label-info a{background: rgba(0, 0, 0, 0.38); color: #fff; font-size: 11px; display: block; float: right; padding: 0 10px; transition: all .3s ease-in-out; margin: 5px; border-radius: 2px;}
.label-info a:hover,.label-info a:nth-child(n+2){    opacity: .8;}
.label-info a:nth-child(n+3){display:none;} .label-info a:nth-child(n+2){background:#0099CC}
#newar1web { text-decoration: none; color: #fff!important; padding: 4px; text-align: center; position: absolute; height: 20px; width: 20px; background: #E23232; line-height: 1.9; z-index: 12; top: 0px; right: 175px;}
.ribbon-hm:before { content: &quot;&quot;; position: absolute; bottom: -10px; right: 166.6px; border-width: 0px 9px 10px 9px; border-style: solid; border-color: #A22323 transparent; display: block; width: 27px; z-index: 1; }
#newar1web:before { content: &quot;&quot;; position: absolute; top: 28px; right: 0px; border-width: 0px 14px 11px 14px; border-style: solid; border-color: transparent rgb(226, 50, 50); display: block; width: 0; z-index: 1; }
.ribbon-hm { position: relative; }
a.lastar1web { float: left;color:#0099CC!important; }
.pagenav{clear: both; margin: 0 0; padding: 5px 5px; font-size: 12px; font-weight: 700;}
.pagenav span,.pagenav a{margin: 0 2px; padding: 3px 10px; display: inline-block; color: #403F3F; border-bottom: 2px solid;}
.pagenav a:hover,.pagenav .current{    color: #0099CC;}
.thumbar1web img{height:100%; width: 100%;transition:transform 1.6s;transform:scale(1);-o-transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s}
.thumbar1web{ width: 32%; height: 170px; margin: 0 0 0 0; float: right; overflow: hidden; margin-left: 20px; padding: 0;}
.ar1web-share{position:relative;}
.ar1web-share &gt; a{display:block;font-size:0;}
.ar1webthmb-share a{display:inline-block;font-size:13px;color:#fff;padding:4px 0;width:38px;margin-left:1px;text-align:center;border-radius: 3px;}
.ar1webthmb-share b{display:block;font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:5px;}
.ar1webthmb-share a:nth-child(1){background-color:#3B5998;}
.ar1webthmb-share a:nth-child(2){background-color:#4099FF;}
.ar1webthmb-share a:nth-child(3){background-color:#C0361A;}
.ar1webthmb-share{position: absolute; top: 80px; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.4s,opacity .1s .3s; -moz-transition: -moz-transform 0.4s,opacity .1s .3s; transition: transform 0.4s,opacity .1s .3s; color: #fff; padding: 15px; text-align: center;}
.ar1web-share:hover .ar1webthmb-share{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);-webkit-transition:-webkit-transform 0.4s,opacity .1s;-moz-transition:-moz-transform 0.4s,opacity .1s;transition:transform 0.4s,opacity .1s;height: 0;    }
.ar1webthmb-share span{clear:both;display:block;}
.ar1webthmb-share a:nth-child(1):hover:after,.ar1webthmb-share a:nth-child(2):hover:after,.ar1webthmb-share a:nth-child(3):hover:after { bottom: -5px; background: none repeat scroll 0% 0% #FFF; font-size: 12px; color: #383637; content: &#39;شاركه على الفيسبوك&#39;; display: block; left: 14px; padding: 0 10px; position: absolute; border-radius: 3px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.47); }
.ar1webthmb-share a:nth-child(2):hover:after{content: &#39;شاركه على تويتر&#39;;}
.ar1webthmb-share a:nth-child(3):hover:after{content: &#39;شاركه على جوجل+&#39;;}
</style>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#content { background-color: transparent; box-shadow: inherit; } h1.cheading { text-align: center!important; margin-top: 5px!important;font-weight: 600!important; color: #484848!important; } .parac { text-align: center!important; font-weight: 300!important; }.contact-info { width: auto!important; height: 100%!important; background: #fff!important; margin: 0 auto; padding: 2%!important; border: 1px solid #ddd!important; display: block!important; overflow: hidden; } .contact-form-name, .contact-form-email, .contact-form-email-message { max-width: 1000px; }
div#ar1web_cntct_form .wrap-me { margin: 0 auto; display: block; padding: 30px 20px;width: 100% !important; border-top: 55px solid #333333; box-sizing: border-box; } div#ar1web_cntct_form .wrap-me:before {content: &#39;\f1d7&#39;; position: absolute; font-family: FontAwesome; font-weight: normal; margin-top: -89px; margin-left: -45px; left: 53%; display: inline-block; font-size: 28px; width: 53px; height: 53px; border-radius: 2px; text-align: center; color: #FFFFFF; line-height: 55px;} input#ContactForm1_contact-form-name, #ContactForm1_contact-form-email, #ContactForm1_contact-form-email:hover, #ContactForm1_contact-form-email:active { padding: 5px; margin-top: 4px !important; box-shadow: none!Important; width: 100%; border: 1px solid #D2D2D2; line-height: 1em; min-height: 31px; background: #FEFEFE; font-family: tahoma; margin-bottom: 15px; } .contact-form-email-message, .contact-form-email-message:active, .contact-form-email-message:hover { padding: 5px; margin-top: 4px !important; box-shadow: none!Important; width: 100%; border: 1px solid #D2D2D2; line-height: 1em; min-height: 80px; background: #FEFEFE; font-family: tahoma; margin-bottom: 10px; } #ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus { outline: none; background: #FFFFFF !important; color: #444; border-color: rgb(236, 235, 235) !important; box-shadow: 0 0 5px rgba(241, 241, 241, 0.7) !important; transition: all 0.3s ease-in-out !important; } .contact-form-button-submit:hover { color: #FFFFFF; background: #0083FF !important; } .contact-form-button-submit {font-family: inherit; background: #0099CC; display: table; font-size: 15px; margin: 0 !important; border-radius: 0 !important; width: 20%; height: 32px; font-weight: normal; cursor: pointer; outline: none!important; color: #FFFFFF; border: 1px solid #fff !important; text-align: left; padding: 0px 0px 0px 15px; text-transform: capitalize; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; right: 0;} .contact-form-button-submit:focus, .contact-form-button-submit.focus { border-color: #FFFFFF; box-shadow: none !important; } .contact-form-error-message-with-border .contact-form-success-message { background: #f9edbe; border: 1px solid #f0c36d; bottom: 0; box-shadow: 0 2px 4px rgba(0,0,0,.2); color: #666; font-size: 12px; font-weight: bold; padding-bottom: 10px; line-height: 19px; margin-left: 0; opacity: 1; position: static; text-align: center; } .contact-form-button-submit.disabled, .contact-form-button-submit.disabled:hover, .contact-form-button-submit.disabled:active { opacity: 0.9; } .contact-form-error-message-with-border { bottom: 0; box-shadow: none; font-size: 15px; font-weight: normal; line-height: 35px; margin-left: 0; opacity: 1; text-align: center; position: absolute;} .contact-form-cross { height: 14px; margin: 5px; vertical-align: -8.5%; float: right; width: 14px; border-radius: 50px; border: 0 !important; cursor: pointer; } .contact-form-success-message-with-border { font-weight: normal; background-color: #344148; border: 1px solid #FFF; color: #FFF; line-height: 35px; margin-left: 0; font-size: 13px; opacity: 1; position: static; text-align: center; height: 35px; margin-top: 45px; } div#ar1web_cntct_form span.name-bg { background-color: #E8F2FF; } div#ar1web_cntct_form span.email-bg { background-color: #FFE8E8; } div#ar1web_cntct_form span.name-bg, div#ar1web_cntct_form span.email-bg { display: inline-block; line-height: 21px; width: 100%; color: #696969; padding: 3px 5px; margin: 0px 0px 4px; box-sizing: border-box; height: 30px; border: 1px solid #E4E0E0; text-align: center; } div#ar1web_cntct_form span.name-bg:before { content: &#39;\f007&#39;; background-color: #60A2FF; } div#ar1web_cntct_form span.email-bg:before { content: &#39;\f1fa &#39;; background-color: #FF530B; } div#ar1web_cntct_form span.name-bg:before, div#ar1web_cntct_form span.email-bg:before, div#ar1web_cntct_form span.message-bg:before { font-family: FontAwesome; text-align: center; margin: -4px 0 0px 0px; font-weight: normal; padding: 0; line-height: 27px; width: 28px; height: 28px; display: table; position: absolute; margin-right: -6px !important; border: 1px solid rgba(0, 0, 0, 0.1); border-right: 0 !important; color: #FFFFFF; } div#ar1web_cntct_form span.message-bg { background-color: #EBFFE8; display: inline-block; line-height: 21px; width: 100%; color: #696969; padding: 3px 5px; box-sizing: border-box; height: 30px; border: 1px solid #E4E0E0; margin: 0px 0px 4px; text-align: center; } div#ar1web_cntct_form span.message-bg:before { content: &#39;\f0e0&#39;; background-color: #20CC00; } div#ar1web_cntct_form span.send-bg { height: 32px; display: inline-block; float: left; width: 100%; transition: all 0.4s ease-in-out !important; } div#ar1web_cntct_form span.send-bg:before { content: &#39;\f1d8&#39;; } div#ar1web_cntct_form span.send-bg:before, div#ar1web_cntct_form span.clear-bg:before { font-family: FontAwesome; text-align: center; font-weight: normal; margin: 0; background-color: #344148; padding: 0; line-height: 27px; width: 30px; height: 30px; display: inline-block; position: absolute; border: 1px solid #fff; border-right: 0 !important; color: #FFFFFF; } div#ar1web_cntct_form span.clear-bg { display: inline-block; float: right; margin-top: 15px; width: 100%; } div#ar1web_cntct_form span.clear-bg:before { content: &#39;\f021&#39;; } input.contact-form-button.contact-form-button-submit.clear-button:hover { background-color: #E83434 !important; } div#ar1web_cntct_form .clear-button { color: #FFFFFF; border: 1px solid #FFF !important; background-color: #FF2C2C; float: right; display: table; height: 32px;}
</style>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.post-body ol,.post-body ul { padding: 10px 0 20px;  margin: 0 0 0 25px;  text-align: right;  }
.post-body ol li { list-style-type: decimal;  padding:0 0 5px;  }
.post-body ul li { list-style-type: square;  padding: 0 0 5px;  }
.post-body img{max-width:89%; height:auto;}.post-nav li { width: 100%; display: inline; float: left; text-align: center; } .post-nav li a { position: relative; display: block; padding: 16px 40px; border-bottom: 1px solid #DDD; } .post-nav li a strong { display: block; font-size: 12px; color: #AAA; letter-spacing: 0.5px; font-weight: normal; text-transform: uppercase; } .post-nav li a span { font-size: 15px; color: #666; } .post-nav li i { color: #CCC; font-size: 18px; top: 50%; margin-top: -10px; position: absolute; } .post-nav li.previous i{ left: 10px; } .post-nav li.next i { right: 10px; } .old:before{content:&quot;\f053&quot;} .new:before{content:&quot;\f054&quot;;float:right;} .new:before, .old:before{ display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; width: 1em; text-align: center; } .post-nav li a:hover { background-color: rgba(0, 0, 0, 0.02); } .post-nav li a:hover i { color: #3B8DBD; }
.sharede,.sharethis{position:relative;display:inline-block;}
.sharethis{display:table;margin:40px auto 20px auto;text-align:center}
.sharethis a.fb,.sharethis a.gp,.sharethis a.tw,.sharethis span.pl{text-decoration:none!important;display:inline-block;margin:0 5px 5px 0;font-weight:400;border-radius:2px;color:#fff;text-shadow:none;padding:6px 12px;opacity:1;transition:all .3s}
.sharethis a.gp {background:#f20000;}
.sharethis a.fb {background:#516CA4;}
.sharethis a.tw {background:#00baff;}
.sharethis span.pl {background:#ff6600;}
.sharethis a i{margin:0 5px 0 0}
.fbtea,.gotea,.plustea,.twtea{font-size:13px!important;vertical-align:middle}
.sharethis a.fb:hover,.sharethis a.gp:hover,.sharethis a.tw:hover,.sharethis span.pl:hover{color:#fff;opacity:.9}
.sharethis a.fb:active,.sharethis a.gp:active,.sharethis a.tw:active,.sharethis span.pl:active{box-shadow:inset 0 1px 0 rgba(0,0,0,.16)}
span.pl{color:green;cursor:pointer}
#share-menu{display:none}
.dropdown-menu{position:absolute;bottom:100%;left:5px;z-index:99;float:right;min-width:100px;padding:5px 10px;margin:0;font-size:13px;text-align:right;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ddd;border-radius:3px;}
.dropdown-menu li{list-style:none!important;margin:0!important;padding-right:0!important;line-height:1.8em!important}
.dropdown-menu li a{color:#333!important;font-weight:400;display:block}
.dropdown-menu li a:hover{color:#e74c3c!important}
ul#share-menu{margin:10px 0;padding:5px 15px}
h2.sharetitle { font-size: 15px; font-weight: 600; display: inline-block; float: right; background: #078FBC; padding: 5px 8px; border-radius: 3px; color: #fff; position: relative; }h2.sharetitle:before { content: &#39;&#39;; position: absolute; top: 7px; left: -17px; border: 9px solid transparent; border-right-color: #078FBC; }.blog-pager, #blog-pager { display: none; }
#related-post h4 span { position: relative; display: inline-block; padding: 4px 10px; margin: 0 10px; background: #078FBC; color: #fff; border-radius: 3px; line-height: 1.9; } #related-post h4 span:before { content: &#39;&#39;; position: absolute; top: 97%; left: 44%; border: 9px solid transparent; border-top-color: #078FBC; }
#related-post {margin:0 auto;padding:0;text-align:center;}
#related-post h4 {position:relative;padding:0;margin:10px 0 20px 0;font-size:120%;font-weight:700;padding:4px 8px;text-align:center;text-transform:uppercase;transition:all 0.5s ease-out;}
#related-post h4 span{position:relative;display:inline-block;padding:5px 10px;margin:0 10px;}
.relhead {background:#fff;font-size:100%;font-weight:normal;line-height:150%;overflow:hidden;padding:10px 0;}
#related-summary .news-text {visibility:hidden;opacity:0;position:absolute;top:-20px;right:0;text-align:right;background:rgba(0, 153, 204, 0.92);color:#fff;margin:10px;padding:10px;overflow:hidden;font-size:80%;max-height:110px;text-rendering:optimizeSpeed;text-overflow:ellipsis;}
#related-summary li:hover .news-text {top:0;visibility:visible;opacity:1;}
ul#related-summary {margin:0;padding:0;}
ul#related-summary li {position:relative;float:right;list-style:none outside none;margin:0;padding:0;overflow:hidden;width:24.7%;}
ul#related-summary li a {display:block;}
ul#related-summary li img{background-color:#fafafa;width:95%;height:auto;max-width:100%;margin:0 auto;vertical-align:middle;transition:all 1s ease-out}
ul#related-summary li img:hover {opacity:0.96;}
ul#related-summary li a.relinkjdulx{color:#444;display:block;font-size:12px;line-height:normal;overflow:hidden;text-align:right;padding:10px 3px;}
ul#related-summary li a.relinkjdulx:hover{color:#444;text-decoration:underline}
#post-rating { font-weight: 700; Color:#333333; padding: 10px; padding-bottom: 0; background: #FFFFFF; text-decoration:none; } #post-rating a:hover { Color:#333333; font-weight: 700; text-decoration:none; } .post_byfix { float: right; background: #FFFFFF; Color:#333333; width: 100%; overflow: hidden; clear: both; margin-bottom: 10px; } .post-img { display: block; float: right; padding: 4px!important; margin-right: 2px!important; padding-left: 10px!important; margin-top: 5px!important; overflow: hidden; } .post-img img { width: 100px; height: 100px; } .post-by {overflow: auto; text-decoration: none; background: #F9F9F9; margin: 20px 0; border: 1px solid #ECEBEB;} .post-by ul { margin: 0; padding: 0; margin-top: 9px; } .post-by li { list-style: none; padding: 3px 10px!important; }

.list-entries:nth-child(4), .list-entries:nth-child(5), .list-entries:nth-child(6) {
    display: none;
}
</style>
</b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
.ct-wrapper,#Header,#sidebar-wrapper,::-webkit-scrollbar,.back-to-top{display:none;}
.error-container{background-image: url(http://2.bp.blogspot.com/-7aug9CwHP2w/VfOZ_CVDZVI/AAAAAAAAC9A/tu_cmPZAFiI/s1600/back.jpg);background-size:cover;}
.error-header{margin-top:-100px}
.error-title{line-height:42px}
.error-title span{background: rgb(239, 34, 34); padding: 5px 10px; border-radius: 0 20px 0 20px;}
.error-image img{display:block;font-size:72px;font-weight:700;height:150px;margin:10px auto 40px}
.error-container{background-color:#101524;display:table;height:100vh;overflow-x:hidden;width:100%}
.error404 .anonymous{margin:0 auto 20px;display:block}
.error-404{background: #000; display: table-cell; vertical-align: middle; opacity: .9;}
.error-404 .page-content p{color: #c8c8c8; max-width: 40%; margin: 0 auto; line-height: 2;}
.error-title{color:#fff;font-size:42px;font-weight:700;text-transform:uppercase;margin:.67em 0;text-align:center;line-height:normal;}
.search-title{font-size:48px;color:#3f3f46}
.page-content,.page-content p{color:#797979;font-size:18px;text-align:center}
a.btn.back-to-home{background: rgba(0, 153, 204, 0.72); color: #fff; font-weight: 400; line-height: 24px; padding: 10px 10px; position: relative; top: 40px; z-index: 99; border-radius: 3px;}
a.back-to-home:hover{background:#459dd3;color:#fff;}
a.back-to-home i{font-size:14px;margin-right:3px}
@media only screen and (max-width:479px){
.back-button-container{max-width:80%;width:80%}.page-content .back-to-home{width:100%;margin:10px auto}.error-header{margin-top:30px}.error-title{font-size:24px;line-height:32px}.page-content,.page-content p{font-size:14px}.error-404{padding-bottom:60px}.page-footer{padding:20px 10px}}
</style>
</b:if>
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script src='//cdn.rawgit.com/iHussam/ar1web/master/cool-slider.js'/>
<script type='text/javascript'>//<![CDATA[
imgr = new Array();imgr[0] = "http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";showRandomImg = true;aBold = true;summaryPost1 = 150;summaryTitle = 20;numposts1 = 5;
function removeHtmlTag(strx,chop){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);}}s =  s.join("");s = s.substring(0,chop-1);return s;}
function showrecentposts1(json) {j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0; img  = new Array(); for (var i = 0; i < numposts1; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t; var pcm; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) {if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href; break; }}
for (var k = 0; k < entry.link.length; k++) {if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {pcm = entry.link[k].title.split(" ")[0]; break; }} if ("content" in entry) {var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; var trtd = '<div class="cooltitlear1web"><a href="'+posturl+'">'+posttitle+'</a><p>'+removeHtmlTag(postcontent,summaryPost1)+'... </p></div>'; document.write(trtd); j++;}}
function showrecentposts2(json) { j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0; img  = new Array(); for (var i = 0; i < numposts1 ; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var pcm; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href;  break; }}for (var k = 0; k < entry.link.length; k++) {if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { pcm = entry.link[k].title.split(" ")[0]; break; }} if ("content" in entry) {var postcontent = entry.content.$t;}; if(j>imgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d; var trtd = '<a href="'+posturl+'"><img src="'+img[i]+'"/></a>'; document.write(trtd); j++;}}
//]]></script>

  </head>
<body>
  <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
      <meta expr:content='data:blog.title' itemprop='name'/>
      <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription' itemprop='description'/>
      </b:if>
    </div>
  </b:if>
   <script type='text/javascript'>
        $(window).load(function () {
            setTimeout(function () {
                $(&quot;.loader4&quot;).fadeOut(&quot;slow&quot;);
                setTimeout(function () {
                    $(&quot;#ar1web-loader&quot;).fadeOut(&quot;slow&quot;)
                }, 1e0)
            }, 1e3)
        });
    </script>
<div id='ar1web-loader'>
   			<div class='loader4'/>
</div>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div class='error-container'>
    
    <section class='error-404 not-found text-center'>
        <header class='error-header'>
            <div class='error-image'>
                <img alt='404' src='http://1.bp.blogspot.com/-Gb2gYMW4VC0/VTZJg0pSIrI/AAAAAAAAJxo/CXhWMecSCNI/s1600/anonymous.png'/>
            </div>
          <h1 class='error-title'><p><span>عذر&#1611;ا!</span> الصفحة المطلوبة غير موجودة.</p> </h1>
        </header>
        <div class='page-content'>
            <p>للأسف&#1548; الصفحة غير موجودة! يبدو أن&#1617;ك اتبعت رابط غير صحيح فأوصلك إلى هنا... أو ربما يكون الرابط الذي اتبعته صحيح فعلا&#1611;&#1548; ولكن تمت إزالته من الموقع.</p> <a class='btn back-to-home' expr:href='data:blog.homepageUrl'><i class='fa fa-home fa-fw'/>عد إلى الصفحة الرئيسية</a>
        </div>
</section>
</div>
</b:if>
<header id='Header' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
<div class='style-switcher'>
<div id='changerColor'>
<ul class='list-unstyled changerColor' style='padding:0'>
<li data-color='#2c3e50' style='background:#2c3e50'/>
<li data-color='#9b59b6' style='background:#9b59b6'/>
<li data-color='#2980b9' style='background:#2980b9'/>
<li data-color='#27ae60' style='background:#27ae60'/>
<li data-color='#2ecc71' style='background:#2ecc71'/>
<li data-color='#16a085' style='background:#16a085'/>
<li data-color='#1abc9c' style='background:#1abc9c'/>
<li data-color='#bdc3c7' style='background:#bdc3c7'/>
<li data-color='#c0392b' style='background:#c0392b'/>
<li data-color='#e74c3c' style='background:#e74c3c'/>
<li data-color='#e67e22' style='background:#e67e22'/>
<li data-color='#f39c12' style='background:#f39c12'/>
<li data-color='#f1c40f' style='background:#f1c40f'/>
<li data-color='#FDE3A7' style='background:#FDE3A7'/>
<li data-color='#68C3A3' style='background:#68C3A3'/>
<li data-color='#F5D76E' style='background:#F5D76E'/>
<li data-color='#87D37C' style='background:#87D37C'/>
<li data-color='#81CFE0' style='background:#81CFE0'/>
<li data-color='#D24D57' style='background:#D24D57'/>
<li data-color='#7f8c8d' style='background:#7f8c8d'/>
<li data-color='#F9690E' style='background:#F9690E'/>
<li data-color='#049372' style='background:#049372'/>
<li data-color='#F1A9A0' style='background:#F1A9A0'/>
<li data-color='#67809F' style='background:#67809F'/>
<li data-color='#26C281' style='background:#26C281'/>
<li data-color='#F2784B' style='background:#F2784B'/>
<li data-color='#4ECDC4' style='background:#4ECDC4'/>
<li data-color='#795548' style='background:#795548'/>
<li data-color='#141A1E' style='background:#141A1E'/>
<li data-color='#0099cc' style='background:#0099cc'/>
<li data-color='#455A64' style='background:#455A64'/>
<li data-color='#EA2323' style='background:#EA2323'/>
</ul>
</div>
</div>
<div id='header-wrap2'>
<b:section id='header-wrapper' maxwidgets='1' showaddelement='no' name='مكان الشعار'>
  <b:widget id='Header1' locked='true' title='قالب أدوات (رأس الصفحة)' type='Header' visible='true'>
    <b:includable id='main'>
  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond='data:mobile'>
          <div id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
                <b:include name='title'/>
            </div>
            <b:include name='description'/>
          </div>
        <b:else/>
          <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
                <b:include name='title'/>
            </div>
            <b:include name='description'/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div class='wow fadeInDown animated' id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
          <b:include name='title'/>
      </div>

      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
    <b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
    <b:includable id='title'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
      <h1 class='title'>
        <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
          <span itemprop='name'><data:title/></span>
        </a>
      </h1>
      <b:else/>
      <h2 class='title'>
        <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
          <span itemprop='name'><data:title/></span>
        </a>
      </h2>
    </b:if>
    <b:else/>
    <h2 class='title'>
      <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
        <span itemprop='name'><data:title/></span>
      </a>
    </h2>
      </b:if>
</b:includable>
  </b:widget>
</b:section>
<b:section class='header-left section' id='header-left' maxwidgets='1' showaddelement='yes' name='مكان الإعلان'>
  <b:widget id='HTML97' locked='false' title='' type='HTML' visible='true'>
    <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:includable>
  </b:widget>
</b:section>
</div>
<nav id='nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<div id='nav2'>
<!-- القائمة الرئيسية -->
<a class='zorna-ar1web' href='#'><i class='fa fa-list'/>القائمة</a>
<ul class='nav achgtlek-ar1web'>
<li class='ar1web-logo'><a href='/' id='hello'>H</a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>قائمة منسدلة</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>قسم 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>قسم 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>قسم 3</span></a></li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>المدونة</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>صور</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>معلومات</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>قائمة منسدلة</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>قسم 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>قسم 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>قسم 3</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>قسم 4</span></a></li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>شروحات</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>ملحقات</span></a></li>
</ul>
<form action='/search' class='ar1web-search-form' id='ar1web-search-form' method='get'><table><tbody><tr><td class='search-box'><input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='بحث سريع...'/></td>
<td class='search-button'><input id='search-button' type='submit' value=''/></td></tr></tbody></table></form>
</div>
</nav>
</header>
<div class='ct-wrapper'>   
<div class='container'>

    <div class='main-wrapper'>
        <div class='main-inner-wrap'>
<div id='barar1web'>
<nav class='navblog'>
<ul>
<li><a class='activear1web' href='/'><span itemprop='name'><i class='fa fa-home'/> الرئيسية</span></a></li>
<li><a href='#'><span itemprop='name'><i class='fa fa-paint-brush'/> ملحقات</span></a></li>
<li><a href='#'><span itemprop='name'><i class='fa fa-thumb-tack'/> اضافات</span></a></li>
<li><a href='#'><span itemprop='name'><i class='fa fa-tablet'/> قوالب</span></a></li>
<li><a href='#'><span itemprop='name'><i class='fa fa-random'/> فاجئني</span></a></li>
</ul>
</nav>
<div class='date-time'>
<script type='text/javascript'>
//<![CDATA[
function makeArray() {
for (i = 0; i<makeArray.arguments.length; i++)
this[i + 1] = makeArray.arguments[i];
}

var months = new makeArray('يناير','فبراير','مارس','أبريل','مايو',
'يونيو','يوليو','أغسطس','سبتمبر','أكتوبر','نوفمبر','ديسمبر');
var date = new Date();
var day = date.getDate();
var month = date.getMonth() + 1;
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;

document.write(months[month]+ " " +day + ", " + year);
//]]></script>
</div>
</div>  
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='coolslider-ar1web'>
   <div class='ar1web_img'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
   </div>
   <div class='descriptionslider'>
<script>         
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
   </div>
   <div class='paging-ar1web'>
<a class='' href='#' rel='1'/>
<a class='' href='#' rel='2'/>
<a class='' href='#' rel='3'/>
<a class='' href='#' rel='4'/>
<a class='' href='#' rel='5'/>
   </div>
</div>
</b:if>
          <b:section class='content' id='content' showaddelement='no' name='قسم الأساسيات'>
            <b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog' version='1' visible='true'>
              <b:includable id='main' var='top'>

  <b:if cond='data:mobile == &quot;false&quot;'>

    <div class='blog-posts hfeed'>

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

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>
        <b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:post.isFirstPost == &quot;true&quot;'>
<div class='first-post'><div class='ribbon-hm'><a id='newar1web'><i class='fa fa-star'/></a></div>
<b:include data='post' name='post'/>
</div>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
    </div>

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


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

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

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

</b:includable>
              <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='https://resources.blogblog.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='breadcrumb' var='posts'/>
              <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/><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='pesan-komentar'>
  <h6>اتبع التعليمات لاضافة تعليق</h6>
<ul>
   <li>يرجى ترك تعليق على الموضوع. سيتم حذف التعليقات التي تتضمن روابط مباشرة&#1548; والإعلانات&#1548; أو ما شابه ذلك.</li>
   <li>لإضافة كود ضعه في : &lt;i rel=&quot;code&quot;&gt; هنا الكود &lt;/i&gt;</li>
   <li>لإضافة كود طويل ضعه في : &lt;i rel=&quot;pre&quot;&gt; هنا الكود &lt;/i&gt;</li>
   <li>لإضافة اقتباس ضعه في : &lt;i rel=&quot;quote&quot;&gt; اكتب هنا&lt;/i&gt;</li>
   <li>لإضافة صورة ضعها في : &lt;i rel=&quot;image&quot;&gt; رابط الصورة هنا&lt;/i&gt;</li>
   <li>لإضافة فيديو استعمل : [iframe] هنا رابط تضمين الفيديو [/iframe]</li>
   <li>* قبل ادخال كود عليك بتحويله أولا</li>
   <li>شكرا لك</li>
  </ul>
<div class='parser'><i class='fa fa-code'/></div>
<div class='clear'/>
<div id='parser'>
<table><tbody>
<tr> <td><textarea id='somewhere'/><br/>
<input class='button-parse' contenteditable='true' onclick='convert();' type='button' value='Parse Script'/></td> </tr>
</tbody></table>
</div>
</div>
</b:if></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='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' title='delete comment'>delete</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.url.canonical.http'>
    </span>
  <b:else/>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <data:post.commentLabelFull/>:
    </a>
  </b:if>
</b:includable>
              <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:else/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  </b:if>
</b:includable>
              <b:includable id='comments' var='post'>
    <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>
         <div class='comments' id='comments' itemscope='itemscope' itemtype='http://schema.org/Comment'>
    <meta expr:content='data:post.title' itemprop='about'/>
        <meta expr:content='data:post.canonicalUrl' itemprop='discussionUrl'/>
            <b:if cond='data:post.allowComments'>
              <h5> <b:if cond='data:post.numComments == 0'> <span itemprop='interactionCount'>0</span> تعليق</b:if> <b:if cond='data:post.numComments == 1'> <span itemprop='interactionCount'>1</span> تعليقات</b:if> <b:if cond='data:post.numComments &gt; 1'> <span itemprop='interactionCount'><data:post.numComments/></span> تعليقات </b:if> </h5>
        <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 data-level='0' expr:class='data:comment.adminClass' expr:id='data:comment.anchorName' itemprop='comment' itemscope='itemscope' itemtype='http://schema.org/UserComments'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'>
<data:comment.body/> - <a class='comment_hapus' 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'>Hapus</a></span>
<b:else/>
<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'>
<img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
</div>
</div>
<div class='comment_body'>
    <div class='cm_head'>
    <div class='cm_infonm'>
                  <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'>
                       <span itemprop='creator'><data:comment.author/></span>
                      </a>
                      <b:else/>
                    <span itemprop='creator'><data:comment.author/></span>
                    </b:if>
                    <b:if cond='data:comment.author == data:post.author'/>
                    <a expr:href='data:comment.url' rel='nofollow' title='تاريخ النشر'>
                       <span class='comment_date' itemprop='commentTime'>
                          <data:comment.timestamp/>
                        </span>
                    </a>
                  </div>
    </div>
    <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>   
</div>
<p itemprop='commentText'><data:comment.body/></p>
<a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' itemprop='replyToUrl' onclick='javascript:Display_Reply_Form(this)' title='رد على التعليق'>رد</a>
</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'/>
</b:if>
</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'>
              <div class='comment_emo_list'/>
              <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' title='Comments'>
<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 = true;//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://4.bp.blogspot.com/-J7s7flyAolE/U6tMYuCWJjI/AAAAAAAAD-g/ktLPs0sF0zM/s1600/smile.png',
        ':('  ,'http://1.bp.blogspot.com/-1BqZVIOmokE/U6tP_zEGUXI/AAAAAAAAD-4/Ykfh8PqPa74/s1600/Frown.png',
        ' =('  ,'http://2.bp.blogspot.com/-SL2PzXhI6-I/U6tMUbl4uBI/AAAAAAAAD9c/HmgkQTi81jc/s1600/berduka.gif',
        '^_^'  ,'http://2.bp.blogspot.com/-6JEoWkFJtMU/U6tMYfYjHJI/AAAAAAAAD-U/ggiVnSMQWEc/s1600/sm_smile.gif',
        ' :D'  ,'http://3.bp.blogspot.com/-alzlBnNEQmI/U6tMWxMCe_I/AAAAAAAAD-E/upslDYz1T3o/s1600/laugh.png',
        '=D'  ,'http://1.bp.blogspot.com/-iVpfzVgecII/U6tQBGbBVNI/AAAAAAAAD_Q/yM9i3ANzAh4/s1600/Laughing.png',
        '=)D' ,'http://1.bp.blogspot.com/-pdpnmWqSHyE/U6tQCnfbjeI/AAAAAAAAD_o/NfPqVrNVV-E/s1600/Yuck.png',
        '|o|'  ,'http://1.bp.blogspot.com/-VzxVDD6dmB4/Usv09aIonRI/AAAAAAAAax0/ETH5TeQiIpA/s1600/applause-yahoo-emoticon.gif',
        '@@,'  ,'http://1.bp.blogspot.com/-nb5zqf7iKBE/U6tMUWl6XcI/AAAAAAAAD9Y/V9qG-QRDslU/s1600/bingung.gif',
        ' ;)'  ,'http://2.bp.blogspot.com/-EvSfZMZuwKo/U6tMVvRUL1I/AAAAAAAAD9w/1zzRy8EUC5A/s1600/cool.png',
        ':-bd'  ,'http://2.bp.blogspot.com/-vfCgwSm88J4/Usv6OF4cZQI/AAAAAAAAayo/S46Z5eUFmzA/s1600/thumbs-up-yahoo-emoticon.gif',
        ':-d'  ,'http://2.bp.blogspot.com/-yElQmFAIiII/UKhVMcObcQI/AAAAAAAADP4/-qdEpW8zCmY/s1600/thumbsup.gif',
        ' :p'  ,'http://2.bp.blogspot.com/-Ex1KikUVM2Q/U6tMVfiivCI/AAAAAAAAD9s/dKyvB1R6F8I/s1600/capede.gif',
        ':ng'  ,'http://4.bp.blogspot.com/-SLdFsLn7w00/U6tMXp7KTGI/AAAAAAAAD-I/MFuTw6CkbfI/s1600/ngakak.gif',
        ':lv'  ,'http://3.bp.blogspot.com/-KMdDgs2xyr4/U6tMV-juTSI/AAAAAAAAD90/jadn4_Ji8js/s1600/heart.png',   
        ];
             
//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 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\22\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T" A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<Q B="1O">\'+S+1e+\'</Q>\'}z 12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<Q B="1g" 15="c\'+H+\'" 1C="\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{}))   
var avatar=$("#comments");
avatar.find('.comment_avatar img').each(function() {
var ava = $(this).attr('src');
$(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s55-c/"));
});
//]]>
</script>
    </b:includable>
              <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> 
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/>
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
              <b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
              <b:includable id='iframe_comments' var='post'>

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

    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
              <b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </b:if>

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

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

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

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

        <div style='clear: both;'/>
      </a>

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

    <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'>
          <a expr:name='data:post.id'/>
          <b:if cond='data:post.title'>
            <h1 class='post-title entry-title'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:else/>
                <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a expr:href='data:post.url'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            </h1>
          </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'>
            <data:post.body/>
            <div style='clear: both;'/>
          </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'>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <data:post.author/>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn'><data:post.author/></span>
                  </b:if>
                </b:if>
              </span>

              <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>

              <span class='post-comment-link'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                    <b:if cond='data:post.allowComments'>
                      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
                    </b:if>
                  </b:if>
                </b:if>
              </span>
            </div>

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

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

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

    <a class='home-link' expr:href='data:blog.homepageUrl'><i class='fa fa-home'/></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' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<div itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>
<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<meta expr:content='data:post.firstImageUrl' itemprop='url'/>
<meta content='700' itemprop='width'/>
<meta content='700' itemprop='height'/>
</div>
<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization' style='display:none;'>
<div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<meta content='100' itemprop='width'/>
<meta content='100' itemprop='height'/>
</div>
<span itemprop='name'><data:post.author/></span>
</div>

<a expr:name='data:post.id'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<b:if cond='data:post.title'>
<h1 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>       
<a expr:href='data:post.link'><data:post.title/></a>    
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>

<div class='vcard info-ar1web' expr:id='&quot;hcard- &quot; + data:blog.title'>
<img expr:src='data:post.authorPhoto.url' itemprop='image'/> <span class='meta-author'> <a class='author-avatar' expr:href='data:post.authorProfileUrl'> <span class='author-name'><data:post.author/></span></a>
 &#10070; 
</span>  
<b:if cond='data:top.showTimestamp'>
				<b:if cond='data:post.url'>
				  <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
				  بتاريخ <span class='time-info'>
				  <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
				  </span>
				</b:if>
				</b:if>   &#10070; 
<b:if cond='data:post.allowComments'>
		<span class='comment-info'> عدد التعليقات :
             <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> 0 </b:if> <b:if cond='data:post.numComments == 1'>1</b:if><b:if cond='data:post.numComments &gt; 1'><data:post.numComments/> </b:if> 
			  </a>
			  </span>
            </b:if>

<a expr:name='data:post.id'/><div id='viewscontainer'><span class='views-icon'/><div class='viewstext'/>
<span class='mbtloading viewscount' id='ar1webviews'/> </div>


			 		   	
</div>

</b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>       
<a expr:href='data:post.link'><data:post.title/></a>    
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
</b:if>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='post-header'>
<div class='post-header-line-1'>
          
</div>
</div>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Show Ads Below Post Title -->

</b:if>

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

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div itemprop='description articleBody'><p><data:post.body/></p></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div class='ar1web-share'><b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url'><div class='thumbar1web'><img expr:src='data:post.firstImageUrl'/></div>
</a><b:else/>
<a expr:href='data:post.url' expr:title='data:post.title'><div class='thumbar1web'><img src='http://3.bp.blogspot.com/-XQWvvjEeucE/Vq5omH0PzII/AAAAAAAAA50/d2lDAJGY48k/s1600/noimage-ar1web.png'/></div>
</a>
</b:if> 
<b:if cond='data:post.labels'>
		  <span class='label-info'> 
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url + &quot;?max-results=9&quot;' rel='tag'> <data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
          </b:loop>
		  </span>
        </b:if>
<div class='ar1webthmb-share'>
<b>شارك هذا الموضوع :</b>
<span><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' target='_blank'><i class='fa fa-facebook'/></a>
<a expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' target='_blank'><i class='fa fa-twitter'/></a>
<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' target='_blank'><i class='fa fa-google-plus'/></a>
<div class='clear'/></span>
<div class='clear'/></div>
  </div>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>  
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<div class='vcard info-ar1web' expr:id='&quot;hcard- &quot; + data:blog.title'>
<img expr:src='data:post.authorPhoto.url' itemprop='image'/> <span class='meta-author'> <a class='author-avatar' expr:href='data:post.authorProfileUrl'> <span class='author-name'><data:post.author/></span></a>
 &#10070; 
</span>  
<b:if cond='data:top.showTimestamp'>
				<b:if cond='data:post.url'>
				  <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
				  بتاريخ <span class='time-info'>
				  <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
				  </span>
				</b:if>
				</b:if>   &#10070; 
<b:if cond='data:post.allowComments'>
		<span class='comment-info'> عدد التعليقات :
             <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> 0 </b:if> <b:if cond='data:post.numComments == 1'>1</b:if><b:if cond='data:post.numComments &gt; 1'><data:post.numComments/> </b:if> 
			  </a>
			  </span>
            </b:if>

<a expr:id='&quot;obs-&quot; + data:post.id'/><div id='viewscontainer'><span class='views-icon'/><div class='viewstext'/>
<span class='mbtloading viewscount' id='ar1webviews'/> </div>


			 		   	
</div>

  <div itemprop='description articleBody'><data:post.snippet/></div> 

<a class='almazid-yar1web' expr:href='data:post.url'>إقرأ المزيد <i class='fa fa-arrow-circle-o-left'/></a>
 
</b:if>
</b:if>

      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <!-- Post-Footer -->
     
<div class='post-footer'>
<h2 class='sharetitle'>شارك هذا الموضوع :</h2>
<script type='text/javascript'>
//<![CDATA[
var siteurl = window.location.href;
  document.write('<div class="sharethis"><div class="sharede"> \
<a class="gp social-popup" href="https://plus.google.com/share?url=' + siteurl + '" target="_blank" title="شاركه على جوجل بلس">\
    <i class="fa fa-google-plus gotea"></i> جوجل +</a> \
<a class="fb social-popup" href="https://www.facebook.com/sharer/sharer.php?u=' + siteurl + '" target="_blank" title="شاركه على فيسبوك">\
    <i class="fa fa-facebook fbtea"></i> فيسبوك</a> \
<a class="tw social-popup" href="https://twitter.com/intent/tweet?text='+encodeURIComponent(document.title)+'&url='+siteurl+'" target="_blank" شاركه على تويتر">\
    <i class="fa fa-twitter twtea"></i> تويتر</a> \
    <span class="pl" data-target="#share-menu"><i class="fa fa-plus plustea"></i> المزيد</span> \
<ul class="dropdown-menu" id="share-menu"> \
    <li><a class="social-popup" href="javascript:pinIt();">Pinterest</a></li> \
    <li><a class="social-popup" href="//www.digg.com/submit?url=' + siteurl + '" target="_blank" title="شاركه على Digg">Digg</a></li> \
    <li><a class="social-popup" href="//www.linkedin.com/shareArticle?mini=true&amp;url=' + siteurl + '" target="_blank" title="شاركه على Linkedin">Linkedin</a></li> \
    <li><a class="social-popup" href="//www.stumbleupon.com/submit?url=' + siteurl + '&amp;title='+encodeURIComponent(document.title)+'" target="_blank" title="شاركه على Stumbleupon">Stumbleupon</a></li> \
    <li><a class="social-popup" href="//delicious.com/post?url=' + siteurl + '&amp;title='+encodeURIComponent(document.title)+'" target="_blank" title="شاركه على Delicious">Delicious</a></li> \
    <li><a class="social-popup" href="http://www.tumblr.com/share/link?url=' + siteurl + '&name='+encodeURIComponent(document.title)+'&description='+encodeURIComponent(document.title)+'" target="_blank" title="شاركه على Tumblr">Tumblr</a></li> \
    <li><a class="social-popup" href="http://bufferapp.com/add?text='+encodeURIComponent(document.title)+'&url=' + siteurl + '" target="_blank" title="Share This On BufferApp">BufferApp</a></li> \
    <li><a class="social-popup" href="https://getpocket.com/save?url=' + siteurl + '&title='+encodeURIComponent(document.title)+'" target="_blank" title="شاركه على Pocket">Pocket</a></li> \
    <li><a class="social-popup" href="http://www.evernote.com/clip.action?url=' + siteurl + '&title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Evernote">Evernote</a></li> \
    </ul> \
</div><div class="clear"></div></div> \
');
$(document).ready(function(){$(".pl").click(function(){$("#share-menu").slideToggle("fast")})});
function pinIt(){var t=document.createElement("script");t.setAttribute("type","text/javascript"),t.setAttribute("charset","UTF-8"),t.setAttribute("src","https://assets.pinterest.com/js/pinmarklet.js?r="+99999999*Math.random()),document.body.appendChild(t)};
//]]>
</script>
<div class='clear'/></div>


   </b:if>
    </div>
      <div class='post-footer-line post-footer-line-2'>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
  

</b:if>
</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>

    </div>
  </div>
               
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='post-rating'>
<div class='post-by'>
<div class='post-img'>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail radius tooltip' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' expr:title='data:post.title'/>
 <b:else/>
<img alt='no image' class='post-thumbnail radius tooltip' expr:title='data:post.title' src='http://4.bp.blogspot.com/-44trijSlV2Y/UgU0J6RU87I/AAAAAAAAASU/Nppm2hzUboU/s1600/no_image.jpg'/>
</b:if>
</div>
<ul>
<li><b>عنوان الموضوع :</b> <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></li>
<li><b>الكاتب :</b> <span class='post-author vcard'> <b:if cond='data:post.authorProfileUrl'><span class='fn' 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><data:post.author/></span></a></span><b:else/><span class='fn' itemscope='itemscope' itemtype='http://schema.org/Person'><span><data:post.author/></span></span></b:if></span></li>
<li><b>من قسم :</b> <span class='post-labels'>
<b:if cond='data:post.labels'>       
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> <i class='icon-angle-right'/>
</b:if>
</b:loop>
</b:if>
</span></li>
<li>
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
<b>التقييم :</b> <span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'>
<span itemprop='average'>100%</span>
</span>
مرتكز على <span itemprop='votes'>10</span> تقييمات.
<span itemprop='count'>5</span> تقييمات القراء.
</div>
</li>
</ul>
</div>
</div>
<div itemscope='' itemtype='http://data-vocabulary.org/Review'>
<div style='position:fixed;z-index:-500;opacity:0;top:0px;left:0px;'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
تقييمات المشاركة : <span itemprop='itemreviewed'><data:post.title/></span>
<span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'> <span itemprop='average'>9</span> على <span itemprop='best'>10</span> مرتكز على <span itemprop='votes'>10</span> ratings. <span itemprop='count'>9</span> تقييمات القراء.
</span>
</div>
</div>
<div class='clear'/>
</div>
<div style='clear:both'/>
<script type='text/javascript'>
//<![CDATA[
//Related Post
var relnojudul = 0;
var relmaxtampil = 4;
var numchars = 90;
var reljudul=new Array();var relurls=new Array();var relcuplikan=new Array();var relgambar=new Array();function saringtags(g,h){var e=g.split("<");for(var f=0;f<e.length;f++){if(e[f].indexOf(">")!=-1){e[f]=e[f].substring(e[f].indexOf(">")+1,e[f].length)}}e=e.join("");e=e.substring(0,h-1);return e}function relpostimgcuplik(h){for(var e=0;e<h.feed.entry.length;e++){var g=h.feed.entry[e];reljudul[relnojudul]=g.title.$t;postcontent="";if("content" in g){postcontent=g.content.$t}else{if("summary" in g){postcontent=g.summary.$t}}relcuplikan[relnojudul]=saringtags(postcontent,numchars);if("media$thumbnail" in g){postimg=g.media$thumbnail.url}else{postimg="http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.GIF"}relgambar[relnojudul]=postimg;for(var f=0;f<g.link.length;f++){if(g.link[f].rel=="alternate"){relurls[relnojudul]=g.link[f].href;break}}relnojudul++}}function contains(a,e){for(var f=0;f<a.length;f++){if(a[f]==e){return true}}return false}function artikelterkait(){var v=new Array(0);var w=new Array(0);var x=new Array(0);var A=new Array(0);for(var u=0;u<relurls.length;u++){if(!contains(v,relurls[u])){v.length+=1;v[v.length-1]=relurls[u];w.length+=1;w[w.length-1]=reljudul[u];x.length+=1;x[x.length-1]=relcuplikan[u];A.length+=1;A[A.length-1]=relgambar[u]}}reljudul=w;relurls=v;relcuplikan=x;relgambar=A;for(var u=0;u<reljudul.length;u++){var B=Math.floor((reljudul.length-1)*Math.random());var i=reljudul[u];var s=relurls[u];var y=relcuplikan[u];var C=relgambar[u];reljudul[u]=reljudul[B];relurls[u]=relurls[B];relcuplikan[u]=relcuplikan[B];relgambar[u]=relgambar[B];reljudul[B]=i;relurls[B]=s;relcuplikan[B]=y;relgambar[B]=C}var r=0;var D=Math.floor((reljudul.length-1)*Math.random());var z=D;var q;var t=document.URL;while(r<relmaxtampil){if(relurls[D]!=t){q="<li class='news-title clearfix'>";q+="<a href='"+relurls[D]+"' rel='nofollow' target='_top' title='"+reljudul[D]+"'><div class='overlayb'></div><img src='"+relgambar[D]+"' /></a>";q+="<a class='relinkjdulx' href='"+relurls[D]+"' target='_top'>"+reljudul[D]+"</a>";q+="<span class='news-text'>"+relcuplikan[D]+"</span>";q+="</li>";document.write(q);r++;if(r==relmaxtampil){break}}if(D<reljudul.length-1){D++}else{D=0}if(D==z){break}}};
//]]>
</script>
<div id='related-post'>
<div class='relhead'>
  <h4><span>مواضيع قد تهمك</span></h4>
<div class='clear'/>
          <b:loop values='data:post.labels' var='label'>
               <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;amp;callback=relpostimgcuplik&amp;amp;max-results=50&quot;' type='text/javascript'/>
          </b:loop>
          <ul id='related-summary'>
               <script type='text/javascript'>artikelterkait();</script>
          </ul>
     </div>
</div>
</b:if>

</b:includable>
              <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
              <b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
              <b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
              <b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='pesan-komentar'>
  <h6>اتبع التعليمات لاضافة تعليق</h6>
<ul>
   <li>يرجى ترك تعليق على الموضوع. سيتم حذف التعليقات التي تتضمن روابط مباشرة&#1548; والإعلانات&#1548; أو ما شابه ذلك.</li>
   <li>لإضافة كود ضعه في : &lt;i rel=&quot;code&quot;&gt; هنا الكود &lt;/i&gt;</li>
   <li>لإضافة كود طويل ضعه في : &lt;i rel=&quot;pre&quot;&gt; هنا الكود &lt;/i&gt;</li>
   <li>لإضافة اقتباس ضعه في : &lt;i rel=&quot;quote&quot;&gt; اكتب هنا&lt;/i&gt;</li>
   <li>لإضافة صورة ضعها في : &lt;i rel=&quot;image&quot;&gt; رابط الصورة هنا&lt;/i&gt;</li>
   <li>لإضافة فيديو استعمل : [iframe] هنا رابط تضمين الفيديو [/iframe]</li>
   <li>* قبل ادخال كود عليك بتحويله أولا</li>
   <li>شكرا لك</li>
  </ul>

</div>
</b:if></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:section>
<div class='pagenav'>
    <script type='text/javascript'>
      var pageNaviConf = {
            perPage: 9,
            numPages: 2,
            firstText: &quot;الصفحة الأولى&quot;,
            lastText: &quot;الصفحة الأخيرة&quot;,
            nextText: &quot;التالية&quot;,
            prevText: &quot;السابقة&quot;
        }
    </script>
<script>
//<![CDATA[
function pageNavi(o){var m=location.href,l=m.indexOf("/search/label/")!=-1,a=l?m.substr(m.indexOf("/search/label/")+14,m.length):"";a=a.indexOf("?")!=-1?a.substr(0,a.indexOf("?")):a;var g=l?"/search/label/"+a+"?updated-max=":"/search?updated-max=",k=o.feed.entry.length,e=Math.ceil(k/pageNaviConf.perPage);if(e<=1){return}var n=1,h=[""];l?h.push("/search/label/"+a+"?max-results="+pageNaviConf.perPage):h.push("/?max-results="+pageNaviConf.perPage);for(var d=2;d<=e;d++){var c=(d-1)*pageNaviConf.perPage-1,b=o.feed.entry[c].published.$t,f=b.substring(0,19)+b.substring(23,29);f=encodeURIComponent(f);if(m.indexOf(f)!=-1){n=d}h.push(g+f+"&max-results="+pageNaviConf.perPage)}pageNavi.show(h,n,e)}pageNavi.show=function(f,e,a){var d=Math.floor((pageNaviConf.numPages-1)/2),g=pageNaviConf.numPages-1-d,c=e-d;if(c<=0){c=1}endPage=e+g;if((endPage-c)<pageNaviConf.numPages){endPage=c+pageNaviConf.numPages-1}if(endPage>a){endPage=a;c=a-pageNaviConf.numPages+1}if(c<=0){c=1}var b='<span class="pages">صفحة '+e+' من '+a+"</span> ";if(c>1){b+='<a href="'+f[1]+'">'+pageNaviConf.firstText+"</a>"}if(e>1){b+='<a href="'+f[e-1]+'">'+pageNaviConf.prevText+"</a>"}for(i=c;i<=endPage;++i){if(i==e){b+='<span class="current">'+i+"</span>"}else{b+='<a href="'+f[i]+'">'+i+"</a>"}}if(e<a){b+='<a href="'+f[e+1]+'">'+pageNaviConf.nextText+"</a>"}if(endPage<a){b+='<a href="'+f[a]+'" class="lastar1web">'+pageNaviConf.lastText+"</a>"}document.write(b)};(function(){var b=location.href;if(b.indexOf("?q=")!=-1||b.indexOf(".html")!=-1){return}var d=b.indexOf("/search/label/")+14;if(d!=13){var c=b.indexOf("?"),a=(c==-1)?b.substring(d):b.substring(d,c);document.write('<script type="text/javascript" src="/feeds/posts/summary/-/'+a+'?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}else{document.write('<script type="text/javascript" src="/feeds/posts/summary?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}})();
//]]>
</script>
</div>
<div class='wow fadeInLeft animated' id='feed-list-container'/>
<script type='text/javascript'>
<!-- أداة الأقسام -->
var multiFeed = {
    feedsUri: [
        {
            name: &quot;تطبيقات&quot;,
            url: &quot;http://g-vusionn2.blogspot.com/&quot;,
            tag: &quot;قسم 1&quot;
        },
        {
            name: &quot;جوجل بلاي&quot;,
            url: &quot;http://g-vusionn2.blogspot.com/&quot;,
            tag: &quot;قسم 2&quot;
        },
        {
            name: &quot;آب ستور&quot;,
            url: &quot;http://g-vusionn2.blogspot.com/&quot;,
            tag: &quot;قسم 3&quot;
        },
        {
            name: &quot;إلهامات&quot;,
            url: &quot;http://seo-alwan.blogspot.com/&quot;,
            tag: &quot;إلهامات&quot;
        },
        {
            name: &quot;تجارب&quot;,
            url: &quot;http://seo-alwan.blogspot.com/&quot;,
            tag: &quot;تجارب&quot;
        },
        {
            name: &quot;ملحقات حصرية&quot;,
            url: &quot;http://seo-alwan.blogspot.com/&quot;,
            tag: &quot;صور&quot;
        }
    ],
    numPost: 4,
    showThumbnail: 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=8&quot;
    }
};
</script>
        </div>
      </div>


      <div class='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
<div class='sidebar-top wow fadeInDown animated'>
    <p>تابعنا على :</p>
  <ul class='ar1web-social' id='ar1web-social'>
    <li><a class='social-tooltip tw' href='#' target='_blank' title='تابعنا على تويتر'><i class='fa fa-twitter'/></a></li>
	<li><a class='social-tooltip fb' href='#' target='_blank' title='صفحتنا على الفيسبوك'><i class='fa fa-facebook'/></a></li>
	<li><a class='social-tooltip gp' href='#' target='_blank' title='تابعنا على جوجل+'><i class='fa fa-google-plus'/></a></li>
	<li><a class='social-tooltip rs' href='#' target='_blank' title='اشترك معنا'><i class='fa fa-rss'/></a></li>
    <li><a class='social-tooltip yt' href='#' target='_blank' title='اشترك بقناتنا'><i class='fa fa-youtube'/></a></li>
    <li><a class='social-tooltip wp' href='#' target='_blank' title='تواصل معنا'><i class='fa fa-whatsapp'/></a></li>
  </ul>
  </div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <ul class='post-nav'>
    <li class='next'/>
    <li class='previous'/>
  </ul>
  </b:if>
<div id='tab'>
<div class='tab-widget-menu clear'>
<ul id='tabslect'>
<li class='tab1'><a href='#tab1'>الأكثر زيارة</a></li>
<li class='tab2'><a href='#tab2'>التعليقات</a></li>
</ul>
</div>
<div id='ar1webside'>
<div class='widget1' id='tab1'> 
<b:section class='sidebar' id='tab1-popular-posts' showaddelement='yes' name='قسم الأكثر زيارة'>
   <b:widget id='PopularPosts1' locked='false' title='الأكثر زيارة' type='PopularPosts' visible='true'>
     <b:includable id='main'>
  <b:if cond='data:title'><h2 itemprop='name'><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 == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (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/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
               <a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>
    <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
<b:else/>
 <div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>
<img alt='no image' class='post-thumbnail' src='http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif'/>
</a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title' itemprop='url' target='_blank'>
    <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize' itemprop='image'/>
</a>
</div>
<b:else/>
 <div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>
<img alt='no image' class='post-thumbnail' src='http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif'/>
</a>
                </div>
              </b:if>              
<div class='item-title'><a expr:href='data:post.href' itemprop='name'><data:post.title/></a></div>
              <div class='item-snippet' itemprop='description'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
     </div>
</b:includable>
   </b:widget>
 </b:section>
</div>
<div class='widget1' id='tab2'> 
<b:section class='sidebar' id='tab2-comments-posts' showaddelement='yes' name='قسم التعليقات'>
   <b:widget id='HTML2' locked='false' title='التعليقات' type='HTML' visible='true'>
     <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
   </b:widget>
 </b:section>
</div>
</div>
</div>
<div class='clear'/>
        <b:section class='sidebar' id='sidebar' showaddelement='yes' name='السيدبار'>
          <b:widget id='Label2' locked='false' title='التسميات قائمة' type='Label' visible='true'>
            <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><span><data:title/></span></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
        <b:loop values='data:labels' var='label'>
          <li>
            <b:if cond='data:blog.url == data:label.url'>
              <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
            <b:else/>
              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
            </b:if>
            <b:if cond='data:showFreqNumbers'>
              <span dir='ltr'>(<data:label.count/>)</span>
            </b:if>
          </li>
        </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
          </b:widget>
          <b:widget id='Label1' locked='false' title='التسميات شبكة' type='Label' visible='true'>
            <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><span><data:title/></span></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
        <b:loop values='data:labels' var='label'>
          <li>
            <b:if cond='data:blog.url == data:label.url'>
              <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
            <b:else/>
              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
            </b:if>
            <b:if cond='data:showFreqNumbers'>
              <span dir='ltr'>(<data:label.count/>)</span>
            </b:if>
          </li>
        </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
          </b:widget>
          <b:widget id='HTML1' locked='false' title='صفحتنا' type='HTML' visible='true'>
            <b:includable id='main'>
 <b:if cond='data:title'>
    <h3><span><data:title/></span></h3>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
          </b:widget>
          <b:widget id='HTML10' locked='false' title='مساحة اعلانية' type='HTML' visible='true'>
            <b:includable id='main'>
 <b:if cond='data:title'>
    <h3><span><data:title/></span></h3>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
          </b:widget>
          <b:widget id='ContactForm1' locked='false' title='نموذج الاتصال' type='ContactForm' visible='true'>
            <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
        </div>
      </form>
    </div>
  </div>
  <b:include name='quickedit'/>
</b:includable>
          </b:widget>
        </b:section>
      </div>

      <div class='clear'/>

</div>
  </div>
<footer class='wow slideInRight'>
<div class='footer-info'>
<div id='ar1web-credit'>
جميع الحقوق محفوظة &#169; 2016 <DesignDevta id='DD_Encryption'/></div>
</div>
</footer>
<div class='back-to-top'><a href='#' id='back-to-top'>
<i class='fa fa-chevron-up'/>
</a></div>
<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>
<script src='//cdn.rawgit.com/iHussam/ar1web/master/multifeed.js' type='text/javascript'/>
<script type='text/javascript'>
$(&quot;ul#related-summary li img&quot;).each(function(){$(this).attr(&quot;src&quot;,$(this).attr(&quot;src&quot;).replace(/\/s[0-9]+(\-c)?\//,&quot;/w150-h120-c/&quot;))});
$(window).scroll(function(){$(this).scrollTop()&gt;200?$(&quot;#back-to-top&quot;).fadeIn():$(&quot;#back-to-top&quot;).fadeOut()}),$(&quot;#back-to-top&quot;).hide().click(function(){return $(&quot;html, body&quot;).animate({scrollTop:0},400),!1});
//<![CDATA[
$(document).ready(function(){var newerLink=$('a.blog-pager-newer-link').attr('href');$('a.blog-pager-newer-link').load(newerLink+' .posting-penuh-title:first',function(){var newerLinkTitle=$('a.blog-pager-newer-link').text();$('li.next').html('<a class="next" href="'+newerLink+'" title="التالي"><i class="new"/><strong class="isi-pager">الموضوع التالي</strong><span>'+newerLinkTitle+'</span></a>')});var olderLink=$('a.blog-pager-older-link').attr('href');$('a.blog-pager-older-link').load(olderLink+' .posting-penuh-title:first',function(){var olderLinkTitle=$('a.blog-pager-older-link').text();$('li.previous').html('<a class="previous" href="'+olderLink+'" title="السابق"><i class="old"/><strong class="isi-pager">الموضوع السابق</strong><span>'+olderLinkTitle+'</span></a>')});$('.top').removeAttr('href')});(function(d){d.fn.scrooltoar1web=function(g){return this.each(function(){if(d(this).data("scrooltoar1web")){d(this).data("scrooltoar1web").destroy()}d(this).data("scrooltoar1web",new d.scrooltoar1web(this,g))})};d.scrooltoar1web=a;function a(g,h){this.el=d(g);this.options=h||{};this.x=(false!==this.options.x)||this.options.forceHorizontal;this.y=(false!==this.options.y)||this.options.forceVertical;this.autoHide=false!==this.options.autoHide;this.padding=undefined==this.options.padding?2:this.options.padding;this.inner=this.el.find(".scrooltoar1web-inner");this.inner.css({width:"+="+(this.y?c():0),height:"+="+(this.x?c():0)});this.refresh()}a.prototype.refresh=function(){var h=this.inner.get(0).scrollWidth>this.el.width()+(this.y?c():0),g=this.inner.get(0).scrollHeight>this.el.height()+(this.x?c():0);if(this.x){if(!this.horizontal&&h){this.horizontal=new f.Horizontal(this)}else{if(this.horizontal&&!h){this.horizontal.destroy();this.horizontal=null}else{if(this.horizontal){this.horizontal.update()}}}}if(this.y){if(!this.vertical&&g){this.vertical=new f.Vertical(this)}else{if(this.vertical&&!g){this.vertical.destroy();this.vertical=null}else{if(this.vertical){this.vertical.update()}}}}};a.prototype.destroy=function(){if(this.horizontal){this.horizontal.destroy();this.horizontal=null}if(this.vertical){this.vertical.destroy();this.vertical=null}return this};a.prototype.rebuild=function(){this.destroy();this.inner.attr("style","");a.call(this,this.el,this.options);return this};function f(h){this.pane=h;this.pane.el.append(this.el);this.innerEl=this.pane.inner.get(0);this.dragging=false;this.enter=false;this.shown=false;this.pane.el.mouseenter(d.proxy(this,"mouseenter"));this.pane.el.mouseleave(d.proxy(this,"mouseleave"));this.el.mousedown(d.proxy(this,"mousedown"));this.innerPaneScrollListener=d.proxy(this,"scroll");this.pane.inner.scroll(this.innerPaneScrollListener);this.innerPaneMouseWheelListener=d.proxy(this,"mousewheel");this.pane.inner.bind("mousewheel",this.innerPaneMouseWheelListener);var g=this.pane.options.initialDisplay;if(g!==false){this.show();if(this.pane.autoHide){this.hiding=setTimeout(d.proxy(this,"hide"),parseInt(g,10)||3000)}}}f.prototype.destroy=function(){this.el.remove();this.pane.inner.unbind("scroll",this.innerPaneScrollListener);this.pane.inner.unbind("mousewheel",this.innerPaneMouseWheelListener);return this};f.prototype.mouseenter=function(){this.enter=true;this.show()};f.prototype.mouseleave=function(){this.enter=false;if(!this.dragging){if(this.pane.autoHide){this.hide()}}};f.prototype.scroll=function(){if(!this.shown){this.show();if(!this.enter&&!this.dragging){if(this.pane.autoHide){this.hiding=setTimeout(d.proxy(this,"hide"),1500)}}}this.update()};f.prototype.mousedown=function(i){i.preventDefault();this.dragging=true;this.startPageY=i.pageY-parseInt(this.el.css("top"),10);this.startPageX=i.pageX-parseInt(this.el.css("left"),10);this.el[0].ownerDocument.onselectstart=function(){return false};var j=this.pane,g=d.proxy(this,"mousemove"),h=this;d(this.el[0].ownerDocument).mousemove(g).mouseup(function(){h.dragging=false;this.onselectstart=null;d(this).unbind("mousemove",g);if(!h.enter){h.hide()}})};f.prototype.show=function(g){if(!this.shown&&this.update()){this.el.addClass("ar1web-scrollbar-shown");if(this.hiding){clearTimeout(this.hiding);this.hiding=null}this.shown=true}};f.prototype.hide=function(){if(this.pane.autoHide!==false&&this.shown){this.el.removeClass("ar1web-scrollbar-shown");this.shown=false}};f.Horizontal=function(g){this.el=d('<div class="ar1web-scrollbar ar1web-scrollbar-horizontal">',g.el);f.call(this,g)};e(f.Horizontal,f);f.Horizontal.prototype.update=function(){var g=this.pane.el.width(),h=g-this.pane.padding*2,i=this.pane.inner.get(0);this.el.css("width",h*g/i.scrollWidth).css("left",h*i.scrollLeft/i.scrollWidth);return g<i.scrollWidth};f.Horizontal.prototype.mousemove=function(i){var g=this.pane.el.width()-this.pane.padding*2,l=i.pageX-this.startPageX,h=this.el.width(),j=this.pane.inner.get(0);var k=Math.min(Math.max(l,0),g-h);j.scrollLeft=(j.scrollWidth-this.pane.el.width())*k/(g-h)};f.Horizontal.prototype.mousewheel=function(h,j,g,i){if((g<0&&0==this.pane.inner.get(0).scrollLeft)||(g>0&&(this.innerEl.scrollLeft+Math.ceil(this.pane.el.width())==this.innerEl.scrollWidth))){h.preventDefault();return false}};f.Vertical=function(g){this.el=d('<div class="ar1web-scrollbar ar1web-scrollbar-vertical">',g.el);f.call(this,g)};e(f.Vertical,f);f.Vertical.prototype.update=function(){var h=this.pane.el.height(),i=h-this.pane.padding*2,k=this.innerEl;var l=i*h/k.scrollHeight;l=l<20?20:l;var g=i*k.scrollTop/k.scrollHeight;if((g+l)>i){var j=(g+l)-i;g=g-j-3}this.el.css("height",l).css("top",g);return h<k.scrollHeight};f.Vertical.prototype.mousemove=function(i){var g=this.pane.el.height(),h=g-this.pane.padding*2,m=i.pageY-this.startPageY,k=this.el.height(),j=this.innerEl;var l=Math.min(Math.max(m,0),h-k);j.scrollTop=(j.scrollHeight-g)*l/(h-k)};f.Vertical.prototype.mousewheel=function(h,j,g,i){if((i>0&&0==this.innerEl.scrollTop)||(i<0&&(this.innerEl.scrollTop+Math.ceil(this.pane.el.height())==this.innerEl.scrollHeight))){h.preventDefault();return false}};function e(i,h){function g(){}g.prototype=h.prototype;i.prototype=new g}var b;function c(){if(b===undefined){var i=d('<div class="scrooltoar1web-inner" style="width:50px;height:50px;overflow-y:scroll;position:absolute;top:-200px;left:-200px;"><div style="height:100px;width:100%"></div>');d("body").append(i);var h=d(i).innerWidth();var g=d("div",i).innerWidth();d(i).remove();b=h-g}return b}})(jQuery); function searchxx(a){(function(d){var f={blogURL:"",srcBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",findText:"نتائج البحث في الكلمة",NotfindText:"لا توجد نتائج!",Showthumb:true,LoadingText:"جاري البحث...",scrthumbSize:50,summaryLength:100};f=d.extend({},f,a);var b=d(".ar1web-search-form"),e=b.find(":text");b.append('<div id="ar1web-result"></div>');var c=d("#ar1web-result");b.on("submit",function(){var g=e.val();c.show().html('<div class="load">'+f.LoadingText+"</div>");d.get((f.blogURL===""?window.location.protocol+"//"+window.location.host:f.blogURL)+"/feeds/posts/default?alt=json-in-script&q="+g+"&max-results=9999",function(x){var v=x.feed.entry,s,r,u,t,h,l,n="";if(v!==undefined){n="<h4>"+f.findText+" &quot;"+g+"&quot;</h4>";n+='<a class="close" href="/">&times;</a><div class="box-wrap scrooltoar1web-wrap"><div class="box"><div class="scrooltoar1web-inner"><div class="box-inner"><ol>';for(var p=0,k=v.length;p<k;p++){var m=new RegExp(g,"ig"),u=v[p].title.$t.replace(m,"<mark>"+g+"</mark>");for(var o=0,w=v[p].link.length;o<w;o++){if(v[p].link[o].rel=="alternate"){t=v[p].link[o].href}}s=("content" in v[p]?v[p].content.$t:"summary" in v[p]?v[p].summary.$t:"");h=d("<div></div>").append(s.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,""));l=h.find("img");if("media$thumbnail" in v[p]){r=v[p].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+f.scrthumbSize+"-c")}else{if(l.length!=0){r=l[0].src}else{r=f.srcBlank}}s=s.replace(/<\S[^>]*>/g,"");if(s.length>f.summaryLength){s=s.substring(0,f.summaryLength)+"..."}s=s.replace(m,"<mark>"+g+"</mark>");n+='<li><a href="'+t+'" >'+(f.Showthumb===true?'<img style="width:'+f.scrthumbSize+"px;height:"+f.scrthumbSize+'px" width="'+f.scrthumbSize+'" height="'+f.scrthumbSize+'" src="'+r+'"/>':"")+"<strong>"+u+"</strong></a>"+(f.summaryLength>0?"<p>"+s+"</p>":"")+"</li>"}n+="</ol></div></div></div></div>";c.html(n);var q=d("#ar1web-result .box-wrap").scrooltoar1web().data("scrooltoar1web");q.refresh()}else{c.html('<a class="close" href="/">&times;</a><strong>'+f.NotfindText+"</strong>")}},"jsonp");return false});b.on("click",".close",function(){c.fadeOut();return false})})(jQuery)};
searchxx({summaryLength:100, scrthumbSize:50});$(document).ready(function() {$('.popular-posts .item-thumbnail img,.post-img img').attr('src', function(i, src) {return src.replace( 's72-c', 's400' );});});var ww=document.body.clientWidth;$(document).ready(function(){$(".nav li a").each(function(){if($(this).next().length>0){$(this).addClass("parent")}});$(".zorna-ar1web").click(function(e){e.preventDefault();$(this).toggleClass("active");$(".nav").toggle()});adjustMenu()});$(window).bind("resize orientationchange",function(){ww=document.body.clientWidth;adjustMenu()});var adjustMenu=function(){if(ww<768){$(".zorna-ar1web").css("display","inline-block");if(!$(".zorna-ar1web").hasClass("active")){$(".nav").hide()}else{$(".nav").show()}$(".nav li").unbind("mouseenter mouseleave");$(".nav li a.parent").unbind("click").bind("click",function(e){e.preventDefault();$(this).parent("li").toggleClass("hover")})}else if(ww>=768){$(".zorna-ar1web").css("display","none");$(".nav").show();$(".nav li").removeClass("hover");$(".nav li a").unbind("click");$(".nav li").unbind("mouseenter mouseleave").bind("mouseenter mouseleave",function(){$(this).toggleClass("hover")})}}
function makemeSticky(e){function t(){var e=s.getBoundingClientRect();e.top<0?(n.className=a+" makesticking",n.style.width=i+"px"):n.className=a}var n=document.getElementById(e),s=document.createElement("div");n.parentNode.insertBefore(s,n);var i=n.offsetWidth,a=n.className+" makesticky";window.addEventListener("scroll",t,!1)}makemeSticky("nav");eval((function(){var d=[94,71,74,81,90,88,86,89,85,66,75,70,82,60,76,87,79,80,72,65];var e=[];for(var b=0;b<d.length;b++)e[d[b]]=b+1;var q=[];for(var a=0;a<arguments.length;a++){var f=arguments[a].split('~');for(var g=f.length-1;g>=0;g--){var h=null;var i=f[g];var j=null;var k=0;var l=i.length;var m;for(var n=0;n<l;n++){var o=i.charCodeAt(n);var p=e[o];if(p){h=(p-1)*94+i.charCodeAt(n+1)-32;m=n;n++;}else if(o==96){h=94*d.length+(i.charCodeAt(n+1)-32)*94+i.charCodeAt(n+2)-32;m=n;n+=2;}else{continue;}if(j==null)j=[];if(m>k)j.push(i.substring(k,m));j.push(f[h+1]);k=n+1;}if(j!=null){if(k<l)j.push(i.substring(k));f[g]=j.join('');}}q.push(f[0]);}var r=q.join('');var x='abcdefghijklmnopqrstuvwxyz';var c=[96,42,126,39,92,10].concat(d);for(var b=0;b<c.length;b++)r=r.split('@'+x.charAt(b)).join(String.fromCharCode(c[b]));return r.split('@!').join('@');})('var ^*=["http://www.^+.com","^-2a^-35^,5^,a^,5 @ta id=@dcredit-^+@d href=@dhttp://www.^+.com@d>^-39^-31^-28 ^,8^,a^-28@t/a>","0.6=9(){a e=4.5(@e"d@e");7==e&&(0.8.1=2),e.b(@e"1@e",2),e.c=3};","|","split","window|href|^"Site|^"Credits|document|getElement@pyId|onload|null|loca^0|func^0|var|set@zttribute|inner@yTM@u|DD_Encryp^0|","replace","","@e@ew+","@e@eb","g","toString","se^1ed","addClass^/tabs^1 li:first","hide^/^+side > div","show^/^+side > div:first","removeClass^/tabs^1 li","parent","href","attr^/^+side > div:visible","fadeToggle","click^/tabs^1 a"]^.^"Site=^*[0]^.^"Credits=^(]^.DD_Encryp^0=[^*[2^&3^&4^&5^&6^&7^&8^&9^&10]];eval(^\'a,b,c,d,e,f){e=^\'c){^)c[^(1]](b)};if(!^ 5][^ 4]](/@g/,String)){while(c--){f[e(c)]=d[c]||e(c)};d=[^\'e){^)f[e]}];e=^\'){^)^ 6]};c=1};while(c--){if(d[c]){a=a[^ 4]]( new @segExp(^ 7]+e(c)+^ 7],^ 8]),d[c])}};^)a}(^ 0],15,15,^ 3][^ 2]](^ 1]),0,{}));$(^\'){$(^(4^!3^$12]^#16^!5]](^#18^!7]](^#27]^%6]](^\'){$(^*[20^!9^$12]);$(this^%1]]()[^(3^$12])^.g=$(this^%3^$22]^#24^!5]]();$(g^%5]](1000);^)false})})~DD_Encryp^0[~])[^(~DesignDevta_~);$(^*[~]](^*[~)[^*[2~],^*[~func^0(~^*[1~return ~_$_c4c2~ar1web~^-4~@eu06~;var ~","#~tion~lect'));//]]></script>
<script>
$.each($(&#39;a[name]&#39;), function(i, e) {
 var elem = $(e).parent().find(&#39;#ar1webviews&#39;).addClass(&#39;mbtloading&#39;);
 var blogStats = new Firebase(&quot;https://FIVEFOUR.firebaseio.com/pages/id/&quot; + $(e).attr(&#39;name&#39;));
 blogStats.once(&#39;value&#39;, function(snapshot) {
  var data = snapshot.val();
  var isnew = false;
  if (data == null) {
   data = {};
   data.value = 0;
   data.url = window.location.href;
   data.id = $(e).attr(&#39;name&#39;);
   isnew = true;
  }
  elem.removeClass(&#39;mbtloading&#39;).text(data.value);
  data.value++;
  if (window.location.pathname != &#39;/&#39;) {
   if (isnew) {blogStats.set(data);}
   else
            blogStats.child(&#39;value&#39;).set(data.value);
  }
 });
});
</script>
<script type='text/javascript'>
//<![CDATA[
shortcut={all_shortcuts:{},add:function(a,b,c){var d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(c)for(var e in d)"undefined"==typeof c[e]&&(c[e]=d[e]);else c=d;d=c.target,"string"==typeof c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;if(c.disable_in_input){var e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);if("INPUT"==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");var f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\\":"|"},i={esc:27,escape:27,tab:9,space:32,"return":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);for(var s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))return d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:function(a){var a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var a=b.event,c=b.target,b=b.callback;c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c["on"+a]=!1}}},shortcut.add("Ctrl+U",function(){top.location.href="http://www.ar1web.com"});
//]]>
function closeThisDiv()
{
var openDiv = document.getElementById(&#39;divName&#39;);
openDiv.style.display = &#39;none&#39;;
}
</script>
<script>
// <![CDATA[
function ColorLuminance(hex, lum) {

	// validate hex string
	hex = String(hex).replace(/[^0-9a-f]/gi, '');
	if (hex.length < 6) {
		hex = hex[0]+hex[0]+hex[1]+hex[1]+hex[2]+hex[2];
	}
	lum = lum || 0;

	// convert to decimal and change luminosity
	var rgb = "#", c, i;
	for (i = 0; i < 3; i++) {
		c = parseInt(hex.substr(i*2,2), 16);
		c = Math.round(Math.min(Math.max(0, c + (c * lum)), 255)).toString(16);
		rgb += ("00"+c).substr(c.length);
	}

	return rgb;
}
$('ul.changerColor li').on('click',function(){
var dtaColor = $(this).data('color');
var dtaColorN = dtaColor.replace("#", "");
var bigint = parseInt(dtaColorN, 16);
var brr = (bigint >> 16) & 255;
var brg = (bigint >> 8) & 255;
var brb = bigint & 255;
var rgbaColor = brr + ',' + brg + ',' + brb;
var div = $("<div />", {
    html: '<style>#Header,.list-entries .main-title h4,.label-size,.Label li span:last-child,#back-to-top,li.ar1web-logo,div#viewscontainer,::-webkit-scrollbar-thumb,a.activear1web,.paging-ar1web a.active,.label-info a:nth-child(n+2),.item-thumbnail,.thumbar1web,.ar1web_img,.achgtlek-ar1web li li a:hover,.achgtlek-ar1web a:hover,.list-entries .ar1web-more a:hover,nav.navblog li:hover,#related-summary .news-text,#related-post h4 span{background:' + dtaColor + ' !important;}.cooltitlear1web a,a.lastar1web,.pagenav a:hover, .pagenav .current,.list-entries .ar1web-more a,.footer-info a,#comments-container a,#ar1web-search-form input#search-button{color:' + dtaColor + '!important}.sidebar h2 span, .sidebar h3 span,#tabslect .selected a, #tabslect a:hover{border-bottom:3px solid' + ColorLuminance(dtaColorN, -0.0) + '} #nav,.footer-info{border-top:2px solid' + ColorLuminance(dtaColorN, -0.0) + '} div#viewscontainer:before{border-left:7px solid' + ColorLuminance(dtaColorN, -0.0) + '}  a:hover{color:' + dtaColor + '!important} {border-right-color' + ColorLuminance(dtaColorN, -0.0) + '} </style>'
  }).appendTo("body"); 
})
// ]]>
</script>
<script type='text/javascript'>
$(document).ready(function(){$(&quot;.showmore&quot;).click(function(){$(&quot;.bnm&quot;).toggleClass(&quot;shows&quot;);});});
$(document).ready(function(){$(&quot;#showkomentarmenu&quot;).click(function(){$(&quot;#komentarmenu&quot;).toggleClass(&quot;shows&quot;);});});
</script>
<style>
.style-switcher { background-color: #fff; position: fixed; right: 10px; width: 150px; padding: 10px 10px 3px 5px; top: 25%; height: 80px; box-shadow: 0 0 3px rgba(112, 113, 113, 0.55);}

  #changerColor{display:block}
#changerColor:hover{opacity:1 !important}
ul.changerColor li{width: 16px;height: 16px;float: right;margin: 2px 1px 0px;cursor: pointer;}
</style>
</body>
</html>