<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' 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><!--[if IE]><script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/3382421118-ieretrofit.js"></script>
<![endif]-->
    <meta charset='utf-8'/>
    <meta content='IE=edge' http-equiv='X-UA-Compatible'/>
    <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>
    <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
    <b:include data='blog' name='all-head-content'/>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
    <title>
		<b:if cond='data:blog.pageType == &quot;index&quot;'>
			<data:blog.pageTitle/>
		<b:else/>
			<b:if cond='data:blog.pageType != &quot;error_page&quot;'>

				<data:blog.pageName/> - <data:blog.title/>
			<b:else/>
				خطأ بالصفحة 404 - <data:blog.title/> 
			</b:if>
		</b:if>
    </title>
    <!-- الوصف الكلمات الدليلة بداية -->
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <meta content='YOUR DESCRIPTION HERE' name='description'/>
    </b:if>
    <meta content='YOUR KEYWORDS HERE' name='keywords'/>
    <!-- الوصف والكلمات الدليلة نهاية -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <meta expr:content='data:blog.pageName' property='og:title'/>
        <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
        <meta content='article' property='og:type'/>
    </b:if>
    <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.postImageThumbnailUrl' property='og:image'/>
    </b:if></b:if>
    <b:if cond='data:blog.metaDescription != &quot;&quot;'>
        <meta expr:content='data:blog.metaDescription' name='og:description'/>
    </b:if>
    <meta expr:content='data:blog.title' property='og:site_name'/>
    <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
    <meta expr:content='data:blog.pageName' name='twitter:title'/>
    <b:if cond='data:blog.postImageUrl'>
      <meta content='summary_large_image' name='twitter:card'/>
      <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
    <b:else/>
      <meta content='summary' name='twitter:card'/>
      <b:if cond='data:blog.postImageThumbnailUrl'>
        <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/> 
      </b:if>
    </b:if>
    <meta expr:content='data:blog.pageName' name='twitter:title'/>
    <b:if cond='data:blog.metaDescription'>
      <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
    </b:if>
    <!-- معرف تطبيق فيسبوك ومعرف المشرف في تويتر وفيسبوك -->
    <meta content='Facebook App ID here' property='fb:app_id'/> 
    <meta content='Facebook Admin ID here' property='fb:admins'/> 
    <meta content='@username' name='twitter:site'/>
    <meta content='@username' name='twitter:creator'/>   

<b:skin><![CDATA[/
-----------------------------------------------
Translate by  https://www.madad2.com
Name:        Seorocket
Author :     http://www.themexpose.com
License:     Premium Version
----------------------------------------------- */

/* Variable definitions
-----------------------
<Variable name="keycolor" description="Main Color" type="color" default="#1e87f0" value="#1e87f0"/>


<Variable name="color.theme" description="Color Theme" type="color" default="#f2132d" value="#f2132d"/>
-----------------------
*/
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;border:0;outline:0;vertical-align:baseline;background:0 0;margin:0}
ins{text-decoration:underline}
del{text-decoration:line-through}
dl,ul{list-style-position:inside;font-weight:700;list-style:none;}
ul li{list-style:none}
caption,th{text-align:center}
img{border:none;position:relative}
.clear{clear:both}
.section,.widget,.widget ul{margin:0;padding:0}
body{background:#fff;color:#010101;font-size:14px;font-family:'Droid Arabic Naskh',sans-serif;line-height:22px;word-wrap:break-word}
h1,h2,h3,h4,h5,h6{padding:0;margin:0}
h2{color:#010101;margin:1.5em 0 .75em}
h4 a{color:#4285f4!important}
a:link,a:hover,a:visited{color:$(color.theme);text-decoration:none}
:focus{outline:0}
a img{border:0}
brc{color:#bdbdbd}
select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}
select::-ms-expand{display:none!important;}
.separator a{clear:none!important;float:none!important;margin-right:0!important;margin-left:0!important}
#navbar-iframe{display:none;height:0;visibility:hidden}
span.item-control,a.quickedit{display:none!important}
.archive .home-link,.index .home-link,.home-link{display:none!important}
*{outline:0;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}
#outer-wrapper{max-width:100%;margin:0px auto 0;background-color:#f6f6f6}
.row{width:1130px}
#topnav{width:100%;height:40px;background-color:#fff;margin:0;    border-bottom: 1px solid #eee;}
.tm-head{margin:0 auto;height:40px;line-height:40px;overflow:hidden}
.tm-menu{float:right}
#nav1 li{float:right;display:inline-block;line-height:40px;padding:0}
#nav1 li a{color:#010101;font-size:12px;font-weight:400}
#nav1 li a:hover,.tn-head #social-top ul li a:hover{color:$(color.theme)}
#nav1 li+li:before{content:"|";padding:0 7px;color:#ddd;font-weight:100}
.social-area{float:left}
.tm-head #social-top{position:relative;display:block;margin-left:0}
.tm-head #social-top ul{overflow:hidden}
.tm-head #social-top ul li{line-height:40px;display:block;float:right;margin-right:15px;padding:0}
.tm-head #social-top ul li a{display:block;float:right;color:#010101;text-decoration:none;font-size:13px}
.tm-head #social-top ul li a:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.tm-head #social-top ul li a:hover{color:$(color.theme)}
#social-top .facebook:before{content:"\f09a"}
#social-top .twitter:before{content:"\f099"}
#social-top .gplus:before{content:"\f0d5"}
#social-top .rss:before{content:"\f09e"}
#social-top .youtube:before{content:"\f167"}
#social-top .skype:before{content:"\f17e"}
#social-top .stumbleupon:before{content:"\f1a4"}
#social-top .tumblr:before{content:"\f173"}
#social-top .vine:before{content:"\f1ca"}
#social-top .stack-overflow:before{content:"\f16c"}
#social-top .linkedin:before{content:"\f0e1"}
#social-top .dribbble:before{content:"\f17d"}
#social-top .soundcloud:before{content:"\f1be"}
#social-top .behance:before{content:"\f1b4"}
#social-top .digg:before{content:"\f1a6"}
#social-top .instagram:before{content:"\f16d"}
#social-top .pinterest:before{content:"\f0d2"}
#social-top .delicious:before{content:"\f1a5"}
#social-top .codepen:before{content:"\f1cb"}
#header-blog{height:140px;background-color:#fff;position:relative;overflow:hidden}
.header-content{margin:0 auto;overflow:hidden;height:130px}
.header-logo{width:222px;height:52px;float:right}
.header-logo img{height:auto;margin:55px 0 0;max-width:100%}
.Header h1{color:#010101;margin-bottom:10px;margin-top:32px;font-size: 40px;}
.header-ads{width:729px;max-width:100%;max-height:90px;float:left;margin:18px 0 0}
#header-navigation{margin:0 auto;top:0;height:55px;border-top: 1px solid #eee;
       box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    background: #fff;}
.nav-wrapper{background-color:#fff;width:100%;max-width:1170px;margin:0 auto;box-sizing:border-box;min-height:55px}
.header-menu li.home-child{float:right;height:55px;display:inline-block;padding:0}
.header-menu li.home-child a{height:55px;line-height:55px;font-size:14px;font-weight:500;color:#000;    padding-left: 18px;
    padding-right: 18px;}
#menu ul li{float:right;height:55px;display:inline-block;padding:0;margin-left:1px;transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important}
#menu ul li:hover a{color:#444}
.sticky-wrapper.is-sticky #header-navigation {
    width: 100%!important;
    background: #fff;    z-index: 9999;
}
div#meta-post .fa-user {
    color: #f14e84;
    margin-left: 5px;
}
#menu ul li a{height:55px;line-height:55px;padding:12px;    padding-left: 18px;
    padding-right: 18px;font-size:14px;font-weight:500;color:#000;transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important}
#menu ul li.hasSub a{padding-left:22px}
#menu ul li.hasSub a:after{color:#fff;margin-right:3px;margin-top:1px;position:absolute;display:inline-block;content:'\f107';font-family:FontAwesome;font-weight:400;font-size:15px;text-rendering:auto;transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important}
#menu ul li.hasSub ul li a:after{display:none!important}
#menu ul li:hover ul{right:auto;z-index:9999}
#menu ul li ul{position:absolute;right:-9999px;z-index:9999;width:170px;margin:0;padding:0}
#menu ul li ul li{background-color:#fff;float:none!important;display:block;padding:0;margin-left:0;height:auto}
#menu ul li ul li:hover{background-color:#212121}
#menu ul li ul#sub-menu li a{padding:10px;font-size:11px;line-height:36px;text-transform:uppercase;text-decoration:none;color:#222!important;font-weight:700;height:auto}
#menu ul li ul#sub-menu li:hover a{color:#FFF!important}
#menu ul li,#menu ul li ul{outline:0;transition:all 0 ease!important;-webkit-transition:all 0 ease!important;-moz-transition:all 0 ease!important;-o-transition:all 0 ease!important}
.selectnav{display:none}
#selectnav1{background:#212121 url(http://4.bp.blogspot.com/-XmVTbf5RQLY/VmT4NfoMGOI/AAAAAAAACSI/F2sRS-yCpPI/s1600-r/menu.png) no-repeat left top;margin-top:0}
select.selectnav option:fist-child{text-transform:uppercase}
select.selectnav{color:#E4E4E4;padding:0 5px 0 10px;border:0;font:14px Montserrat, sans-serif;cursor:pointer;width:100%;height:40px;line-height:40px;border-radius:0}
.header-search{position:relative;float:left}
.header-search li{list-style:none}
.header-search a.search{-webkit-transition:all .3s ease-out 0;-moz-transition:all .3s ease-out 0;transition:all .3s ease-out 0;cursor:pointer;display:block;height:55px;text-align:center;position:relative;left:0;top:0;width:40px;border-radius:0}
.header-search a.search:hover{background-color:$(color.theme)}
.header-search a.search:before{color:#000;content:'\f002';font:normal normal normal 22px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:55px}
.header-search a.active:before,.header-search a.search:hover:before{color:#FFF}
.header-search a.search.active{background-color:$(color.theme);border-right:0;border-radius:0}
.header-search a.search.active form{display:block}
.header-search a.search form{display:none;position:absolute;left:40px;top:0;z-index:2}
.header-search a.search form input{box-shadow:none;height:55px;padding:0 12px;width:160px;background-color:#212121;font-family:'Droid Arabic Naskh', sans-serif;color:#fff;margin-top:0;border-radius:0;border:0;line-height:55px}
#header-navigation .header-search li a{cursor:pointer;-webkit-transition:all .3s ease-out 0;-moz-transition:all .3s ease-out 0;transition:all .3s ease-out 0}
#content-wrapper{margin:45px auto 5px;overflow:hidden}
#main-wrapper{     float: right;

    overflow: hidden;
    width: 755px;
    word-wrap: break-word;
    border-left: 1px solid #f3f3f3;
    padding-left: 27px;}
.m-rec{margin-bottom:0;padding-bottom:3px}
.m-rec h2{display:inline-block}
.m-rec h2 a{color:#CBCBCB;font-weight:700;line-height:normal;font-size:13px;text-transform:uppercase;display:block}
#ads-blog{display:none}
.home #ads-blog{display:block}
.home-ad .widget{    width: 100%;
    height: auto;
    padding: 0px 0 30px;
    margin: 0 auto;text-align:center}
.ads-posting .home-ad .widget{width:728px;max-height:90px;margin:0 auto;padding:20px 0 5px}
.feat-layout .feat-title h2.title{font-size:13px;font-weight:500;display:inline-block}
.feat-title{margin:0}
.feat-title h2{padding:0 0 10px;display:inline-block}
.feat-title h2 a{color:#CBCBCB;font-weight:700;line-height:normal;font-size:13px;text-transform:uppercase;display:block}
.p-date{color:#bdbdbd;font-weight:400;font-size:12px}
.p-date:before{content:'\f133';font-family:fontawesome;color:#bdbdbd}
.p-author:before{content:'\f007';font-family:fontawesome;color:#bdbdbd}
.p-author{color:#bdbdbd;font-weight:400;font-size:12px}

.sf-entry-flag {
    display: inline-block;
    position: absolute;
    z-index: 1;
    right: 0;
    text-align: center;
    background-color: rgba(0,0,0,.2);
    color: #fff;
}
.sf-entry-flag-trending {
    top: 0;
    width: 2.5em;
    height: 2.2em;
    line-height: 2.2 !important;
    font-size: 1.14285em;
}
.sf-entry-flag-trending {
    background-color: #e87a9d;
}

.intro{position:relative;    margin-bottom: 35px;}
.intro .widget .feat-content {margin-bottom:20px!important;height:585px;overflow:hidden}
.intro h2{display:none;display:none}
.intro .rcp-thumb{width:100%;height:292px;display:block;transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important}
.intro li:hover .rcp-thumb{-webkit-transform:scale(1.1)important;-moz-transform:scale(1.1)!important;transform:scale(1.1)!important;transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important}
.intro .rcp-title{font-size:20px}
.intro .rcp-thumb:after{content:no-close-quote;position:absolute;bottom:0;width:100%;height:151px;background:url(http://2.bp.blogspot.com/-prvvB8O4yno/Vpxm7GhblYI/AAAAAAAACmo/lGho0jYx-Eg/s1600-r/gradient.png) repeat-x;background-size:100% 151px;opacity:.8}
.intro li{width:50%;height:292px;position:relative;padding:0;z-index:2;overflow:hidden;    background-color: #010101 !important;}
.intro li:nth-child(2){margin-bottom:1px}
.intro li:first-child{    width: 49.912%;
    height: 585px;
    margin-left: 1px;}
.intro li:first-child .rcp-thumb{height:585px}
.intro li:first-child .rcp-title{font-size:35px}
.intro .post-panel{position:absolute;bottom:20px}
.intro .rcp-title a{color:#FFF;font-weight:700;position:relative;bottom:10px;line-height:14px}
.intro .rcp-thumb:after{right:0}
.intro li{float:left}
.intro li:first-child{float:right}
.intro .post-panel{right:20px;left: 20px;}
.item .intro {display: none;}

.feat .primeiro-thumb,.feat .mag-thumb,.carousel.recent-block .mag-thumb{transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important}
.feat .primeiro-thumb:hover,.feat .mag-thumb:hover{-webkit-transform:scale(1.1)important;-moz-transform:scale(1.1)!important;transform:scale(1.1)!important;transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important}
.feat .primeiro .feat-thumb{width:100%;height:300px}
.feat .primeiro-thumb{width:100%;height:300px;display:block}
.feat .primeiro{overflow:hidden}
.feat-thumb{overflow:hidden}
.feat1 ul{overflow:hidden}
.feat ul li .feat-thumb{width:100%;height:150px;margin-bottom:10px}
.feat ul li .mag-thumb{width:100%;height:150px;display:block}
.feat ul li .mag-content{display:block}
.feat .feat-headline a{font-weight:700;color:#010101;display:inline-block}
.feat ul li .mag-content .feat-headline a{font-size:16px;padding:6px 5px 0 0;line-height:1.33;font-weight:400;letter-spacing:-0.6px}
.feat .primeiro-content .feat-headline a{font-size:22px;line-height:1.33em;letter-spacing:-0.6px}
.feat .recent-des{margin:10px 0px 0px;color:#919191;font-size:13.3px;line-height:1.65;font-weight:400}
.feat1{padding-bottom:20px}
.feat1 .primeiro{width: 60%;float:right;margin-left:3%}
.feat1 .primeiro .feat-thumb{display:block}
.feat1 .primeiro-thumb{display:block}
.feat1 .primeiro-content{float:right;display:block}
.feat1 ul li{display:block;float:right;width:37%;padding-bottom:0;margin-bottom:20px;padding-top:0;height:auto}
.feat1 ul li:nth-of-type(2){margin-bottom:0}
.feat-headline a:hover{color:$(color.theme)}
.p-date:before{margin-left:5px}
.p-author:before{margin-left:5px}
.p-date{margin-right:10px}
.feat1 .primeiro-content .feat-headline {padding:10px 0}
.feat-layout .widget-content,.feat-layout h2.title{display:none}
.label,.search-query{padding:0 0 6px}
.label span,.search-query span{color:#CBCBCB;font-weight:700;line-height:normal;font-size:13px;text-transform:uppercase;display:inline-block}
.post{display:block;overflow:hidden;word-wrap:break-word}
.index .post,.archive .post{      margin-bottom: 30px;
    padding: 20px;
    background-color: #fff;
}

.index .post-outer {
    width: 48.66%;
    float: right;
    margin-left: 20px;
}

.index .post-outer:nth-child(2n+2) {
    margin-left: 0px;
}

.block-image{float:right;width:327px;height:240px;margin-bottom:20px}
.block-image .thumb{width:100%;height:240px;position:relative;display:block;z-index:2;overflow:hidden}
.block-image a{width:100%;height:240px;display:block;transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important}
.block-image a:hover{-webkit-transform:scale(1.1)!important;-moz-transform:scale(1.1)!important;transform:scale(1.1)!important;transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important}
.retitle h2{margin:8px 0;display:block}
.post h2 a,.post h2 a:visited,.post h2 strong{color:#010101;font-weight:700;text-decoration:none;    font-size: 21.6px;
    line-height: 29px!important;
    font-family: "Droid Arabic Naskh", sans-serif;}
.post h2 a:hover{color:$(color.theme)}
.post_author_date{color:#C4C4C4;font-size:13px;font-weight:400;line-height:23px;margin:0 0 25px;text-transform:uppercase}
.post_author{font-weight:600;margin-left:5px}
div.post_author_date a{text-decoration:none}
.resumo{margin-top:20px;color:#919191;font-size:13.3px;line-height:1.65}
.resumo span{display:block;margin-bottom:8px}
.widget iframe,.widget img{max-width:100%}
.index .post-footer,.archive .post-footer{display:none!important}
.index .post h2,.archive .post h2{margin:20px 0 20px;padding:0}
.item .post,.static_page .post{padding:0 0 25px;    padding: 25px;
    background-color: #fff;}
.date-header{color:#bdbdbd;display:block;overflow:hidden;font-size:12px;font-weight:400;line-height:1.3em;margin:0!important;padding:0}
.date-header a{color: #000000;
    font-size: 13px;
    font-family: "Droid Arabic Naskh", sans-serif;
    font-weight: 500;}
#meta-post .fa-clock-o{margin-right:8px;}
.post-meta{color:#bdbdbd;display:block;font-size:13px;font-weight:400;line-height:21px;margin:0;padding:0}
.hreview{display:none!important}
.postags{position:absolute;top:5px}
.postags a{padding:5px;display:inline-block;background:#FFC000;margin:0;color:#fff}
.postags a:nth-child(2){background-color:#444}
.postags a{display:none}
.postags a:first-child,.postags a:nth-child(2){display:inline-block}
.postags a:hover{background:#aaa}
.breadcrumbs .fa-angle-left:before{margin:0 5px}
.breadcrumbs{margin:0;font-size:13px}
.breadcrumbs span a.bhome{color:$(color.theme)}
.breadcrumbs span,.breadcrumbs span a{color:#010101}
.breadcrumbs span a:hover{color:$(color.theme)}
.item article{margin-top:20px}
.item .post-head,.static_page .post-head{margin:15px 0 5px;position:relative}
.item .post-title,.static_page .post-title{color:#010101;display:inline-block;padding-bottom:5px;font-size:36px;line-height:1.33;font-weight:700;position:relative}
.item .post-body,.static_page .post-body{width:100%;color:#5E5E5E;font-size:15px;line-height:1.5em;overflow:hidden}
.item .post-outer{padding:0}
.item .post-body img{max-width:100%}
.post-meta a,.post-meta i{color:#CBCBCB}
.post-timestamp{margin-right:5px}
.label-head{margin-right:5px}
.label-head a{padding-right:2px}
.label-head a:hover{color:$(color.theme)}
.main .widget{margin:0}
.main .Blog{border-bottom-width:0}
#ads-post10{display:none}
.ads-post .widget{width:728px;max-height:90px;margin:0 auto 25px}
.share-box{    margin: 30px 0 10px;
    
    position: relative;
    padding-bottom: 10px;}

.sf-module-title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin: 1rem 0 25px;
    width: 100%;
    font-size: 1rem;
    -webkit-align-items: center;
    align-items: center;
}

.sf-module-title:before, .sf-module-title:after {
    display: inline-block;
    content: " ";
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0;
    height: 1px;
}

.sf-module-title.sf-has-line:before, .sf-module-title.sf-has-line:after {
    background-color: #d7d7d7;
}

.sf-entry-singular .sf-module-title.sf-has-line:before, .sf-entry-singular .sf-module-title.sf-has-line:after {
    background-color: transparent;
    border-top: 1px solid #d7d7d7;
}
.sf-module-title .sf-title {
    display: inline-block;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin: 0;
    padding: 0 20px;
    text-transform: uppercase;
    font-weight: 900;
    font-size: inherit;
    white-space: nowrap;
    font-family: "Droid Arabic Naskh", sans-serif;
}




.share-title{color:#010101;display:inline-block;padding-bottom:10px;font-size:13px;font-weight:700;position:relative;top:5px;text-transform:uppercase}
.share-art{float:left;padding:0;padding-top:0;font-size:13px;font-weight:400;text-transform:capitalize}
.share-art a{color:#fff;padding:3px 8px;margin-right:4px;border-radius:2px;display:inline-block;margin-left:0}
.share-art a:hover{color:#fff}
.share-art .fac-art{background:#3b5998}
.share-art .fac-art:hover{background:rgba(49,77,145,0.7)}
.share-art .twi-art{background:#00acee}
.share-art .twi-art:hover{background:rgba(7,190,237,0.7)}
.share-art .goo-art{background:#db4a39}
.share-art .goo-art:hover{background:rgba(221,75,56,0.7)}
.share-art .pin-art{background:#CA2127}
.share-art .pin-art:hover{background:rgba(202,33,39,0.7)}
.share-art .lin-art{background:#0077B5}
.share-art .lin-art:hover{background:rgba(0,119,181,0.7)}
#related-posts{margin-bottom:10px}
.related li{width:30.835%;display:inline-block;height:auto;min-height:184px;float:right;margin-left:24px;overflow:hidden;position:relative}
.related-thumb{width:100%;height:160px;overflow:hidden}
.related li .related-img{width:100%;height:160px;display:block;transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important}
.related li .related-img:hover{-webkit-transform:scale(1.1)!important;-moz-transform:scale(1.1)!important;transform:scale(1.1)!important;transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important}
.related-title a{font-size:14px;line-height:1.33em;padding:10px 5px 10px 0;font-weight:400;color:#010101;display:block}
.related-title a:hover{color:$(color.theme)}
.related li:nth-of-type(3),.related li:nth-of-type(6),.related li:nth-of-type(9){margin-left:0}
.static_page .post-meta,.static_page .old_new{display:none}
.error_page #main-wrapper{width:100%!important;margin:0!important}
#errr{margin:60px auto;text-align:center;padding:0;line-height:4em}
.error_page a.homepage{padding:10px 20px;color:#fff;background-color:#010101;border-radius:2px}
.error_page a.homepage:hover{background-color:$(color.theme)}
#errr .error{font-size:20px;text-align:center;font-weight:700}
#errr .nerrr{font-size:150px;text-align:center;color:$(color.theme);font-weight:700}
#errr .nerrr span.fa{font-size:135px;margin:0 10px;color:#010101;font-weight:700}
#errr .fa-frown-o:before{content:&quot}
.error_page .sidebar-wrapper,.error_page .old_new{display:none}
@media only screen and (max-width: 768px) {
#errr{margin:50px auto 50px}
#errr p{line-height:2.5em}
}
@media only screen and (max-width: 359px) {
#errr .nerrr{font-size:100px}
#errr .nerrr span.fa {font-size:75px}
}
@media only screen and (max-width: 319px) {
#errr .nerrr{font-size:80px}
#errr span.fa.fa-frown-o{font-size:65px}
#errr p{line-height:2.5em}
}
.widget-title {
      display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin: 5px 0 20px;
    -webkit-align-items: center;
    align-items: center;
}

.widget-title:before, .widget-title:after {
    display: inline-block;
    content: " ";
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0;
    background-color: rgba(0,0,0,0.15);
    height: 1px;
}

.uk-featured-post{    overflow: hidden;
    display: block;
    margin-bottom: 25px;
    background: #fff;
    padding: 20px;}
.uk-featured-post .uk-column1{float:right;width:69%;box-sizing:border-box;padding-left:20px}
.uk-featured-post .uk-column2{float:left;width:30%}
.uk-featured-post .uk-column2 .item2{margin-bottom:15px}
.uk-featured-item{overflow:hidden;position:relative;padding:0}
.uk-post-thumb{width:100%;height:150px;display:block;overflow:hidden;position:relative}
.uk-post-thumb .uk-image{display:block;height:150px;overflow:hidden}
.uk-column1 .uk-post-thumb,.uk-column1 .uk-post-thumb .uk-image{height:308px}
.uk-post-caption{position:relative;width:100%;padding:10px 0 0;box-sizing:border-box}
.uk-column1 .uk-post-caption{padding:18px 0 0}
.uk-post-title{    margin-bottom: 5px;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Droid Arabic Naskh';
    font-weight: 700;
    letter-spacing: -0.4px;
    margin: 0 0 11px;}
.uk-column1 .uk-post-title{    font-size: 22px;
    font-family: 'Droid Arabic Naskh';
    line-height: 28px;
    font-weight: 700;
    letter-spacing: -0.4px;
    margin: 0 0 11px;}
.uk-post-title a{color:#222}
.uk-post-title a:hover{color:$(color.theme)}
.uk-post-meta{font-weight:400;display:inline-block}
.uk-snippet span{margin-top: 0;
    color: #666666;
    font-size: 13px;
    line-height: 22px;
    margin: 0 0 10px;
    font-family: 'Droid Arabic Naskh',sans-serif;}
.uk-post-meta span{float:right;    padding: 0;
    margin: 0;
    font-family: 'Droid Arabic Naskh', sans-serif;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    color: #666;}
.uk-column1 .uk-post-meta span{font-size:11px;line-height:1.3em}
.uk-post-meta span strong{color:#222}
.uk-post-meta span:after{content:"-";margin:0 8px}
.uk-post-meta span.uk-date:after{display:none}
.uk-column1 .meta-border{margin:3px 0 14px}

.uk-post-thumb > a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    right: 0;
    top: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.uk-post-thumb:hover > a:before {
    opacity: 0.3;
}




.firstcharacter{float:right;color:$(color.theme);font-size:75px;line-height:60px;padding-top:4px;padding-left:8px;padding-right:3px}
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin-bottom:15px;color:#010101}
blockquote{font-style:italic;color:#999;border-right:5px solid $(color.theme);margin-right:0;padding:10px 15px}
blockquote:before{content:'\f10d';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;color:#999}
blockquote:after{content:'\f10e';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;color:#999}
.widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400}
.widget .post-body li{margin:5px 0;padding:0;line-height:1.5}
.post-body ul li:before{content:"\f105";margin-left:5px;font-family:fontawesome}
.blogger-tab{display:block}
.comments{clear:both;margin-top:0;margin-bottom:0;color:#010101}
.comments h4{font-size:13px;text-transform:capitalize;font-weight:400;padding:10px 0;margin:0;border-bottom:1px solid #eee}
.comments .comments-content{padding:10px 0}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:8px}
.comments .comments-content .comment:first-child{padding-top:0}
.cmm-tabs .content-tab{background-color:transparent;padding:0}
.cmm-tabs-header{background:#010101;height:40px;margin-bottom:0px;position:relative}
.cmm-tabs-header h3 {display:inline-block;margin:0;color:#E4E4E4;font-weight:700;text-transform:uppercase;font-size:13px;height:40px;line-height:40px;padding-right:10px}
.cmm-tabs-header h3 h9{display:none}
.simplyTab .cmm-tabs-header .wrap-tab{float:left}
.cmm-tabs-header .wrap-tab a{height:auto;line-height:40px;padding:0px 10px;font-size:14px;display:inline-block}
.cmm-tabs-header .wrap-tab li{float:right;width:auto}
.facebook-tab,.fb_iframe_widget_fluid span,.fb_iframe_widget iframe{width:100%!important}
.comments .item-control{position:static}
.comments .avatar-image-container{float:right}
.comments .avatar-image-container,.comments .avatar-image-container img{height:35px;max-height:35px;width:35px;max-width:35px;border-radius:2px}
.comments .comment-block{padding:10px;box-shadow:none;border:1px solid #eee;border-radius:2px}
.comments .comment-block,.comments .comments-content .comment-replies{margin-right:47px;margin-top:0}
.comments .comments-content .inline-thread{padding:0}
.comments .comments-content .comment-header{font-size:14px;border-bottom:1px solid #eee;padding:0 0 3px}
.comments .comments-content .user{font-style:normal;font-weight:400}
.comments .comments-content .icon.blog-author{font-weight:400}
.comments .comments-content .comment-content{text-align:justify;font-size:14px;line-height:1.4em}
.comments .comment .comment-actions a{margin-left:5px;padding:2px 5px;color:#010101;font-weight:400;background-color:#f0f0f0;font-size:10px;letter-spacing:1px}
.comments .comment .comment-actions a:hover{color:$(color.theme);text-decoration:none}
.comments .comments-content .datetime{margin-right:0;float:left;font-size:11px}
.comments .comments-content .comment-header a{color:inherit}
.comments .comments-content .comment-header a:hover{color:$(color.theme)}
.comments .comments-content .icon.blog-author:before{content:"\f007";font-size:12px;font-family:FontAwesome}
.comments .thread-toggle{margin-bottom:4px}
.comments .comments-content .comment-thread{margin:4px 0}
.comments .continue a{padding:0;padding-top:10px;padding-right:47px;font-weight:500}
.comments .comments-content .loadmore.loaded{margin:0;padding:0}
.comments .comment-replybox-thread{margin:0}
iframe.blogger-iframe-colorize,iframe.blogger-comment-from-post{height:243px!important}
.cmm-tabs.simplyTab .content-tab{background-color:transparent;padding:0;margin-top:0}
.cmm-tabs.simplyTab .wrap-tab li a{text-transform:uppercase;color:#E4E4E4;font-weight:400;background-color:#171717;height:40px;font-size:10px;letter-spacing:1px}
.cmm-tabs.simplyTab .wrap-tab li a.activeTab{background-color:$(color.theme);color:#fff}
.posts-title h2 a:before{margin-left:10px}
.cmm-tabs.simplyTab .wrap-tab{float:left}
.cmm-tabs.simplyTab .wrap-tab li{padding:0;line-height: 0;margin-right:0}
.wrap-tab{list-style:none}
.content-tab{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease}
#blog-pager{clear:both;text-align:center;margin:0}
.index .blog-pager,.index #blog-pager{display:block}
.index .blog-pager,.index #blog-pager,.archive .blog-pager,.archive #blog-pager{padding:10px 0 40px;text-align:right}
#blog-pager-newer-link a,#blog-pager-older-link a{display:block;float:right;margin-left:6px;padding:0 13px;border:1px solid #010101;text-transform:uppercase;line-height:32px;font-weight:700;color:#010101}
#blog-pager-newer-link a:hover,#blog-pager-older-link a:hover{background-color:#010101;color:#fff!important}
.showpageNum a,.showpage a,.showpagePoint{display:block;float:right;margin-left:6px;padding:0 12px;border:1px solid #dbdbdb;text-transform:uppercase;line-height:32px;font-weight:700;color:#010101}
.showpageNum a:hover,.showpage a:hover{background-color:#fff;color:#000!important}
.showpageNum a i,.showpage a i{transition:all .0s ease;-webkit-transition:all .0s ease;-moz-transition:all .0s ease;-o-transition:all .0s ease}
.showpagePoint{background-color:#fff;color:#000}
.showpageOf{display:none!important}
.feed-links{clear:both;display:none;line-height:2.5em}
.sidebar-wrapper{float:left;overflow:hidden;width:345px;padding-top:0;padding-bottom:20px;word-wrap:break-word;color:#666;line-height:1.5em}
.sidebar-wrapper .widget{padding:0;background:#FFF;overflow:hidden;padding: 15px;
    margin-bottom: 30px;}

.sidebar h2{    color: #222222;
       font: 700 14px "Roboto", sans-serif;
    display: inline-block;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    margin: 0;
    padding: 0 20px;
    text-transform: uppercase;

    font-weight: 700;
    white-space: nowrap;}


.sidebar ul{list-style:none}
.sidebar li{margin:0;padding-bottom:.25em;padding-left:0;padding-top:0}
.sidebar .widget-content{margin:0}
.list-label-widget-content li{display:block;padding:8px 0;border-bottom:1px solid #f3f3f3;position:relative}
.list-label-widget-content li a:before{content:'\203a';position:absolute;right:0px;top:2px;font-size:22px;color:#010101}
.list-label-widget-content li a{color:#010101;font-size:12px;padding-right: 20px;font-weight:400;text-transform:uppercase}
.list-label-widget-content li a:hover{color:$(color.theme)}
.list-label-widget-content li span:last-child{color:#dbdbdb;font-size:12px;font-weight:700;position:absolute;top:9px;left:0}
.cloud-label-widget-content{margin-top:10px}
.cloud-label-widget-content span a{font-size:13px;color:#999;background-color:#f4f4f4;padding:7px 14px;float:right;position:relative;display:inline-block;margin:0 5px 5px 0;text-transform:capitalize}
.cloud-label-widget-content span a:hover{color:#fff;background-color:$(color.theme)}
.cloud-label-widget-content span span{font-size:13px;color:#757575;background-color:#f9f9f9;padding:7px 14px;float:right;position:relative;display:inline-block;margin:0 5px 5px 0;text-transform:capitalize;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.label-size-1,.label-size-2{opacity:100}
.FollowByEmail td{width:100%;float:right}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit{margin-right:0;width:100%;border-radius:0;height:30px;font-size:11px;    font-family:Droid Arabic Naskh;color:#fff;background-color:$(color.theme);text-transform:uppercase;letter-spacing:1px}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background-color:#333;color:#FFF}
.FollowByEmail .follow-by-email-inner .follow-by-email-address{padding-right:10px;height:35px;border:1px solid #EEE;margin-bottom:5px;font:normal normal 13px Montserrat, sans-serif;font-size:12px;box-sizing:border-box}
.FollowByEmail .follow-by-email-inner .follow-by-email-address:focus{border:1px solid #EEE}
.FollowByEmail .widget-content:before{content:"كن أول من تصله أحدث المقالات فقط عبر إدخال بريدك الإلكتروني والإشتراك.";font-size:12px;color:#666;line-height:1.4em;margin-bottom:5px;display:block}
.flickr_widget .flickr_badge_image{float:right;margin-bottom:5px;margin-left:10px;overflow:hidden;display:inline-block}
.flickr_widget .flickr_badge_image:nth-of-type(4),.flickr_widget .flickr_badge_image:nth-of-type(8),.flickr_widget .flickr_badge_image:nth-of-type(12){margin-left:0}
.flickr_widget .flickr_badge_image img{max-width:67px;height:auto}
.flickr_widget .flickr_badge_image img:hover{opacity:.5}
#ArchiveList select{border:1px solid #EEE;border-radius:2px;padding:8px;width:100%;cursor:pointer;font:normal normal 13px Montserrat, sans-serif}
.PopularPosts .item-thumbnail{margin:0 10px 0 0 !important;width:80px;height:60px;float:right;overflow:hidden}
.PopularPosts ul li img{padding:0;width:80px;height:60px;transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important}
.PopularPosts ul li img:hover{-webkit-transform:scale(1.1)!important;-moz-transform:scale(1.1)!important;transform:scale(1.1)!important;transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important}
.PopularPosts .widget-content ul li{overflow:hidden;border-top:1px solid #EEE;padding:10px 0}
.sidebar .PopularPosts .widget-content ul li:first-child,.sidebar .roma-widget li:first-child{padding-top:0;border-top:0}
.PopularPosts ul li a{color:#010101;font-weight:400;font-size:14px;line-height:1.4em}
.PopularPosts ul li a:hover{color:$(color.theme)}
.PopularPosts .item-title{margin:0;padding:0}
.PopularPosts .item-title .popular_span{color:#C4C4C4;font-size:13px;font-style:normal;line-height:21px;margin-top:3px}
.sidebar .roma-widget li{overflow:hidden;padding:10px 0}


.sidebar-wrapper .roma-widget .wid-thumb{width:100%;height:160px;margin-left:15px;overflow:hidden;    margin-bottom: 10px;}
.sidebar-wrapper .roma-widget .mag-thumb{display:block;width:100%;height:160px;transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important}
.roma-widget .mag-thumb:hover{-webkit-transform:scale(1.1)!important;-moz-transform:scale(1.1)!important;transform:scale(1.1)!important;transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important}
.sidebar-wrapper .roma-widget .wrp-titulo{overflow: hidden;
    width: 80%;
    text-align: center;
    margin: 0 auto;
    margin-top: 15px;}
.sidebar-wrapper .roma-widget .wrp-titulo a{color:#010101;    font-family: "Droid Arabic Naskh", sans-serif;
    text-align: center;
    line-height: 24px!important;
    font-size: 16px;
    font-weight: 700;}


.roma-widget .wid-thumb {
    width: 134px;
    height: 89px;
    float: right;
    margin-left: 15px;
    overflow: hidden;
}
.roma-widget .mag-thumb {
    display: block;
    width: 134px;
    height: 89px;
    transition: all .3s ease-out!important;
    -webkit-transition: all .3s ease-out!important;
    -moz-transition: all .3s ease-out!important;
    -o-transition: all .3s ease-out!important;
}

.roma-widget .wrp-titulo {
    font: normal normal 15px;
    margin: 0 0 5px;
    overflow: hidden;
}
.roma-widget .wrp-titulo a {
font-family: "Droid Arabic Naskh", sans-serif;
    text-align: center;
    line-height: 22px!important;
    font-size: 16px;
    font-weight: 700;
}


.roma-widget .wrp-titulo a:hover{color:$(color.theme)}
.post-nav li{padding:0;display:inline-block;width:50%}
.post-nav li strong{display:block;padding:0 0 5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:13px}
.post-nav li strong i{transition:all .0s ease;-webkit-transition:all .0s ease;-moz-transition:all .0s ease;-o-transition:all .0s ease}
ul.post-nav{background-color:#FFF;border-bottom:1px solid #d7d7d7;border-top:1px solid #d7d7d7;display:block;width:100%;overflow:hidden}
.post-nav li a{color:#010101;line-height:1.33;display:block;padding:15px 0;transition:all .0s ease;-webkit-transition:all .0s ease;-moz-transition:all .0s ease;-o-transition:all .0s ease}
.post-nav li:hover a{color:$(color.theme)}
ul.post-nav span{font-weight:400}
.post-nav .previous{float:right;min-height:80px;border-left:1px solid #d7d7d7;box-sizing:border-box;padding-left:10px}
.post-nav .next{text-align:left}
h2{margin:0}
#footer-wrapper{background-color:#fff}
#footer{display:block;overflow:hidden;width:100%}
.footer-sections{overflow:hidden;margin:0 auto;padding:45px 0 35px}
.sect-right{display:inline-block;float:right;width:31.655%;margin-left:25px}
.sect-right:nth-child(3){margin-left:0}

.sect-right h2{        color: #222222;
    font: 700 14px "Roboto", sans-serif;
    display: inline-block;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    margin: 0;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 700;
    white-space: nowrap;}


.sect-right h2 a{color:#E4E4E4}
.sect-right .PopularPosts ul li a{color:#E4E4E4}
.sect-right .PopularPosts .widget-content ul li{border-top:1px solid #171717}
.sect-right .PopularPosts .widget-content ul li:first-child{padding-top:0;border-top:0}
.footer-column .roma-widget li{overflow:hidden;border-bottom:1px solid #eee;padding:10px 0}
.sect-right .roma-widget .wrp-titulo a{color:#000}
.sect-right .roma-widget li{overflow:hidden;border-top:1px solid #eee;padding:10px 0}
.sect-right .PopularPosts .widget-content ul li:first-child,.sect-right .roma-widget li:first-child{padding-top:0;border-top:0}
.sect-right .roma-widget .wrp-titulo a:hover,.sect-right .PopularPosts ul li a:hover{color:$(color.theme)}
.footer-wrapper{    color: #222;
    display: block;
    padding: 15px 0 13px;
    width: 100%;
    border-top: 1px solid #eee;
    overflow: hidden;}
.footer-wrapper .footer-sec{margin:0 auto}
.footer-wrapper .copyleft{font-size:12px}
.footer-wrapper .copyleft a{color:#666}
.footer-wrapper .copyleft a:hover{color:$(color.theme)}
.footer-wrapper #social-footer{float:left;position:relative;display:block;margin-left:-12px}
.footer-wrapper #social-footer ul{overflow:hidden}
.footer-wrapper #social-footer ul li{display:block;float:right;margin-left:10px;margin-right:10px}
.footer-wrapper #social-footer ul li a{display:block;float:right;text-decoration:none;color:#666}
.footer-wrapper #social-footer ul li a:hover{color:$(color.theme)}
.footer-wrapper #social-footer ul li a:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.footer-wrapper a:active,.footer-wrapper #social-footer ul li a:active{color:$(color.theme)}
#social-footer .facebook:before{content:"\f230"}
#social-footer .twitter:before{content:"\f099"}
#social-footer .gplus:before{content:"\f0d5"}
#social-footer .rss:before{content:"\f09e"}
#social-footer .youtube:before{content:"\f167"}
#social-footer .skype:before{content:"\f17e"}
#social-footer .stumbleupon:before{content:"\f1a4"}
#social-footer .tumblr:before{content:"\f173"}
#social-footer .vine:before{content:"\f1ca"}
#social-footer .stack-overflow:before{content:"\f16c"}
#social-footer .linkedin:before{content:"\f0e1"}
#social-footer .dribbble:before{content:"\f17d"}
#social-footer .soundcloud:before{content:"\f1be"}
#social-footer .behance:before{content:"\f1b4"}
#social-footer .digg:before{content:"\f1a6"}
#social-footer .instagram:before{content:"\f16d"}
#social-footer .pinterest:before{content:"\f0d2"}
#social-footer .delicious:before{content:"\f1a5"}
#social-footer .codepen:before{content:"\f1cb"}
.sect-right .FollowByEmail .widget-content:before{color:#ddd;margin-top:5px}
.sect-right .FollowByEmail .follow-by-email-inner .follow-by-email-submit{background-color:rgba(255,255,255,0.1);}
.sect-right .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background-color:$(color.theme)}
.sect-right .widget:nth-of-type(2) .widget-title {margin-top:10px}
.sect-right #ArchiveList select{border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.1);color:#ddd}
.sect-right #ArchiveList select option{color:#010101}
.sect-right .cloud-label-widget-content span a{color:#000;}
.sect-right .cloud-label-widget-content span a:hover{color:#fff;background-color:$(color.theme)}
#back-to-top{background-color:#010101;color:#fff;padding:7px 10px;border-radius:3px;font-size:16px;line-height:1;text-align:center;transition:all .0s ease;-webkit-transition:all .0s ease;-moz-transition:all .0s ease;-o-transition:all .0s ease}
#back-to-top:hover{background-color:$(color.theme);transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}
.back-to-top{position:fixed!important;position:absolute;bottom:70px;left:50px;z-index:9999}

]]></b:skin>
  
<b:template-skin><![CDATA[
/*------التخطيط لا تعدل شيء هنا----------*/
body#layout .row {width: 900px;}
body#layout #outer-wrapper{padding:0;width:900px}
body#layout .section h4{color:#333!important}
body#layout .theme-opt{overflow:hidden;     display: block!important;}
body#layout #option{overflow:hidden; display:block}
body#layout #option h4{font-size:16px;padding:4px 0 7px}
body#layout #option .widget{float:right;width:20%}
body#layout #option .widget.locked-widget .widget-content{background-color: #ff7575 !important;
    border-color: #840000 !important;
    color: #fff !important;}
body#layout #option .widget.locked-widget .widget-content a.editlink{color:#fff!important;border:1px solid;border-radius:2px;padding:2px 5px}
body#layout #topnav,body#layout .tm-head{height:auto}
body#layout .tm-menu{margin:0;width:70%}
body#layout .social-area{margin:0;width:30%}
body#layout .header-content,body#layout #header-blog{height:160px}
body#layout .header-logo{float:right;width:30%;margin:0;padding:0}
body#layout .header-ads{width:70%;margin:0}
body#layout .header-menu li.home-child{display:none}
body#layout .header-search,body#layout .m-rec{display:none}
body#layout .header-menu{float:right;width:100%;margin:4px 0 0;padding:0}
body#layout #content-wrapper{margin:0 auto}
body#layout .feat-layout .widget-content,body#layout .feat-layout h2.title,body#layout #ads-blog{display:block}
body#layout #main-wrapper{float:right;width:70%;margin:0;padding:0}
body#layout #ads-post10{display:block}
body#layout .sidebar-wrapper{float:left;width:30%;margin:0;padding:0}
body#layout #footer-wrapper{overflow:hidden}
body#layout .sect-right{width:28.3%;float:right}
body#layout #social-footer{width:30%;float:left}
body#layout #unwanted{display:none!important}
text-transform: uppercase;
font-size: 20px;
color: #999;
margin: 0 0 20px 0;
display: inline-block;
font-weight: 700;
padding: 20px;
font-family: sans-serif;
border: 4px double #FD856E;}
/*------Layout (end)----------*/
]]></b:template-skin>

<style type='text/css'>
/*----Responsive Design----*/
@media only screen and (max-width: 1099px) {
.row{width:960px}
#main-wrapper{width:615px}
.ads-post .widget,.home-ad .widget{max-width:100%}
.sect-right{width:31.55%}
.related li{width:30.55%;}
.back-to-top{display:none}
.intro li:first-child {
    width: 49.89%;
    height: 585px;
    margin-left: 1px;
}
.sidebar-wrapper {
    width: 315px;
}

.block-image {

    width: 100%;    height: auto;

}
.index .post-outer {
      width: 48.3%;}

.uk-featured-post{margin-bottom:15px}
  }

/*----Portrait----*/
@media only screen and (max-width: 979px) {
.row{width:740px;padding:0 20px;box-sizing:border-box}
#header-blog,.header-content{height:auto}
.header-logo{width:auto;float:none;margin:0 auto 34px}
.header-logo img{margin: 34px auto 0;}
.header-ads{float:none;margin:0 auto 20px}
#main-wrapper{width:100%;margin-left:0}
.sidebar-wrapper{float:none;width:100%}
.item .sidebar-wrapper{padding-top:10px}
.footer-sections{padding:15px 20px 10px}
.sect-right{width:100%;margin-left:0;margin-bottom:20px}
.sect-right:last-child{margin-bottom:0}
.flickr_widget .flickr_badge_image:nth-of-type(4),.flickr_widget .flickr_badge_image:nth-of-type(8),.flickr_widget .flickr_badge_image:nth-of-type(12){margin-left:10px}

.header-menu{    width: 50%;
    overflow: hidden;
    padding-top: 7px;
    padding-right: 10px;}
.nav-wrapper{padding-right:0}
#nav1,#nav,.header-menu li.home-child{display:none}
.tm-menu{width:35%}
#selectnav2{    background: #010101 url(//1.bp.blogspot.com/-V1pByIzy63Y/VmT858RDg8I/AAAAAAAACS4/j5RFxjKKbnY/s1600-r/menu2.png) no-repeat left 5px;
    height: 31px;
    line-height: 25px;
    padding: 2px 5px;
    font-size: 12px;
    box-sizing: border-box;
    margin-top: 4px;}
.selectnav{display:block}
.intro .rcp-thumb,.intro li {
  
    height: 199px;
    }


.intro li:first-child {
    width: 49.8%;
    height: 400px;
   
}
.intro .widget .feat-content,.intro li:first-child .rcp-thumb {
    height: 400px;
}
}

/*----Portrait 800----*/
@media only screen and (max-width: 800px) {

.block-image .thumb,.block-image a{height:207px} 
.index .post-outer {
    width: 100%;
    float: none;
    margin-left: 0px;
} 
.uk-featured-post .uk-column1{width:100%;padding-left:0}
.uk-column1 .uk-post-caption{float:right}
.uk-featured-post .uk-column2{float:left;width:100%;margin-top:15px}
.uk-featured-post .uk-column2 .item2{float:right;width:48.5%;margin-bottom:0}
.uk-featured-post .uk-column2 .item3{float:left;width:48.5%}
}

/*----Landscape----*/
@media only screen and (max-width: 767px) {
.row{width:100%;}
.header-menu{width:50%;overflow:hidden}
.nav-wrapper{padding-right:0}
#nav1,#nav,.header-menu li.home-child{display:none}
.tm-menu{width:35%}
#selectnav2{background:#010101 url(http://1.bp.blogspot.com/-V1pByIzy63Y/VmT858RDg8I/AAAAAAAACS4/j5RFxjKKbnY/s1600-r/menu2.png) no-repeat left top;height:22px;line-height:22px;padding:2px 5px;font-size:12px;box-sizing:border-box;margin-top:4px}
.selectnav{display:block}
.intro .widget .feat-content{height:auto}
.intro li{width:100%;float:right}
.intro li:first-child{width:100%;height:250px}
.intro li:first-child .rcp-thumb{height:250px}
.intro li:first-child .rcp-title{font-size:32px}
.intro li:nth-child(2){margin:20px 0}
}

/*----Landscape 640----*/
@media only screen and (max-width: 640px) {
.resp_del4,.resp_del5{display:none}
.related li{width:47%}
.related li:nth-of-type(3),.related li:nth-of-type(9){margin-left:24px}
.related li:nth-of-type(2),.related li:nth-of-type(4),.related li:nth-of-type(6),.related li:nth-of-type(8){margin-left:0}
}

/*----Mobile Portrait----*/
@media only screen and (max-width: 579px) {
.feat1 .primeiro {width:100%;margin-left:0}
.feat .primeiro-content .feat-headline a{font-size:24px}
.feat .primeiro .feat-thumb,.feat .primeiro-thumb{height:270px}
.feat1 ul li{width:48%;margin-top:20px;margin-bottom:0}
.feat1 ul li:nth-of-type(1){margin-left:4%}
.retitle{clear: both;display: block}
.block-image .thumb, .block-image, .block-image a {width: 100%;height: 230px;margin-left: 0; margin-bottom: 15px;float:right}
}

/*----Mobile Portrait 479----*/
@media only screen and (max-width: 479px) {
#selectnav1{width:99%;}
.tm-menu{width:25%}
.uk-featured-post .uk-column2 .item2{width:100%}
.uk-featured-post .uk-column2 .item3{float:right;width:100%;margin-top:15px}
.header-menu{width:80%}
.feat .primeiro-content .feat-headline a,.post h2 a,.post h2 a:visited,.post h2 strong{font-size:22px}
.feat .primeiro .feat-thumb,.feat .primeiro-thumb,.block-image .thumb,.block-image,.block-image a{height:180px}
.feat1 ul li{width:100%}
.feat1 ul li:nth-of-type(1){margin-left:0}
.item .post-title,.static_page .post-title{font-size:24px}
.resp_del,.resp_del2,.resp_del3{display:none}
.share-art .fac-art{padding:3px 10px}
.related li{width:100%;margin-left:0;min-height:auto}
.related-thumb{height:130px}
.related li .related-img{height:100%}
.cmm-tabs-header h3 h8,.comments .comments-content .datetime{display:none}
.cmm-tabs-header h3 h9{display:inline-block}
.cmm-tabs.simplyTab .wrap-tab li a{letter-spacing:0px}
.cmm-tabs-header .wrap-tab a{padding:0px 7px}
.footer-wrapper #social-footer{margin-left:0;width:100%;text-align:center}
.footer-wrapper #social-footer ul li {display:inline-block;float:none}
.footer-wrapper .copyleft{text-align:center;float:right;width:100%;margin-top:5px}
.intro li:first-child,.intro li:first-child .rcp-thumb{height:200px}
.intro li:first-child .rcp-title{font-size:25px}
.intro .rcp-title a{bottom:0}
.intro li,.intro .rcp-thumb{height:180px}
}

/*----Mobile Portrait 340----*/
@media only screen and (max-width: 340px) {
.row {padding:0 10px} 
.footer-sections{padding:15px 10px 10px}
.flickr_widget .flickr_badge_image:nth-of-type(4),.flickr_widget .flickr_badge_image:nth-of-type(8),.flickr_widget .flickr_badge_image:nth-of-type(12){margin-left:0}
}

/*----Mobile Portrait MINI 240----*/
@media only screen and (max-width: 319px) {
.tm-menu{width:100%}
.intro li:first-child,.intro li:first-child .rcp-thumb{height:160px}
.intro li:first-child .rcp-title{font-size:18px}
.intro li,.intro .rcp-thumb{height:130px}
.intro .rcp-title{font-size:15px}
.social-area{display:none}
.header-logo{float:none;text-align:center;margin:0 auto;min-width:inherit}
.header-logo img{margin:15px auto 0px}
.header-ads{margin:10px auto 10px}
.header-menu{width:100%}
.nav-wrapper{padding-right:0px;padding-left:0px}
#selectnav1{background:#010101 url(https://2.bp.blogspot.com/-i8oMcACpL5Q/WzFgNh3mMOI/AAAAAAAA240/BL6adTuNFj80PUkSRKBX3p6VWDUVmKljgCLcBGAs/s1600/menu.png) no-repeat left top;width:100%}
.header-search,.showpageOf{display:none}
.block-image .thumb, .block-image, .block-image a{height:140px}
.feat .primeiro-content .feat-headline a,.post h2 a,.post h2 a:visited,.post h2 strong {font-size:17px}
.index .post h2,.archive .post h2{margin:0}
.index .date-header{display:none}
.item .post-head,.static_page .post-head {margin:0px 0 5px}
.item .post-title,.static_page .post-title {font-size:18px}
.cmm-tabs-header{overflow:hidden}
.cmm-tabs.simplyTab .wrap-tab{float:right;width:100%;overflow:hidden;}
.cmm-tabs-header .wrap-tab li a{letter-spacing:0px;width:100%;box-sizing:border-box;padding:0}
.cmm-tabs-header .wrap-tab li{float:right;text-align:center;display:inline-block;box-sizing:border-box;width:33.33%}
.breadcrumbs,.share-art a:nth-of-type(4),.share-art a:nth-of-type(5),.cmm-tabs-header h3,.sidebar-wrapper,#footer{display:none}
.footer-wrapper #social-footer ul li a{margin-left:5px;margin-right:5px}
}
</style>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
    var dimension = 150;
    $('#PopularPosts1,#PopularPosts2,#PopularPosts3').find('img').each(function(n, image) {
        var image = $(image);
        image.attr({
            src: image.attr('src').replace(/s72-c/, 's' + dimension)
        })
    })
});

//]]>
</script>

<script type='text/javascript'> 
//<![CDATA[
var text_month = [, "يناير", "فبراير", "مارس", "أبريل", "مايو", "يوليو", "يونيو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"];
var no_image_url = "https://2.bp.blogspot.com/-mW7-CJH9K7E/WzFfaDetR4I/AAAAAAAA24s/89vGAtUUWTkvVY2TxM9mNHzn50H8TeqBACLcBGAs/s1600/nothumb.jpg";
var feat1_number = 3;
var related_number = 3;

// Plugin: Sticky jQuery ~ BY: http://stickyjs.com
(function(e){var t={topSpacing:0,bottomSpacing:0,className:"is-sticky",wrapperClassName:"sticky-wrapper",center:false,getWidthFrom:"",responsiveWidth:false},n=e(window),r=e(document),i=[],s=n.height(),o=function(){var t=n.scrollTop(),o=r.height(),u=o-s,a=t>u?u-t:0;for(var f=0;f<i.length;f++){var l=i[f],c=l.stickyWrapper.offset().top,h=c-l.topSpacing-a;if(t<=h){if(l.currentTop!==null){l.stickyElement.css("width","").css("position","").css("top","");l.stickyElement.trigger("sticky-end",[l]).parent().removeClass(l.className);l.currentTop=null}}else{var p=o-l.stickyElement.outerHeight()-l.topSpacing-l.bottomSpacing-t-a;if(p<0){p=p+l.topSpacing}else{p=l.topSpacing}if(l.currentTop!=p){l.stickyElement.css("width",l.stickyElement.width()).css("position","fixed").css("top",p);if(typeof l.getWidthFrom!=="undefined"){l.stickyElement.css("width",e(l.getWidthFrom).width())}l.stickyElement.trigger("sticky-start",[l]).parent().addClass(l.className);l.currentTop=p}}}},u=function(){s=n.height();for(var t=0;t<i.length;t++){var r=i[t];if(typeof r.getWidthFrom!=="undefined"&&r.responsiveWidth===true){r.stickyElement.css("width",e(r.getWidthFrom).width())}}},a={init:function(n){var r=e.extend({},t,n);return this.each(function(){var n=e(this);var s=n.attr("id");var o=s?s+"-"+t.wrapperClassName:t.wrapperClassName;var u=e("<div></div>").attr("id",s+"-sticky-wrapper").addClass(r.wrapperClassName);n.wrapAll(u);if(r.center){n.parent().css({width:n.outerWidth(),marginLeft:"auto",marginRight:"auto"})}if(n.css("float")=="right"){n.css({"float":"none"}).parent().css({"float":"right"})}var a=n.parent();a.css("height",n.outerHeight());i.push({topSpacing:r.topSpacing,bottomSpacing:r.bottomSpacing,stickyElement:n,currentTop:null,stickyWrapper:a,className:r.className,getWidthFrom:r.getWidthFrom,responsiveWidth:r.responsiveWidth})})},update:o,unstick:function(t){return this.each(function(){var t=e(this);var n=-1;for(var r=0;r<i.length;r++){if(i[r].stickyElement.get(0)==t.get(0)){n=r}}if(n!=-1){i.splice(n,1);t.unwrap();t.removeAttr("style")}})}};if(window.addEventListener){window.addEventListener("scroll",o,false);window.addEventListener("resize",u,false)}else if(window.attachEvent){window.attachEvent("onscroll",o);window.attachEvent("onresize",u)}e.fn.sticky=function(t){if(a[t]){return a[t].apply(this,Array.prototype.slice.call(arguments,1))}else if(typeof t==="object"||!t){return a.init.apply(this,arguments)}else{e.error("Method "+t+" does not exist on jQuery.sticky")}};e.fn.unstick=function(t){if(a[t]){return a[t].apply(this,Array.prototype.slice.call(arguments,1))}else if(typeof t==="object"||!t){return a.unstick.apply(this,arguments)}else{e.error("Method "+t+" does not exist on jQuery.sticky")}};e(function(){setTimeout(o,0)})})(jQuery);
//]]>
</script>

</head>
<body expr:class='data:blog.pageType'>

  <div class='theme-opt' style='display:none'>
    <b:section class='option' id='option' maxwidgets='1' name='خيارات المظهر' showaddelement='yes'>
      <b:widget id='HTML103' locked='true' title='عدد المشاركات الاخيرة رقم.' type='HTML' version='1'>
        <b:widget-settings>
          <b:widget-setting name='content'/>
        </b:widget-settings>
        <b:includable id='main'>
         <b:if cond='data:content == &quot;&quot;'>
         <script type='text/javascript'> 
          //<![CDATA[
          var recentposts_number = 3;
          //]]>
         </script>
         <b:else/>
&lt;script type=&#39;text/javascript&#39;&gt; 
          //&lt;![CDATA[
          var recentposts_number = <data:content/>;
          //]]&gt;
         &lt;/script&gt;
         </b:if>
        </b:includable>
      </b:widget>
      <b:widget id='HTML104' locked='true' title='عدد المشاركات العشوائية رقم.' type='HTML' version='1'>
        <b:widget-settings>
          <b:widget-setting name='content'/>
        </b:widget-settings>
        <b:includable id='main'>
         <b:if cond='data:content == &quot;&quot;'>
         <script type='text/javascript'> 
          //<![CDATA[
          var randomposts_number = 3;
          //]]>
         </script>
         <b:else/>
&lt;script type=&#39;text/javascript&#39;&gt; 
          //&lt;![CDATA[
          var randomposts_number = <data:content/>;
          //]]&gt;
         &lt;/script&gt;
         </b:if>
        </b:includable>
      </b:widget>
      <b:widget id='HTML105' locked='true' title='التحكم بعدد المشاركات في الصفحة الرئيسية ادخل رقم.' type='HTML' version='1'>
        <b:widget-settings>
          <b:widget-setting name='content'/>
        </b:widget-settings>
        <b:includable id='main'>  
         <b:if cond='data:content == &quot;&quot;'>       
         <script type='text/javascript'>
          var postperpage=7;
         </script>
         <b:else/>
         &lt;script type=&#39;text/javascript&#39;&gt;
          var postperpage=<data:content/>;
         &lt;/script&gt;
         </b:if>
        </b:includable>
      </b:widget>
      <b:widget id='HTML106' locked='true' title='عدد المشاركات في التسميات اضف رقم.' type='HTML' version='1'>
        <b:widget-settings>
          <b:widget-setting name='content'/>
        </b:widget-settings>
        <b:includable id='main'>  
         <b:if cond='data:content == &quot;&quot;'>       
         <script type='text/javascript'>
//<![CDATA[
$(window).bind("load",function(){$('.Label a,.postags a,.m-rec h2 a,.breadcrumbs span a,.label-head a,.feat-title h2 a').each(function(){var labelPage=$(this).attr('href');$(this).attr('href',labelPage+'?&max-results=7')})});
 //]]>
</script>
         <b:else/>
         &lt;script type=&#39;text/javascript&#39;&gt;
//&lt;![CDATA[
$(window).bind(&quot;load&quot;,function(){$(&#39;.Label a,.postags a,.m-rec h2 a,.breadcrumbs span a,.label-head a,.feat-title h2 a&#39;).each(function(){var labelPage=$(this).attr(&#39;href&#39;);$(this).attr(&#39;href&#39;,labelPage+&#39;?&amp;max-results=<data:content/>&#39;)})});
 //]]&gt;
&lt;/script&gt;
         </b:if>
        </b:includable>
      </b:widget>
      <b:widget id='HTML851' locked='true' title='قائمة ثابتة أدخل (yes/no)' type='HTML' version='1'>
        <b:widget-settings>
          <b:widget-setting name='content'>yes</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>
        <script type='text/javascript'> 
            //<![CDATA[
            // Plugin: Sticky jQuery ~ BY: http://stickyjs.com
            (function(e){var t={topSpacing:0,bottomSpacing:0,className:"is-sticky",wrapperClassName:"sticky-wrapper",center:false,getWidthFrom:"",responsiveWidth:false},n=e(window),r=e(document),i=[],s=n.height(),o=function(){var t=n.scrollTop(),o=r.height(),u=o-s,a=t>u?u-t:0;for(var f=0;f<i.length;f++){var l=i[f],c=l.stickyWrapper.offset().top,h=c-l.topSpacing-a;if(t<=h){if(l.currentTop!==null){l.stickyElement.css("width","").css("position","").css("top","");l.stickyElement.trigger("sticky-end",[l]).parent().removeClass(l.className);l.currentTop=null}}else{var p=o-l.stickyElement.outerHeight()-l.topSpacing-l.bottomSpacing-t-a;if(p<0){p=p+l.topSpacing}else{p=l.topSpacing}if(l.currentTop!=p){l.stickyElement.css("width",l.stickyElement.width()).css("position","fixed").css("top",p);if(typeof l.getWidthFrom!=="undefined"){l.stickyElement.css("width",e(l.getWidthFrom).width())}l.stickyElement.trigger("sticky-start",[l]).parent().addClass(l.className);l.currentTop=p}}}},u=function(){s=n.height();for(var t=0;t<i.length;t++){var r=i[t];if(typeof r.getWidthFrom!=="undefined"&&r.responsiveWidth===true){r.stickyElement.css("width",e(r.getWidthFrom).width())}}},a={init:function(n){var r=e.extend({},t,n);return this.each(function(){var n=e(this);var s=n.attr("id");var o=s?s+"-"+t.wrapperClassName:t.wrapperClassName;var u=e("<div></div>").attr("id",s+"-sticky-wrapper").addClass(r.wrapperClassName);n.wrapAll(u);if(r.center){n.parent().css({width:n.outerWidth(),marginLeft:"auto",marginRight:"auto"})}if(n.css("float")=="right"){n.css({"float":"none"}).parent().css({"float":"right"})}var a=n.parent();a.css("height",n.outerHeight());i.push({topSpacing:r.topSpacing,bottomSpacing:r.bottomSpacing,stickyElement:n,currentTop:null,stickyWrapper:a,className:r.className,getWidthFrom:r.getWidthFrom,responsiveWidth:r.responsiveWidth})})},update:o,unstick:function(t){return this.each(function(){var t=e(this);var n=-1;for(var r=0;r<i.length;r++){if(i[r].stickyElement.get(0)==t.get(0)){n=r}}if(n!=-1){i.splice(n,1);t.unwrap();t.removeAttr("style")}})}};if(window.addEventListener){window.addEventListener("scroll",o,false);window.addEventListener("resize",u,false)}else if(window.attachEvent){window.attachEvent("onscroll",o);window.attachEvent("onresize",u)}e.fn.sticky=function(t){if(a[t]){return a[t].apply(this,Array.prototype.slice.call(arguments,1))}else if(typeof t==="object"||!t){return a.init.apply(this,arguments)}else{e.error("Method "+t+" does not exist on jQuery.sticky")}};e.fn.unstick=function(t){if(a[t]){return a[t].apply(this,Array.prototype.slice.call(arguments,1))}else if(typeof t==="object"||!t){return a.unstick.apply(this,arguments)}else{e.error("Method "+t+" does not exist on jQuery.sticky")}};e(function(){setTimeout(o,0)})})(jQuery);
            //]]>
          </script>
          &lt;script type=&#39;text/javascript&#39;&gt; 
            //&lt;![CDATA[
            var stickyWork = &quot;<data:content/>&quot;;
            var FstickyWork = stickyWork.replace(/(\r\n|\n|\r)/gm,&quot; &quot;);
            if ( FstickyWork === &quot;yes&quot; ) {
              $(document).ready(function(){$(&quot;#header-navigation&quot;).sticky({topSpacing:0});});
            }
            //]]&gt;
          &lt;/script&gt;
        </b:includable>
      </b:widget>
    </b:section>
    </div>

&lt;div id=&quot;pages-wrap&quot; class=&quot;<data:blog.pageType/><b:if cond='data:blog.url == data:blog.homepageUrl'> الرئيسية</b:if><b:if cond='data:blog.pageType == &quot;static_page&quot;'>item</b:if><b:if cond='data:blog.pageType == &quot;archive&quot;'>index</b:if>&quot;&gt;

<script type='text/javascript'> 
function label_pick(etiqueta) {
labelnes = new Array();
labelnes[1] = &quot;<span class='sf-entry-flag sf-entry-flag-trending'><i class='fa fa-bolt'/></span>&quot;


if (etiqueta == &quot;مميزة&quot;)
{document.write(labelnes[1]);}

}
</script>

<div id='outer-wrapper'>

<div id='topnav'>
<div class='tm-head row'>
<div class='tm-menu'>
<b:section class='menu1' id='menu1' maxwidgets='1' name='الشريط العلوي' showaddelement='yes'>
  <b:widget id='LinkList210' locked='true' title='القائمة' type='LinkList' version='1'>
    <b:widget-settings>
      <b:widget-setting name='link-3'>#</b:widget-setting>
      <b:widget-setting name='sorting'>NONE</b:widget-setting>
      <b:widget-setting name='text-1'>عنا</b:widget-setting>
      <b:widget-setting name='link-1'>#</b:widget-setting>
      <b:widget-setting name='text-0'>الرئيسية</b:widget-setting>
      <b:widget-setting name='link-2'>#</b:widget-setting>
      <b:widget-setting name='text-3'>أعلن معنا</b:widget-setting>
      <b:widget-setting name='link-0'>/</b:widget-setting>
      <b:widget-setting name='text-2'>أتصل بنا</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
          <div class='widget-content'>
            <ul id='nav1'>
              <b:loop values='data:links' var='link'>
                <li><a expr:href='data:link.target'><data:link.name/></a></li>
              </b:loop>
           </ul> 
          </div>
        </b:includable>
  </b:widget>
</b:section>
</div>

<!-- Top Social --> 
<div class='social-area'>
<b:section class='social-top' id='social-top' maxwidgets='1' name='الصفحات الإجتماعية أعلى' showaddelement='yes'>
  <b:widget id='LinkList50' locked='true' title='Social Media Icons' type='LinkList' version='1'>
    <b:widget-settings>
      <b:widget-setting name='link-3'>http://gplus.com</b:widget-setting>
      <b:widget-setting name='sorting'>NONE</b:widget-setting>
      <b:widget-setting name='link-4'>instagram.com</b:widget-setting>
      <b:widget-setting name='text-1'>facebook</b:widget-setting>
      <b:widget-setting name='link-1'>http://facebook.com</b:widget-setting>
      <b:widget-setting name='text-0'>rss</b:widget-setting>
      <b:widget-setting name='link-2'>http://twitter.com</b:widget-setting>
      <b:widget-setting name='text-3'>gplus</b:widget-setting>
      <b:widget-setting name='link-0'>http://</b:widget-setting>
      <b:widget-setting name='text-2'>twitter</b:widget-setting>
      <b:widget-setting name='text-4'>instagram</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
            <div class='widget-content'>
              <ul>
                <b:loop values='data:links' var='link'>
                  <li><a expr:class='data:link.name' expr:href='data:link.target' expr:title='data:link.name'/></li>
                </b:loop>
              </ul>
            </div>
    </b:includable>
  </b:widget>
</b:section>
</div>
</div>
</div>

<div id='header-blog'>
<div class='header-content row'>
<div class='header-logo'>
<b:section id='logo_blog' maxwidgets='1' name='الشعار' showaddelement='yes'>
  <b:widget id='Header1' locked='true' title='قالب سيو صاروخ (رأس الصفحة)' type='Header' version='1'>
    <b:widget-settings>
      <b:widget-setting name='displayUrl'>http://4.bp.blogspot.com/-LKy5o17oXn4/WzFq3XkjHLI/AAAAAAAA25E/W1vGmX_BqR43EnD5WycJ47QKbZCmipUxACK4BGAYYCw/s1600/logo.png</b:widget-setting>
      <b:widget-setting name='displayHeight'>28</b:widget-setting>
      <b:widget-setting name='sectionWidth'>150</b:widget-setting>
      <b:widget-setting name='useImage'>true</b:widget-setting>
      <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
      <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
      <b:widget-setting name='displayWidth'>190</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond='data:mobile'>
        <div id='header-inner'>
          <div class='titlewrapper' style='background: transparent'>
            <h1 class='title' style='background: transparent; border-width: 0px'>
              <b:include name='title'/>
            </h1>
          </div>
          <b:include name='description'/>
        </div>
      <b:else/>
        <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height                      + &quot;_height: &quot; + data:height                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
          <div class='titlewrapper' style='background: transparent'>
            <h1 class='title' style='background: transparent; border-width: 0px'>
              <b:include name='title'/>
            </h1>
          </div>
          <b:include name='description'/>
        </div>
      </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'><h1 style='display:none;'/>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
    <b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
    <b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
  </b:widget>
</b:section>
</div>

<div class='header-ads'>
<b:section id='ads-content' maxwidgets='1' name='إعلان 728x90' showaddelement='yes'>
  <b:widget id='HTML1' locked='false' title='' type='HTML'>
    <b:widget-settings>
      <b:widget-setting name='content'><![CDATA[<img alt="banner image" src="https://upload-files.cc/uploads/file_2018-06-25_182642.gif" title="banner-title"/>]]></b:widget-setting>
    </b:widget-settings>
    <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>

      <nav id='header-navigation'>  
        <div class='nav-wrapper'>

        <div class='nav-menu'>

<div class='header-search'>
          <li>
<a class='search'>
  <form action='/search/max-results=7' method='get'>
<input id='s' name='q' placeholder='أدخل كلمة بحث ثم أنقر enter...' type='text'/>
</form>
</a>
          </li>

          </div>

          <div class='header-menu'>
<li class='home-child'><a expr:href='data:blog.homepageUrl'><i aria-hidden='true' class='fa fa-home'/> الرئيسية</a></li>
<b:section class='menu' id='menu' maxwidgets='1' name='القائمة الرئيسية' showaddelement='yes'>
  <b:widget id='LinkList110' locked='true' title='القائمة' type='LinkList' version='1'>
    <b:widget-settings>
      <b:widget-setting name='text-8'>تحميل وتخصيص القالب</b:widget-setting>
      <b:widget-setting name='link-7'>#</b:widget-setting>
      <b:widget-setting name='link-8'>https://www.templates.madad2.com/2018/06/2019-theme-blogger-new.html</b:widget-setting>
      <b:widget-setting name='link-5'>#</b:widget-setting>
      <b:widget-setting name='link-6'>#</b:widget-setting>
      <b:widget-setting name='link-3'>#</b:widget-setting>
      <b:widget-setting name='link-4'>#</b:widget-setting>
      <b:widget-setting name='text-1'>قائمة 2</b:widget-setting>
      <b:widget-setting name='text-0'>قائمة 1</b:widget-setting>
      <b:widget-setting name='text-3'>_تعديل 2</b:widget-setting>
      <b:widget-setting name='text-2'>_تعديل 1</b:widget-setting>
      <b:widget-setting name='text-5'>قائمة 4</b:widget-setting>
      <b:widget-setting name='text-4'>قائمة 3</b:widget-setting>
      <b:widget-setting name='text-7'>قائمة 6</b:widget-setting>
      <b:widget-setting name='text-6'>قائمة 5</b:widget-setting>
      <b:widget-setting name='sorting'>NONE</b:widget-setting>
      <b:widget-setting name='link-1'>#</b:widget-setting>
      <b:widget-setting name='link-2'>#</b:widget-setting>
      <b:widget-setting name='link-0'>#</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
          <div class='widget-content'>
            <ul id='nav' itemscope='' itemtype='http://schema.org/SiteNavigationElement'>
              <b:loop values='data:links' var='link'>
                <li itemprop='name'><a expr:href='data:link.target' itemprop='url'><data:link.name/></a></li>
              </b:loop>
           </ul> 
           <script type='text/javascript'> 
            //<![CDATA[
            $("#LinkList110").each(function(){var e="<ul id='nav'><li><ul id='sub-menu'>";$("#LinkList110 li").each(function(){var t=$(this).text(),n=t.substr(0,1),r=t.substr(1);"_"==n?(n=$(this).find("a").attr("href"),e+='<li><a href="'+n+'">'+r+"</a></li>"):(n=$(this).find("a").attr("href"),e+='</ul></li><li><a href="'+n+'">'+t+"</a><ul id='sub-menu'>")});e+="</ul></li></ul>";$(this).html(e);$("#LinkList110 ul").each(function(){var e=$(this);if(e.html().replace(/\s|&nbsp;/g,"").length==0)e.remove()});$("#LinkList110 li").each(function(){var e=$(this);if(e.html().replace(/\s|&nbsp;/g,"").length==0)e.remove()})});
            //]]>
            </script>
          </div>
        </b:includable>
  </b:widget>
</b:section>
              
     </div>
       </div>
        </div>
      </nav>

<div class='clear'/>

        <div class='row' id='content-wrapper'>


<b:if cond='data:blog.canonicalUrl == data:blog.canonicalHomepageUrl'> 
 

  
  </b:if>

<div id='ads-blog'>
  <b:section class='home-ad' id='ads-home' maxwidgets='1' name='إعلان في الرئيسية/المشاركات (728x90)' showaddelement='yes'>
    <b:widget id='HTML4' locked='false' title='' type='HTML'>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
    </b:widget>
  </b:section>
</div>


          <div id='main-wrapper'>

  

<b:if cond='data:blog.canonicalUrl == data:blog.canonicalHomepageUrl'> 
          <b:section class='feat-sec' id='feat-sec' maxwidgets='1' name='المشاركات المميزة' showaddelement='yes'>
             <b:widget id='HTML3' locked='false' title='' type='HTML' version='1'>
               <b:widget-settings>
                 <b:widget-setting name='content'>تسمية 1</b:widget-setting>
               </b:widget-settings>
               <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>
        </b:if>



    <b:section class='main' id='main' maxwidgets='2' name='المشاركات' showaddelement='yes'>
      <b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog' version='1'>
        <b:widget-settings>
          <b:widget-setting name='showDateHeader'>true</b:widget-setting>
          <b:widget-setting name='style.textcolor'>#f2132d</b:widget-setting>
          <b:widget-setting name='showShareButtons'>true</b:widget-setting>
          <b:widget-setting name='authorLabel'>By</b:widget-setting>
          <b:widget-setting name='showCommentLink'>true</b:widget-setting>
          <b:widget-setting name='style.urlcolor'>#1e87f0</b:widget-setting>
          <b:widget-setting name='showAuthor'>false</b:widget-setting>
          <b:widget-setting name='style.linkcolor'>#1e87f0</b:widget-setting>
          <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
          <b:widget-setting name='style.bgcolor'>#000000</b:widget-setting>
          <b:widget-setting name='timestampLabel'>-</b:widget-setting>
          <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
          <b:widget-setting name='style.layout'>1x1</b:widget-setting>
          <b:widget-setting name='showLabels'>true</b:widget-setting>
          <b:widget-setting name='showLocation'>true</b:widget-setting>
          <b:widget-setting name='showTimestamp'>true</b:widget-setting>
          <b:widget-setting name='postsPerAd'>1</b:widget-setting>
          <b:widget-setting name='showBacklinks'>false</b:widget-setting>
          <b:widget-setting name='style.bordercolor'>#000000</b:widget-setting>
          <b:widget-setting name='showInlineAds'>false</b:widget-setting>
          <b:widget-setting name='showReactions'>false</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main' var='top'>

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

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

          <data:post.commentRangeText/>

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

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

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

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

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

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
        <b:includable id='feedLinks'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <!-- Blog feed links -->
                  <b:if cond='data:feedLinks'>
                    <div class='blog-feeds'>
                      <b:include data='feedLinks' name='feedLinksBody'/>
                    </div>
                  </b:if>
                  <b:else/>
                  <!--Post feed links -->
                  <div class='post-feeds'>
                    <b:loop values='data:posts' var='post'>
                      <b:if cond='data:post.allowComments'>
                        <b:if cond='data:post.feedLinks'>
                          <b:include data='post.feedLinks' name='feedLinksBody'/>
                        </b:if>
                      </b:if>
                    </b:loop>
                  </div>
                </b:if>
              </b:includable>
        <b:includable id='feedLinksBody' var='links'>
                <div class='feed-links'>
                  <data:feedLinksMsg/>
                  <b:loop values='data:links' var='f'>
                    <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'>
                      <data:f.name/>
                      (
                      <data:f.feedType/>
                      )
                    </a>
                  </b:loop>
                </div>
              </b:includable>
        <b:includable id='iframe_comments' var='post'>

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

    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
        <b:includable id='mobile-index-post' var='post'>
                <div class='mobile-date-outer date-outer'>
                  <b:if cond='data:post.dateHeader'>
                    <div class='date-header'>
                      <span>
                        <data:post.dateHeader/>
                      </span>
                    </div>
                  </b:if>
                  <div class='mobile-post-outer'>
                    <a expr:href='data:post.url'>
                      <h3 class='mobile-index-title entry-title' itemprop='name'>
                        <data:post.title/>
                      </h3>
                      <div class='mobile-index-arrow'>
                        &amp;rsaquo;
                      </div>
                      <div class='mobile-index-contents'>
                        <b:if cond='data:post.thumbnailUrl'>
                          <div class='mobile-index-thumbnail'>
                            <div class='Image'>
                              <img expr:src='data:post.thumbnailUrl'/>
                            </div>
                          </div>
                        </b:if>
                        <div class='post-body'>
                          <b:if cond='data:post.snippet'>
                            <data:post.snippet/>
                          </b:if>
                        </div>
                      </div>
                      <div style='clear: both;'/>
                    </a>
                    <div class='mobile-index-comment'>
                      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                        <b:if cond='data:post.allowComments'>
                          <b:if cond='data:post.numComments != 0'>
                            <b:include data='post' name='comment_count_picker'/>
                          </b:if>
                        </b:if>
                      </b:if>
                    </div>
                  </div>
                </div>
              </b:includable>
        <b:includable id='mobile-main' var='top'>
                <!-- posts -->
                <div class='blog-posts hfeed'>
                  <b:include data='top' name='status-message'/>
                  <b:if cond='data:blog.pageType == &quot;index&quot;'>
                    <b:loop values='data:posts' var='post'>
                      <b:include data='post' name='mobile-index-post'/>
                    </b:loop>
                    <b:else/>
                    <b:loop values='data:posts' var='post'>
                      <b:include data='post' name='mobile-post'/>
                    </b:loop>
                  </b:if>
                </div>
                <b:include name='mobile-nextprev'/>
              </b:includable>
        <b:includable id='mobile-nextprev'>
                <div class='blog-pager' id='blog-pager'>
                  <b:if cond='data:newerPageUrl'>
                    <div class='mobile-link-button' id='blog-pager-newer-link'>
                      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
                        &amp;lsaquo;
                      </a>
                    </div>
                  </b:if>
                  <b:if cond='data:olderPageUrl'>
                    <div class='mobile-link-button' id='blog-pager-older-link'>
                      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
                        &amp;rsaquo;
                      </a>
                    </div>
                  </b:if>
                  <div class='mobile-link-button' id='blog-pager-home-link'>
                    <a class='home-link' expr:href='data:blog.homepageUrl'>
                      <data:homeMsg/>
                    </a>
                  </div>
                  <div class='mobile-desktop-link'>
                    <a class='home-link' expr:href='data:desktopLinkUrl'>
                      <data:desktopLinkMsg/>
                    </a>
                  </div>
                </div>
                <div class='clear'/>
              </b:includable>
        <b:includable id='mobile-post' var='post'>
                <div class='date-outer'>
                  <b:if cond='data:post.dateHeader'>
                    <h2 class='date-header'>
                      <span>
                        <data:post.dateHeader/>
                      </span>
                    </h2>
                  </b:if>
                  <div class='date-posts'>
                    <div class='post-outer'>
                      <div class='post hentry uncustomized-post-template' itemscope='' itemtype='http://schema.org/BlogPosting'>
                        <b:if cond='data:post.thumbnailUrl'>
                          <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
                        </b:if>
                        <meta expr:content='data:blog.blogId' itemprop='blogId'/>
                        <meta expr:content='data:post.id' itemprop='postId'/>
                        <a expr:name='data:post.id'/>
                        <b:if cond='data:post.title'>
                          <h3 class='post-title entry-title' itemprop='name'>
                            <b:if cond='data:post.link'>
                              <a expr:href='data:post.link'>
                                <data:post.title/>
                              </a>
                              <b:else/>
                              <b:if cond='data:post.url'>
                                <b:if cond='data:blog.url != data:post.url'>
                                  <a expr:href='data:post.url'>
                                    <data:post.title/>
                                  </a>
                                  <b:else/>
                                  <data:post.title/>
                                </b:if>
                                <b:else/>
                                <data:post.title/>
                              </b:if>
                            </b:if>
                          </h3>
                        </b:if>
                        <div class='post-header'>
                          <div class='post-header-line-1'/>
                        </div>
                        <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
                          <data:post.body/>
                          <div style='clear: both;'/>
                          <!-- clear for photos floats -->
                        </div>
                        <div class='post-footer'>
                          <div class='post-footer-line post-footer-line-1'>
                            <span class='post-author vcard'>
                              <b:if cond='data:top.showAuthor'>
                                <b:if cond='data:post.authorProfileUrl'>
                                  <span class='fn' itemprop='author' itemscope='' itemtype='http://schema.org/Person'>
                                    <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                                    <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                                      <span itemprop='name'>
                                        <data:post.author/>
                                      </span>
                                    </a>
                                  </span>
                                  <b:else/>
                                  <span class='fn' itemprop='author' itemscope='' itemtype='http://schema.org/Person'>
                                    <span itemprop='name'>
                                      <data:post.author/>
                                    </span>
                                  </span>
                                </b:if>
                              </b:if>
                            </span>
                            <span class='post-timestamp'>
                              <b:if cond='data:top.showTimestamp'>
                                <data:top.timestampLabel/>
                                <b:if cond='data:post.url'>
                                  <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                                  <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
                                    <abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
                                      <data:post.timestamp/>
                                    </abbr>
                                  </a>
                                </b:if>
                              </b:if>
                            </span>
                            <span class='post-comment-link'>
                              <b:if cond='data:blog.pageType != &quot;item&quot;'>
                                <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                                  <b:if cond='data:post.allowComments'>
                                    <b:include data='post' name='comment_count_picker'/>
                                  </b:if>
                                </b:if>
                              </b:if>
                            </span>
                          </div>
                          <div class='post-footer-line post-footer-line-2'>
                            <b:if cond='data:top.showMobileShare'>
                              <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                                <a href='javascript:void(0);'>
                                  <data:shareMsg/>
                                </a>
                              </div>
                            </b:if>
                            <b:if cond='data:top.showDummy'>
                              <div class='goog-inline-block dummy-container'>
                                <data:post.dummyTag/>
                              </div>
                            </b:if>
                          </div>
                        </div>
                      </div>
                      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                        <b:include data='post' name='comment_picker'/>
                      </b:if>
                      <b:if cond='data:blog.pageType == &quot;item&quot;'>
                        <b:include data='post' name='comment_picker'/>
                      </b:if>
                    </div>
                  </div>
                </div>
              </b:includable>
        <b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

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

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

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

  </div>
  <div class='clear'/>
</b:includable>
        <b:includable id='post' var='post'>
          <div class='post'>
            <b:if cond='data:blog.pageType == &quot;index&quot;'>
              <b:if cond='data:post.thumbnailUrl'>
                <div class='block-image'><div class='thumb'>
               &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(<data:post.thumbnailUrl/>) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
                <b:loop values='data:post.labels' var='label'>
<script type='text/javascript'>label_pick(&quot;<data:label.name/>&quot;);</script>
</b:loop> </div></div>
                <b:else/>
              <b:if cond='data:post.firstImageUrl'>
                <div class='block-image'><div class='thumb'>
                  &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(<data:post.firstImageUrl/>) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
               <b:loop values='data:post.labels' var='label'>
<script type='text/javascript'>label_pick(&quot;<data:label.name/>&quot;);</script>
</b:loop> </div></div>
                <b:else/>
                <div class='block-image'><div class='thumb'>
               &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(http://2.bp.blogspot.com/-IO-XEI1LgEs/VmPNKFp0BhI/AAAAAAAACOg/_JrYHMBXV5w/s1600-r/nothumb.jpg) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
               <b:loop values='data:post.labels' var='label'>
<script type='text/javascript'>label_pick(&quot;<data:label.name/>&quot;);</script>
</b:loop> </div></div>
             </b:if></b:if>
            </b:if>
            <b:if cond='data:blog.pageType == &quot;archive&quot;'>
              <b:if cond='data:post.thumbnailUrl'>
                <div class='block-image'><div class='thumb'>
               &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(<data:post.thumbnailUrl/>) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
                <b:loop values='data:post.labels' var='label'>
<script type='text/javascript'>label_pick(&quot;<data:label.name/>&quot;);</script>
</b:loop> </div></div>
                <b:else/>
              <b:if cond='data:post.firstImageUrl'>
                <div class='block-image'><div class='thumb'>
                  &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(<data:post.firstImageUrl/>) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
                <b:loop values='data:post.labels' var='label'>
<script type='text/javascript'>label_pick(&quot;<data:label.name/>&quot;);</script>
</b:loop> </div></div>
                <b:else/>
                <div class='block-image'><div class='thumb'>
               &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(http://2.bp.blogspot.com/-IO-XEI1LgEs/VmPNKFp0BhI/AAAAAAAACOg/_JrYHMBXV5w/s1600-r/nothumb.jpg) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
                <span class='sf-entry-flag sf-entry-flag-trending'><i class='fa fa-bolt'/></span></div></div>
             </b:if></b:if>
            </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    &lt;div itemprop=&#39;blogPost&#39; itemscope=&#39;itemscope&#39; itemtype=&#39;http://schema.org/BlogPosting&#39;&gt;
      <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
    </b:if>
    <div class='post-header'>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
    <span typeof='v:Breadcrumb'><a class='bhome' expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>الرئيسية</a></span> <brc>/</brc>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.labels'>
      <b:loop values='data:post.labels' var='label'>
        <span typeof='v:Breadcrumb'>
        <a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
        <b:if cond='data:label.isLast != &quot;true&quot;'><brc>/</brc></b:if>
      </b:loop>
      <b:else/>
         بدون تصنيف
      </b:if>
      <brc>/</brc> <span><data:post.title/></span>
    </b:loop>
  </div>
        <b:if cond='data:post.title'>
      <div class='post-head'><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></div>
    </b:if>
        <div class='post-meta'>
<span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <i class='fa fa-user'/>
            <b:if cond='data:post.authorProfileUrl'>
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                <a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
                  <span itemprop='name'><data:post.author/></span>
                </a>
              </span>
            <b:else/>
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
                  <span itemprop='name'><data:post.author/></span></a>
              </span>
            </b:if>
        </b:if>
      </span>
 <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <i class='fa fa-clock-o'/>
        <b:if cond='data:post.url'>
          <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><span class='published timeago' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></span></a>
        </b:if>
        </b:if>
      </span>
<span class='label-head'>
        <b:if cond='data:post.labels'>
         <i class='fa fa-folder-open-o'/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span>
        </div>
<div class='ads-posting'>
  <a name='ad-post'/>
</div>
   </b:if>
  <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <b:if cond='data:post.title'>
      <div class='post-head'><h1 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
        </h1></div>
    </b:if>
    </b:if>
    </div>
     <article>
         <b:if cond='data:blog.pageType != &quot;item&quot;'>
         <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.title'>
              <font class='retitle'>
                <h2 class='post-title entry-title'>
                   <b:if cond='data:post.link'>
                    <a expr:href='data:post.link'>
                       <data:post.title/>
                      </a>
                      <b:else/>
                      <b:if cond='data:post.url'>
                       <a expr:href='data:post.url'>
                       <data:post.title/>
                      </a>
                      <b:else/>
                     <data:post.title/>
                     </b:if>
                   </b:if>
                  </h2>
                    </font>
                </b:if>
                  <div class='date-header'>
                     <div id='meta-post'>
                       <i class='fa fa-user'/> <a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
                  <span itemprop='name'><data:post.author/></span></a> <i class='fa fa-clock-o'/>
<span class='published timeago' expr:title='data:post.timestampISO8601'><data:post.timestamp/></span></div><div class='resumo'><span><data:post.snippet/></span></div>
                      <div style='clear: both;'/>
                      </div>
            <b:else/>
       <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
         <meta expr:content='data:post.snippet' name='twitter:description'/>
         <data:post.body/>
       </div>
          </b:if>
          <b:else/>
       <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
         <meta expr:content='data:post.snippet' name='twitter:description'/>
         <data:post.body/>
       </div>
         </b:if>
     </article>
      <div class='hreview'>
        <span class='item'>
          <span class='fn'><data:post.title/></span>
          <img class='photo' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
        </span> 
        تمت مراجعته من قبل <span class='reviewer'><data:post.author/></span>
        في 
        <span class='dtreviewed'>
          <data:post.timestamp/>
          <span class='value-title' expr:title='data:post.timestamp'/>
        </span> 
        تقييم: <span class='rating'>5</span> 
      </div>
<div style='clear:both'/>  
    <div class='post-footer'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <div class='share-box'>
 
          <h8 class='share-title'>شاركها على:</h8>
               <div class='share-art'> 
<a class='fac-art' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-facebook'/><span class='resp_del'> Facebook</span></a>

<a class='twi-art' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-twitter'/><span class='resp_del2'> Twitter</span></a>

<a class='goo-art' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/><span class='resp_del3'> Google+</span></a>

<a class='pin-art' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.firstImageUrl + &quot;&amp;description=&quot; + data:post.snippet' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-pinterest'/><span class='resp_del4'> Pinterest</span></a>  

<a class='lin-art' expr:href='&quot;http://www.linkedin.com/shareArticle?url=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-linkedin-square'/><span class='resp_del5'> Linkedin</span></a>

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

           <!-- Ads Post - Author Box --> 
               <div class='ads-post'>
                <a name='ads-post-in'/>
               </div>

<div class='sf-module-title sf-center sf-has-line'><h2 class='sf-title'>ربما يعجبك أيضا</h2></div>

<div id='related-posts'>
        <b:if cond='data:post.labels'>
          <b:loop values='data:post.labels' var='label'>
            <b:if cond='data:label.isLast == &quot;true&quot;'>
              <data:label.name/>
            </b:if>
          </b:loop>
        </b:if>
      </div>
                  
               <div class='clear'/>  

          <ul class='post-nav'>
              <li class='next'> 
               <b:if cond='data:newerPageUrl'> 
                <a class='newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' rel='next'/> 
              <b:else/> 
                <a rel='next'><strong>التالي</strong><span>أنت تشاهد أحدث المواضيع</span></a> 
              </b:if> 
                </li>
          <li class='previous'> 
          <b:if cond='data:olderPageUrl'> 
            <a class='older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' rel='previous'/> 
          <b:else/> 
            <a rel='previous'><strong>السابق</strong><span>أنت تشاهد أقدم موضوع</span></a> 
          </b:if> 
        </li>
    </ul>

      </b:if>
    </div>
                 
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      &lt;/div&gt;
    </b:if>
  </div>
                </b:includable>
        <b:includable id='postQuickEdit' var='post'>
                      <b:if cond='data:post.editUrl'>
                        <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
                          <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
                            <!-- <img alt='quick-edit' title="quick-edit" class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> -->
                            <b style='color: #dd4b39;margin-left: 5px;'>
                              <i class='fa fa-pencil'/>
                              Edit
                            </b>
                          </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:blog.pageType == &quot;error_page&quot;'>    
                <div id='errr'>
                  <h1 class='nerrr'>4<span class='fa fa-exclamation-circle'/>4</h1>
<h2 class='error'>خطأ بالصفحة!</h2>
<p>عذر&#1611;ا, الصفحة التي تبحث عنها غير متوفرة أو تمت إزالتها.</p>
<p>جرب زر البحث او عد للصفحة الرئيسية</p>
                  <span class='fa fa-hand-o-down'/>
<div class='clear'/>
<a class='homepage' href='/'>الصفحة الرئيسية</a>
</div>    
              </b:if>
              <b:if cond='data:blog.searchQuery'>
                <div class='search-query'>
                <span>                   
                 <data:blog.pageName/>
                </span>
                </div>
                <b:else/>
                <!-- page index sela besides home -->
                <b:if cond='data:blog.pageType == &quot;index&quot;'>
                  <b:if cond='data:blog.pageName == &quot;&quot;'>
                    <b:else/>
                    <!-- label page -->
                    <div class='label'>
                      <span>
                        نتائج
                      </span>
                      <span><data:blog.pageName/></span>
                    </div>
                  </b:if>
                </b:if>
              </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' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' 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:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>

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

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

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
      </b:widget>
      <b:widget id='HTML901' locked='true' title='حدد نوع التعليقات' type='HTML' version='1'>
        <b:widget-settings>
          <b:widget-setting name='content'>[blogger][disqus][facebook]</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>
          <b:if cond='data:blog.pageType == &quot;item&quot;'>
            <b:if cond='data:content == &quot;[blogger]&quot;'>
              <div class='cmm-tabs'>
                <div data-tab='blogger'><div class='blogger-tab'/></div>
              </div>
            </b:if>
            <b:if cond='data:content == &quot;[facebook]&quot;'>
              <div class='cmm-tabs'>
                <div data-tab='facebook'><div class='facebook-tab'/></div>
              </div>
              <script type='text/javascript'>
              //<![CDATA[
                $('#comments').remove();
              //]]>
              </script>    
            </b:if>
            <b:if cond='data:content == &quot;[disqus]&quot;'>
              <div class='cmm-tabs'>
                <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
              </div>
              <script type='text/javascript'>
              //<![CDATA[
                $('#comments').remove();
              //]]>
              </script>
            </b:if>
            <b:if cond='data:content == &quot;[blogger][disqus][facebook]&quot;'>
              <div class='cmm-tabs'>
                <div data-tab='بلوجر'><div class='blogger-tab'/></div>
                <div data-tab='ديسكوس'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
                <div data-tab='فيسبوك'><div class='facebook-tab'/></div>
              </div>
            </b:if>
            <div id='fb-root'/><script>(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = &quot;//connect.facebook.net/ar_AR/sdk.js#xfbml=1&amp;version=v2.0&quot;;fjs.parentNode.insertBefore(js, fjs);}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>&lt;script&gt;$(&quot;.facebook-tab&quot;).append(&quot;&lt;div class=&#39;fb-comments&#39; data-href=&#39;<data:blog.canonicalUrl/>&#39; data-width=&#39;100%&#39; data-numposts=&#39;5&#39; data-colorscheme=&#39;light&#39;&gt;&lt;/div&gt;&quot;);&lt;/script&gt;
          </b:if>
        </b:includable>
      </b:widget>
      <b:widget id='HTML902' locked='true' title='Disqus Shortname معرف' type='HTML' version='1'>
        <b:widget-settings>
          <b:widget-setting name='content'>how-1</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>
          <b:if cond='data:blog.pageType == &quot;item&quot;'>
            &lt;script type=&#39;text/javascript&#39;&gt;
            var disqus_shortname = &#39;<data:content/>&#39;;
             (function() {
              var dsq = document.createElement(&#39;script&#39;); dsq.type = &#39;text/javascript&#39;; dsq.async = true;
              dsq.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/embed.js&#39;;
              (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(dsq);
              })();
            &lt;/script&gt;
          </b:if>
        </b:includable>
      </b:widget>
    </b:section>         
         
<div id='ads-post10'>
<b:section id='ads-post-468' maxwidgets='1' name='إعلان أعلى الفوتر 728x90' showaddelement='yes'>
  <b:widget id='HTML11' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
    </div>
      </div>
      <div class='sidebar-wrapper'>
    <b:section class='sidebar' id='sidebar' name='الشريط الجانبي يسار' showaddelement='yes'>
      <b:widget id='HTML9' locked='false' title='' type='HTML'>
        <b:widget-settings>
          <b:widget-setting name='content'><![CDATA[<img alt="banner image" src="https://upload-files.cc/uploads/file_2018-06-25_182426.gif" title="banner-title"/>]]></b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
      </b:widget>
      <b:widget id='HTML2' locked='false' title='أحدث المشاركات' type='HTML'>
        <b:widget-settings>
          <b:widget-setting name='content'>recentposts</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
      </b:widget>
      <b:widget id='HTML8' locked='false' title='تابع صفحتنا على فيسبوك' type='HTML'>
        <b:widget-settings>
          <b:widget-setting name='content'><![CDATA[<iframe name="f2579ef3ff88908" width="320px" height="1000px" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" title="fb:page Facebook Social Plugin" src="https://www.facebook.com/v2.5/plugins/page.php?adapt_container_width=true&amp;app_id=&amp;channel=http%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter%2Fr%2FXBwzv5Yrm_1.js%3Fversion%3D42%23cb%3Df4389127ece03c%26domain%3Dwriteup-madad2.blogspot.com%26origin%3Dhttp%253A%252F%252Fwriteup-madad2.blogspot.com%252Ff144bab2ba048c4%26relation%3Dparent.parent&amp;container_width=320&amp;hide_cover=false&amp;href=https%3A%2F%2Fwww.facebook.com%2Fmdadice%2F&amp;locale=ar_AR&amp;sdk=joey&amp;show_facepile=true&amp;small_header=false&amp;width=320" style="border: none; visibility: visible; width: 320px; height: 214px;" class=""></iframe>]]></b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
      </b:widget>
      <b:widget id='BlogArchive1' locked='false' title='الأرشيف' type='BlogArchive'>
        <b:widget-settings>
          <b:widget-setting name='showStyle'>MENU</b:widget-setting>
          <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
          <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
          <b:widget-setting name='monthPattern'>MMMM yyyy</b:widget-setting>
          <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
          <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
          <b:widget-setting name='chronological'>false</b:widget-setting>
          <b:widget-setting name='showPosts'>false</b:widget-setting>
          <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>
    <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>
    <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
        <b:includable id='flat' var='data'>
  <ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
        <b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='interval'>
    <ul class='hierarchy'>
      <li expr:class='&quot;archivedate &quot; + data:interval.expclass'>
        <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
        <a class='post-count-link' expr:href='data:interval.url'>
          <data:interval.name/>
        </a>
        <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
        <b:include cond='data:interval.data' data='interval.data' name='interval'/>
        <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
      </li>
    </ul>
  </b:loop>
</b:includable>
        <b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
        <b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='post'>
      <li><a expr:href='data:post.url'><data:post.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
        <b:includable id='toggle' var='interval'>
  <a class='toggle' href='javascript:void(0)'>
    <span expr:class='&quot;zippy&quot; + (data:interval.expclass == &quot;expanded&quot; ? &quot; toggle-open&quot; : &quot;&quot;)'>
      <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
        &#9660;&#160;
      <b:elseif cond='data:blog.languageDirection == &quot;rtl&quot;'/>
        &#9668;&#160;
      <b:else/>
        &#9658;&#160;
      </b:if>
    </span>
  </a>
</b:includable>
      </b:widget>
      <b:widget id='PopularPosts2' locked='false' title='المشاركات الشائعة' type='PopularPosts' version='1'>
        <b:widget-settings>
          <b:widget-setting name='numItemsToShow'>4</b:widget-setting>
          <b:widget-setting name='showThumbnails'>true</b:widget-setting>
          <b:widget-setting name='showSnippets'>false</b:widget-setting>
          <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='!data:showThumbnails'>
          <b:if cond='!data:showSnippets'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
          <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
            <b:if cond='data:post.thumbnail'>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href' target='_blank'>
                  <img border='0' expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
                </a>
              </div>
            </b:if>
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <b:if cond='data:showSnippets'>
              <div class='item-snippet'><data:post.snippet/></div>
            </b:if>
          </div>
          <div style='clear: both;'/>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
      </b:widget>
      <b:widget id='Label1' locked='false' title='التسميات' type='Label'>
        <b:widget-settings>
          <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
          <b:widget-setting name='display'>CLOUD</b:widget-setting>
          <b:widget-setting name='selectedLabelsList'/>
          <b:widget-setting name='showType'>ALL</b:widget-setting>
          <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
        <b:loop values='data:labels' var='label'>
          <li>
            <b:if cond='data:blog.url == data:label.url'>
              <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
            <b:else/>
              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
            </b:if>
            <b:if cond='data:showFreqNumbers'>
              <span dir='ltr'>(<data:label.count/>)</span>
            </b:if>
          </li>
        </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
      </b:widget>
      <b:widget id='FollowByEmail1' locked='false' title='فعل اشتراكك' type='FollowByEmail' version='1'>
        <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
  <div class='widget-content'>
    <div class='follow-by-email-inner'>
      <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;https://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
        <table width='100%'>
          <tr>
            <td>
              <input class='follow-by-email-address' name='email' placeholder='البريد الإلكتروني...' type='text'/>
            </td>
            <td width='64px'>
              <input class='follow-by-email-submit' type='submit' value='إشتراك!'/>
            </td>
          </tr>
        </table>
        <input expr:value='data:feedPath' name='uri' type='hidden'/>
        <input name='loc' type='hidden' value='ar_AR'/>
      </form>
    </div>
  </div>
  <span class='item-control blog-admin'>
    <b:include name='quickedit'/>
  </span>
</b:includable>
      </b:widget>
    </b:section>
      </div>
  <div class='clear'/>
    </div>
    <!-- end content-wrapper -->


 <div class='clear'/><!-- Footer wrapper -->

<!-- unwanted widgets -->
  <div style='display: none'>
    <b:section class='unwanted' id='unwanted' showaddelement='no' style='display: none'/>
  </div>

&lt;/div&gt;


<div id='footer-wrapper'> 
   <div id='footer'>
    <div class='footer-sections row'>
      <b:section class='sect-right' id='footer-sec1' maxwidgets='3' name='فوتر 1' showaddelement='yes'>
        <b:widget id='HTML6' locked='false' title='مشاركات عشوائية' type='HTML'>
          <b:widget-settings>
            <b:widget-setting name='content'>randomposts</b:widget-setting>
          </b:widget-settings>
          <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>
      <b:section class='sect-right' id='footer-sec2' maxwidgets='3' name='فوتر 2' showaddelement='yes'>
        <b:widget id='Label2' locked='false' title='التصنيفات' type='Label'>
          <b:widget-settings>
            <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
            <b:widget-setting name='display'>CLOUD</b:widget-setting>
            <b:widget-setting name='selectedLabelsList'/>
            <b:widget-setting name='showType'>ALL</b:widget-setting>
            <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
          </b:widget-settings>
          <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
        <b:loop values='data:labels' var='label'>
          <li>
            <b:if cond='data:blog.url == data:label.url'>
              <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
            <b:else/>
              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
            </b:if>
            <b:if cond='data:showFreqNumbers'>
              <span dir='ltr'>(<data:label.count/>)</span>
            </b:if>
          </li>
        </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
        </b:widget>
      </b:section>
      <b:section class='sect-right' id='footer-sec3' maxwidgets='3' name='فوتر 3' showaddelement='yes'>
        <b:widget id='HTML5' locked='false' title='آخر مشاركات' type='HTML'>
          <b:widget-settings>
            <b:widget-setting name='content'>recentposts</b:widget-setting>
          </b:widget-settings>
          <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 class='clear'/>

<div class='footer-wrapper'>
<div class='footer-sec row'>

<!-- Footer Social --> 
<b:section class='social-footer' id='social-footer' maxwidgets='1' name='الصفحات الإجتامعية بالفوتر' showaddelement='yes'>
   <b:widget id='LinkList20' locked='true' title='Social Media Icons 2' type='LinkList' version='1'>
     <b:widget-settings>
       <b:widget-setting name='link-3'>#</b:widget-setting>
       <b:widget-setting name='sorting'>NONE</b:widget-setting>
       <b:widget-setting name='text-1'>gplus</b:widget-setting>
       <b:widget-setting name='link-1'>#</b:widget-setting>
       <b:widget-setting name='text-0'>instagram</b:widget-setting>
       <b:widget-setting name='link-2'>#</b:widget-setting>
       <b:widget-setting name='text-3'>facebook</b:widget-setting>
       <b:widget-setting name='link-0'>#</b:widget-setting>
       <b:widget-setting name='text-2'>twitter</b:widget-setting>
     </b:widget-settings>
     <b:includable id='main'>
            <div class='widget-content'>
              <ul>
                <b:loop values='data:links' var='link'>
                  <li><a expr:class='data:link.name' expr:href='data:link.target' expr:title='data:link.name'/></li>
                </b:loop>
              </ul>
            </div>
    </b:includable>
   </b:widget>
 </b:section>
   
<!-- Footer Copyright --> 
<div class='copyright'>

&#169; جميع الحقوق محفوظة <a expr:href='data:blog.homepageUrl'><strong><data:blog.title/></strong></a> <script type='text/javascript'>document.write(new Date().getFullYear());</script> | تعريب <a href='https://www.madad2.com/' id='mycontent' title='Blogger Templates'>مداد الجليد</a> | تصميم <a href='https://www.themexpose.com/' title='Blogger Templates'>themexposea</a>
</div>
</div>
</div>
</div>



<script type='text/javascript'>
//<![CDATA[

/*GLOBAL SETTINGS, USER CAN CHANGE*/
var MONTH_FORMAT = [, "يناير", "فبراير", "مارس", "أبريل", "مايو", "يوليو", "يونيو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"];


// JQuery hover event with timeout by Taufik Nurrohman - https://plus.google.com/108949996304093815163/about
(function(c){c.fn.hoverTimeout=function(d,e,f,g){return this.each(function(){var a=null,b=c(this);b.hover(function(){clearTimeout(a);a=setTimeout(function(){e.call(b)},d)},function(){clearTimeout(a);a=setTimeout(function(){g.call(b)},f)})})}})(jQuery);

// jquery replacetext plugin https://github.com/cowboy/jquery-replacetext
(function(e){e.fn.replaceText=function(t,n,r){return this.each(function(){var i=this.firstChild,s,o,u=[];if(i){do{if(i.nodeType===3){s=i.nodeValue;o=s.replace(t,n);if(o!==s){if(!r&&/</.test(o)){e(i).before(o);u.push(i)}else{i.nodeValue=o}}}}while(i=i.nextSibling)}u.length&&e(u).remove()})}})(jQuery);



// SelectNav.js - by: https://github.com/lukaszfiszer/selectnav.js - Adaptado por http://www.ideiasblog.com
window.selectnav=function(){"use strict";var e=function(e,t){function c(e){var t;if(!e)e=window.event;if(e.target)t=e.target;else if(e.srcElement)t=e.srcElement;if(t.nodeType===3)t=t.parentNode;if(t.value)window.location.href=t.value}function h(e){var t=e.nodeName.toLowerCase();return t==="ul"||t==="ol"}function p(e){for(var t=1;document.getElementById("selectnav"+t);t++);return e?"selectnav"+t:"selectnav"+(t-1)}function d(e){a++;var t=e.children.length,n="",l="",c=a-1;if(!t){return}if(c){while(c--){l+=o}l+=" "}for(var v=0;v<t;v++){var m=e.children[v].children[0];if(typeof m!=="undefined"){var g=m.innerText||m.textContent;var y="";if(r){y=m.className.search(r)!==-1||m.parentNode.className.search(r)!==-1?f:""}if(i&&!y){y=m.href===document.URL?f:""}n+='<option value="'+m.href+'" '+y+">"+l+g+"</option>";if(s){var b=e.children[v].children[1];if(b&&h(b)){n+=d(b)}}}}if(a===1&&u){n='<option value="">'+u+"</option>"+n}if(a===1){n='<select class="selectnav" id="'+p(true)+'">'+n+"</select>"}a--;return n}e=document.getElementById(e);if(!e){return}if(!h(e)){return}if(!("insertAdjacentHTML"in window.document.documentElement)){return}document.documentElement.className+=" js";var n=t||{},r=n.activeclass||"active",i=typeof n.autoselect==="boolean"?n.autoselect:true,s=typeof n.nested==="boolean"?n.nested:true,o=n.indent||"→",u=n.label||"القائمة",a=0,f=" selected ";e.insertAdjacentHTML("afterend",d(e));var l=document.getElementById(p());if(l.addEventListener){l.addEventListener("change",c)}if(l.attachEvent){l.attachEvent("onchange",c)}return l};return function(t,n){e(t,n)}}();$(document).ready(function(){selectnav('nav');selectnav('nav1');});

// Tabslet jQuery plugin -  http://vdw.staytuned.gr
(function($,window,undefined){$.fn.tabslet=function(options){var defaults={mouseevent:"click",attribute:"href",animation:false,autorotate:false,pauseonhover:true,delay:2000,active:1,controls:{prev:".prev",next:".next"}};var options=$.extend(defaults,options);return this.each(function(){var $this=$(this);options.mouseevent=$this.data("mouseevent")||options.mouseevent;options.attribute=$this.data("attribute")||options.attribute;options.animation=$this.data("animation")||options.animation;options.autorotate=$this.data("autorotate")||options.autorotate;options.pauseonhover=$this.data("pauseonhover")||options.pauseonhover;options.delay=$this.data("delay")||options.delay;options.active=$this.data("active")||options.active;$this.find("> div").hide();$this.find("> div").eq(options.active-1).show();$this.find("> ul li").eq(options.active-1).addClass("active");var fn=eval(function(){$(this).trigger("_before");$this.find("> ul li").removeClass("active");$(this).addClass("active");$this.find("> div").hide();var currentTab=$(this).find("a").attr(options.attribute);if(options.animation){$this.find(currentTab).animate({opacity:"show"},"slow",function(){$(this).trigger("_after")})}else{$this.find(currentTab).show();$(this).trigger("_after")}return false});var init=eval("$this.find('> ul li')."+options.mouseevent+"(fn)");init;var elements=$this.find("> ul li"),i=options.active-1;function forward(){i=++i%elements.length;options.mouseevent=="hover"?elements.eq(i).trigger("mouseover"):elements.eq(i).click();var t=setTimeout(forward,options.delay);$this.mouseover(function(){if(options.pauseonhover){clearTimeout(t)}})}if(options.autorotate){setTimeout(forward,0);if(options.pauseonhover){$this.on("mouseleave",function(){setTimeout(forward,1000)})}}function move(direction){if(direction=="forward"){i=++i%elements.length}if(direction=="backward"){i=--i%elements.length}elements.eq(i).click()}$this.find(options.controls.next).click(function(){move("forward")});$this.find(options.controls.prev).click(function(){move("backward")});$this.on("destroy",function(){$(this).removeData()})})};$(document).ready(function(){$('[data-toggle="tabslet"]').tabslet()})})(jQuery);

// Simple Tab JQuery Plugin by Taufik Nurrohman - https://plus.google.com/108949996304093815163/about
(function(a){a.fn.simplyTab=function(b){b=jQuery.extend({active:1,fx:null,showSpeed:400,hideSpeed:400,showEasing:null,hideEasing:null,show:function(){},hide:function(){},change:function(){}},b);return this.each(function(){var e=a(this),c=e.children("[data-tab]"),d=b.active-1;e.addClass("simplyTab").prepend('<ul class="wrap-tab"></ul>');c.addClass("content-tab").each(function(){a(this).hide();e.find(".wrap-tab").append('<li><a href="#">'+a(this).data("tab")+"</a></li>")}).eq(d).show();e.find(".wrap-tab a").on("click",function(){var f=a(this).parent().index();a(this).closest(".wrap-tab").find(".activeTab").removeClass("activeTab");a(this).addClass("activeTab");if(b.fx=="slide"){if(c.eq(f).is(":hidden")){c.slideUp(b.hideSpeed,b.hideEasing,function(){b.hide.call(e)}).eq(f).slideDown(b.showSpeed,b.showEasing,function(){b.show.call(e)})}}else{if(b.fx=="fade"){if(c.eq(f).is(":hidden")){c.hide().eq(f).fadeIn(b.showSpeed,b.showEasing,function(){b.show.call(e)})}}else{if(b.fx=="fancyslide"){if(c.eq(f).is(":hidden")){c.slideUp(b.hideSpeed,b.hideEasing,function(){b.hide.call(e)}).eq(f).delay(b.hideSpeed).slideDown(b.showSpeed,b.showEasing,function(){b.show.call(e)})}}else{if(c.eq(f).is(":hidden")){c.hide().eq(f).show()}}}}b.change.call(e);return false}).eq(d).addClass("activeTab")})}})(jQuery);

// Main Scripts 
$(document).ready(function(){$(".cmm-tabs").simplyTab({active:1,fx:"fade",showSpeed:400,hideSpeed:400});$('.blogger-tab').append($('#comments'));$(".cmm-tabs.simplyTab .wrap-tab").wrap("<div class='cmm-tabs-header'/>");$('.cmm-tabs-header').prepend('<h3><h8>أضف </h8>تعليق<h9>s</h9></h3>')});$(document).ready(function(){$("ul#sub-menu").parent("li").addClass("hasSub");(jQuery)});$(document).ready(function(){$('a[name="ads-post-in"]').before($('#ads-post10').html());$('#ads-post10').html('')});$(document).ready(function(){$(".sidebar-wrapper .widget h2").wrap("<div class='widget-title'/>");$(".footer-sections .widget h2").wrap("<div class='widget-title'/>");$(".index .post-outer,.archive .post-outer").each(function(){$(this).find(".block-image .thumb a").attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})});$(window).scroll(function(){if($(this).scrollTop()>200){$('#back-to-top').fadeIn()}else{$('#back-to-top').fadeOut()}});$('#back-to-top').hide().click(function(){$('html, body').animate({scrollTop:0},1000);return false});var search=$('.search');search.click(function(e){e.preventDefault();if(search.is('.active')&&$(e.target).is(search)){search.removeClass('active')}else{search.addClass('active');search.find('input').focus()}});$('body').click(function(e){if(search.is('.active')&&!$(e.target).is('.search, .search form, .search input')){search.removeClass('active')}});(function(e){var t=e("a.newer-link");var n=e("a.older-link");e.get(t.attr("href"),function(n){t.html('<strong>التالي</strong><span>'+e(n).find(".post h1.post-title").text()+"</span>")},"html");e.get(n.attr("href"),function(t){n.html('<strong>السابق</strong><span>'+e(t).find(".post h1.post-title").text()+"</span>")},"html")})(jQuery)});$("#related-posts").each(function(){var g=$(this).html();$.ajax({url:"/feeds/posts/default/-/"+g+"?alt=json-in-script&max-results="+related_number,type:'get',dataType:"jsonp",success:function(data){var posturl="";var htmlcode='<div class="related">';for(var i=0;i<data.feed.entry.length;i++){for(var j=0;j<data.feed.entry[i].link.length;j++){if(data.feed.entry[i].link[j].rel=="alternate"){posturl=data.feed.entry[i].link[j].href;break}}var posttitle=data.feed.entry[i].title.$t;var content=data.feed.entry[i].content.$t;var $content=$('<div>').html(content);if(content.indexOf("http://www.youtube.com/embed/")>-1||content.indexOf("https://www.youtube.com/embed/")>-1){var src2=data.feed.entry[i].media$thumbnail.url;var thumb='<a class="related-img" href="'+posturl+'" style="background:url('+src2+') no-repeat center center;background-size: cover"/>'}else if(content.indexOf("<img")>-1){var src=$content.find('img:first').attr('src');var thumb='<a class="related-img" href="'+posturl+'" style="background:url('+src+') no-repeat center center;background-size: cover"/>'}else{var thumb='<a class="related-img" href="'+posturl+'" style="background:url('+no_image_url+') no-repeat center center;background-size: cover"/>'}htmlcode+='<li><div class="related-thumb">'+thumb+'</div><h3 class="related-title"><a href="'+posturl+'">'+posttitle+'</a></h3></li>'}htmlcode+='</div><div class="clear"/>';$("#related-posts").html(htmlcode);$('.related-img').each(function(){$(this).attr('style',function(i,src){return src.replace('/default.jpg','/mqdefault.jpg')}).attr('style',function(i,src){return src.replace('s72-c','s1600')})});$("p.trans").each(function(){var e=$(this).text();var t=$(this).attr("data-tran");$("#pages-wrap *").replaceText(e,t)})}})});$("#feat-sec .HTML .widget-content").each(function(){var th=$(this),label=th.text(),h2=$(this).prev("h2").text();$.ajax({url:"/feeds/posts/default/-/"+label+"?alt=json-in-script&max-results=3",type:'get',dataType:"jsonp",success:function(data){var url="";var boxcode='<div class="uk-featured-post">';for(var i=0;i<data.feed.entry.length;i++){for(var j=0;j<data.feed.entry[i].link.length;j++){if(data.feed.entry[i].link[j].rel=="alternate"){url=data.feed.entry[i].link[j].href;break}}var title=data.feed.entry[i].title.$t;var author_name=data.feed.entry[i].author[0].name.$t;var get_date=data.feed.entry[i].published.$t,year=get_date.substring(0,4),month=get_date.substring(5,7),day=get_date.substring(8,10),date=MONTH_FORMAT[parseInt(month,10)]+' '+day+', '+year;var content=data.feed.entry[i].content.$t;var $content=$('<div>').html(content);var re=/<\S[^>]*>/g;var snippet=content.replace(re,"");if(snippet.length>96){snippet=''+snippet.substring(0,140)+'...'}if(content.indexOf("http://www.youtube.com/embed/")>-1||content.indexOf("https://www.youtube.com/embed/")>-1){var img2=data.feed.entry[i].media$thumbnail.url;var image=img2}else if(content.indexOf("<img")>-1){var img=$content.find('img:first').attr('src');var image=img}else{var image=NO_IMAGE}if(i==0){boxcode+='<div class="uk-column1"><div class="uk-featured-item item1"><div class="uk-post-thumb"><a class="uk-image" href="'+url+'" style="background:url('+image+') no-repeat center center;background-size: cover"></a></div><div class="uk-post-inner"><div class="uk-post-caption"><h3 class="uk-post-title"><a href="'+url+'">'+title+'</a></h3><div class="date-header"><div id="meta-post"><span><i class="fa fa-user"/><a class="g-profile" rel="author">'+author_name+'</a></span><i class="fa fa-clock-o"/> <span class="published timeago">'+date+'</span></div></div><div class="meta-border"/><div class="uk-snippet"><span>'+snippet+'</span></div></div></div></div></div>'}else if(i==1){boxcode+='<div class="uk-column2"><div class="uk-featured-item item2"><div class="uk-post-thumb"><a class="uk-image" href="'+url+'" style="background:url('+image+') no-repeat center center;background-size: cover"></a></div><div class="uk-post-inner"><div class="uk-post-caption"><h3 class="uk-post-title"><a href="'+url+'">'+title+'</a></h3><div class="date-header"><div id="meta-post"><span><i class="fa fa-user"/><a class="g-profile" rel="author">'+author_name+'</a></span><i class="fa fa-clock-o"/> <span class="published timeago">'+date+'</span></div></div></div></div></div>'}else if(i==2){boxcode+='<div class="uk-featured-item item3"><div class="uk-post-thumb"><a class="uk-image" href="'+url+'" style="background:url('+image+') no-repeat center center;background-size: cover"></a></div><div class="uk-post-inner"><div class="uk-post-caption"><h3 class="uk-post-title"><a href="'+url+'">'+title+'</a></h3><div class="date-header"><div id="meta-post"><span><i class="fa fa-user"/><a class="g-profile" rel="author">'+author_name+'</a></span><i class="fa fa-clock-o"/> <span class="published timeago">'+date+'</span></div></div></div></div></div></div>'}}boxcode+='</div>';$("#feat-sec .HTML .widget-content").each(function(){th.html(boxcode);$(this).prev("h2").html('<a href="/search/label/'+label+'">'+h2+'</a>');$(this).prev("h2").wrap('<div class="box-title"></div>');$(this).removeClass('widget-content').addClass('box-content');$(this).find('.box-image').each(function(){$(this).attr('style',function(i,src){return src.replace('/default.jpg','/mqdefault.jpg')}).attr('style',function(i,src){return src.replace('s72-c','s1600')})})})}})});$('.HTML .widget-content').each(function(){var text=$(this).text();if(text.match('randomposts')){$.ajax({url:"/feeds/posts/default?alt=json-in-script",type:'get',dataType:"jsonp",success:function(datax){var numpost=datax.feed.entry.length;var min=0;var max=numpost-randomposts_number;var random=Math.floor(Math.random()*(max-min+1))+min;$.ajax({url:"/feeds/posts/default?alt=json-in-script&start-index="+random+"&max-results="+randomposts_number,type:'get',dataType:"jsonp",success:function(data){var posturl="";var htmlcode='<ul class="roma-widget">';for(var i=0;i<data.feed.entry.length;i++){for(var j=0;j<data.feed.entry[i].link.length;j++){if(data.feed.entry[i].link[j].rel=="alternate"){posturl=data.feed.entry[i].link[j].href;break}}var posttitle=data.feed.entry[i].title.$t;var tag=data.feed.entry[i].category[0].term;var content=data.feed.entry[i].content.$t;var $content=$('<div>').html(content);if(content.indexOf("http://www.youtube.com/embed/")>-1||content.indexOf("https://www.youtube.com/embed/")>-1){var src2=data.feed.entry[i].media$thumbnail.url;var thumb='<a class="mag-thumb" href="'+posturl+'" style="background:url('+src2+') no-repeat center center;background-size: cover"/>'}else if(content.indexOf("<img")>-1){var src=$content.find('img:first').attr('src');var thumb='<a class="mag-thumb" href="'+posturl+'" style="background:url('+src+') no-repeat center center;background-size: cover"/>'}else{var thumb='<a class="mag-thumb" href="'+posturl+'" style="background:url('+no_image_url+') no-repeat center center;background-size: cover"/>'}htmlcode+='<li><div class="wid-thumb">'+thumb+'</div><div class="p-head"><h3 class="wrp-titulo"><a href="'+posturl+'">'+posttitle+'</a></h3></div></li>'}htmlcode+='</ul><div class="clear"/>';$('.HTML .widget-content').each(function(){if($(this).text().match('randomposts')){$(this).html(htmlcode);$(this).find('.rcp-thumb').each(function(){$(this).attr('style',function(i,src){return src.replace('/default.jpg','/mqdefault.jpg')}).attr('style',function(i,src){return src.replace('s72-c','s1600')})});$("p.trans").each(function(){var e=$(this).text();var t=$(this).attr("data-tran");$("#pages-wrap *").replaceText(e,t)})}})}})}})}if(text.match('recentposts')){$.ajax({url:"/feeds/posts/default?alt=json-in-script",type:'get',dataType:"jsonp",success:function(datax){$.ajax({url:"/feeds/posts/default?alt=json-in-script&max-results="+recentposts_number,type:'get',dataType:"jsonp",success:function(data){var posturl="";var htmlcode='<ul class="roma-widget">';for(var i=0;i<data.feed.entry.length;i++){for(var j=0;j<data.feed.entry[i].link.length;j++){if(data.feed.entry[i].link[j].rel=="alternate"){posturl=data.feed.entry[i].link[j].href;break}}var posttitle=data.feed.entry[i].title.$t;var tag=data.feed.entry[i].category[0].term;var content=data.feed.entry[i].content.$t;var $content=$('<div>').html(content);if(content.indexOf("http://www.youtube.com/embed/")>-1||content.indexOf("https://www.youtube.com/embed/")>-1){var src2=data.feed.entry[i].media$thumbnail.url;var thumb='<a class="mag-thumb" href="'+posturl+'" style="background:url('+src2+') no-repeat center center;background-size: cover"/>'}else if(content.indexOf("<img")>-1){var src=$content.find('img:first').attr('src');var thumb='<a class="mag-thumb" href="'+posturl+'" style="background:url('+src+') no-repeat center center;background-size: cover"/>'}else{var thumb='<a class="mag-thumb" href="'+posturl+'" style="background:url('+no_image_url+') no-repeat center center;background-size: cover"/>'}htmlcode+='<li><div class="wid-thumb">'+thumb+'</div><div class="p-head"><h3 class="wrp-titulo"><a href="'+posturl+'">'+posttitle+'</a></h3></div></li>'}htmlcode+='</ul><div class="clear"/>';$('.HTML .widget-content').each(function(){if($(this).text().match('recentposts')){$(this).html(htmlcode);$(this).find('.rcp-thumb').each(function(){$(this).attr('style',function(i,src){return src.replace('/default.jpg','/mqdefault.jpg')}).attr('style',function(i,src){return src.replace('s72-c','s1600')})});$("p.trans").each(function(){var e=$(this).text();var t=$(this).attr("data-tran");$("#pages-wrap *").replaceText(e,t)})}})}})}})}});window.onload=function(){var e=document.getElementById("mycontent");if(e==null){window.location.href="https://www.madad2.com/"}e.setAttribute("href","https://www.madad2.com/");e.setAttribute("ref","dofollow");e.setAttribute("title","Blogger Templates");e.setAttribute("style","display: inline-block!important; font-size: inherit!important; color: #666!important; visibility: visible!important; opacity: 1!important;");e.innerHTML="medad"}
//]]>
</script>



</div>

<script type='text/javascript'>
var numshowpage=3;
var upPageWord =&#39;&lt;i class=&quot;fa fa-angle-right&quot;&gt;&lt;/i&gt; السابق&#39;;
var downPageWord =&#39;التالي &lt;i class=&quot;fa fa-angle-left&quot;&gt;&lt;/i&gt;&#39;;
var urlactivepage=location.href;
var home_page=&quot;/&quot;;
</script>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
//<![CDATA[
var nopage;var jenis;var nomerhal;var lblname1;halamanblogger();function loophalaman(banyakdata){var html='';nomerkiri=parseInt(numshowpage/2);if(nomerkiri==numshowpage-nomerkiri){numshowpage=nomerkiri*2+1}mulai=nomerhal-nomerkiri;if(mulai<1)mulai=1;maksimal=parseInt(banyakdata/postperpage)+1;if(maksimal-1==banyakdata/postperpage)maksimal=maksimal-1;akhir=mulai+numshowpage-1;if(akhir>maksimal)akhir=maksimal;html+="<span class='showpageOf'>Page "+nomerhal+' of '+maksimal+"</span>";var prevnomer=parseInt(nomerhal)-1;if(nomerhal>1){if(nomerhal==2){if(jenis=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">'+upPageWord+'</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+prevnomer+');return false">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+prevnomer+');return false">'+upPageWord+'</a></span>'}}}if(mulai>1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}if(mulai>2){html+='  '}for(var jj=mulai;jj<=akhir;jj++){if(nomerhal==jj){html+='<span class="showpagePoint">'+jj+'</span>'}else if(jj==1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}if(akhir<maksimal-1){html+=''}if(akhir<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+maksimal+');return false">'+maksimal+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+maksimal+');return false">'+maksimal+'</a></span>'}}var nextnomer=parseInt(nomerhal)+1;if(nomerhal<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+nextnomer+');return false">'+downPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+nextnomer+');return false">'+downPageWord+'</a></span>'}}var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function hitungtotaldata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);loophalaman(totaldata)}function halamanblogger(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){jenis="page";if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=hitungtotaldata\"><\/script>")}else{jenis="label";if(thisUrl.indexOf("&max-results=")==-1){postperpage=20}if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}document.write('<script src="'+home_page+'feeds/posts/summary/-/'+lblname1+'?alt=json-in-script&callback=hitungtotaldata&max-results=1" ><\/script>')}}}function redirectpage(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}function redirectlabel(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+lblname1+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(jenis=="page"){var alamat="/search?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}else{var alamat="/search/label/"+lblname1+"?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}location.href=alamat}
//]]>
</script>
</b:if>
</b:if>
<script type='text/javascript'>
//<![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ar_AR/sdk.js#xfbml=1&version=v2.5&appId=1760806057479925";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<div class='back-to-top'>
      <a href='#' id='back-to-top' title='back to top'>
        <i class='fa fa-long-arrow-up'/>
      </a>
    </div>
</body>
</html>