السبت، 23 أبريل 2016

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html dir='rtl' 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>
<meta charset='utf-8'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/u/0/+iHussam' rel='author'/></b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
    <title><data:blog.pageTitle/></title>
<b:else/>
    <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
        <title>404: الصفحة غير موجودة ~ <data:blog.title/></title>
    <b:else/>
        <title><data:blog.pageName/> ~ <data:blog.title/></title>
    </b:if>
</b:if>
<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
</b:if>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
</b:if>
<meta content='YOURFBAPPSID' property='fb:app_id'/>
<meta content='YOURFBUSERID' property='fb:admins'/>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found</title>
<meta content='5;/' http-equiv='refresh'/>
</b:if>

<link href='https://googledrive.com/host/0Bxyf5AC_ilPwZFpoRVdjVDhVcjQ' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700|Electrolize' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet'/>


&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[

/*
-----------------------------------------------
Blogger Template Style
Name:     ideaofmaine
Designer: Houssam Baha
URL:      www.ar1web.com
----------------------------------------------- */


/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

/* CSS HTML5 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{background:transparent;}table{border-collapse:collapse;border-spacing:0;}

/* CSS Framework */
.navbar,.post-feeds,.feed-links{display:none;}
.section,.widget{margin:0 0 0 0;padding:0 0 0 0;}
strong,b{font-weight:bold;}
cite,em,i{font-style:italic;}
a:link{color:#0fa9cd;text-decoration:none;outline:none;transition:all 0.25s;}
a:visited{color:#637182;text-decoration:none;}
a:link:hover{color:#444;text-decoration:none;}
a:visited:hover{color:#444;text-decoration:none;}
a img{border:none;border-width:0;outline:none;}
img{max-width:100%;vertical-align:middle;border:0;}
abbr,acronym{border-bottom:1px dotted;cursor:help;}
sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}
sub{top:.4em;}small{font-size:86%;}
kbd{font-size:80%;border:1px solid #b4babe;padding:2px 5px;border-bottom-width:2px;}
mark{background-color:#ffce00;color:#182025;}
p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;}
hr{height:1px;border:none;background-color:#46515e;}

/* CSS Blog Heading */
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal;margin:0 0 0.6em;}
h1{font-size:200%}
h2{font-size:180%}
h3{font-size:160%}
h4{font-size:140%}
h5{font-size:120%}
h6{font-size:100%}

/* CSS Form */
input,button,select,textarea{font:'Open Sans';font-size:100%;line-height:normal;vertical-align:baseline;}
textarea{display:block;box-sizing:border-box;}
pre,code{font-family:'Open Sans';color:#46515e;}
pre{white-space:pre;word-wrap:normal;overflow:auto;}
blockquote{margin-right:2em;margin-left:2em;padding:1em 1em;font-size:100%;background:#fff9e7;color:#444;border:2px solid #f0ebda;}
.awal{float:right;color:#0fa9cd;background:#fff;line-height:30px;padding-top:1px;padding-left:5px;font-family:times;font-size:50px;}

/* CSS List */
ul,dl{margin:.5em 3em .5em 0em}
ol{list-style:decimal outside}
ul{list-style:disc outside}
li{margin:.5em 0}
dt{font-weight:bold}
dd{margin:0 2em .5em 0}

/* CSS List Custom */
.post ul li span{position:relative;display:block;padding:5px 8px;margin-bottom:10px;background:#fafafa;color:#666;text-decoration:none;transition:all .3s ease-out;}
.post ul li span:hover{background:#f9f9f9;}
ol {counter-reset:li;list-style: none;font:15px 'Open Sans', 'lucida sans';
padding:0;margin-bottom:4em;text-shadow: 0 1px 0 rgba(255,255,255,.5);}
ol ol {margin:0 2em 0 0;}
.post ol li{position:relative;display:block;padding:.4em .8em .4em .4em;
margin:.5em 2.5em .5em 0;background:#fafafa;color:#666;text-decoration:none;
transition:all .3s ease-out;}
.post ol li:hover{background:#f9f9f9;}
.post ol li:before{content:counter(li);counter-increment:li;position:absolute;
right:-2.5em;top:50%;margin-top:-1em;background:#0fa9cd;color:#fff;height:2em;width:2em;
line-height:2em;text-align:center;font-weight:bold;}
.post ol li:after{position:absolute; content:'';border: .5em solid transparent;
right:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}
.post ol li:hover:after{right:-.5em;border-right-color:#0fa9cd;}
.post ol li span{position:relative;display:block;padding:5px 8px;margin-bottom:10px;background:#fafafa;color:#666;text-decoration:none;transition:all .3s ease-out;}
.post ol li span:hover{background:#f9f9f9;}


/* CSS Post Table */
body {
background: #f7f7f7 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR56Ch4qcQOVNCWNFk2CdpEl8_jVdx-ibe-GFE0XUkdTSO2GUgK5A9gO1U3QhzNlAUywY0pnp1_hbEM1L75X3eXzaAv8PDosm7MzM9oK5Rp0XdOE3tkCRf4kGSSCt_NEZbXQ4kpMk-F7jF/s0/p6.png) repeat scroll top left;
color:#444;font-family:'Open Sans';font-size:13px;font-weight:400;text-align:right;}
body#layout #outer-wrapper, body#layout .post-inner, body#layout .sidebar {
padding:0 0 0 0;}
body#layout .top-tab-widget-menu ul {display:none;}
.post-body table th, .post-body table td, .post-body table caption{border:none;padding:.8em .12em;text-align:right;vertical-align:top;}
.post-body table.tr-caption-container {border:none;}
.post-body th{font-weight:700;}
.post-body tr{background:#f0f0f0;transition:all 0.3s ease-in-out;}
.post-body tr:hover {background:#e9e9e9;}
.post-body table caption{border:none;font-style:italic;}
.post-body table{text-align:center;margin:0 auto;margin-top:10px;margin-bottom:10px;}
.post-body th{vertical-align:top;text-align:right;font-size:13px;padding:0;border:none;}
.post-body th span{padding:8px 12px;background:#0fa9cd;color:#fff;}
.post-body td{vertical-align:top;text-align:right;font-size:13px;padding:0;border:none;}
.post-body td span{padding:8px 12px;color:#666;}
.post-body table.tr-caption-container td {border:none;padding:0;}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0!important;}
img {max-width:100%;height:auto;border:none;}
table {max-width:100%;}
body#layout #wrapper, body#layout .post-inner, body#layout .sidebar-inner {
padding:0 0 0 0;}
body#layout .tably {float:right;width:79px;}
body#layout .header-wrapper {margin-top:40px;}
body#layout #navigation {float:left;width:50%;}
body#layout .tably {float:right;width:100%;}
.ct-wrapper {margin:0;padding:0;}
.clear {clear:both;}
.clear:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;
height:0;}
#navbar-iframe {display:none !important;}
header,nav,section,aside,article,footer {display:block;}

/* CSS Global Wrapper */
#outer-wrapper {width:1015px;overflow:hidden;margin:0 auto;padding:0;}

#post-wrapper {float:right;width:70%;max-width:700px;margin:0 0 10px;}
.post-inner {padding:15px 0 0 15px;}
.blogouter-wrapper {overflow:hidden;position:relative;width:100%;}

#header-wrapper {width:100%;margin:0 auto;margin-bottom:15px;overflow:hidden;}
#header {float:right;width:100%;max-width:257px;}
.header-left {float:left;padding:0;overflow:hidden;margin:0;width:100%;
max-width:728px;}
.header-wrapper2 {position:relative;z-index:999;}
#sidebar-wrapper {float:left;width:30%;max-width:300px;margin:0 auto;}
.sidebar-inner {padding:15px 0;}

/*--------Footer----------*/



#PopularPosts1 img {
    border: 5px solid #ccc;
    float: left;
    margin: 15px;
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
}
#PopularPosts1 img:hover {
    margin-top: 2px;
}

/*-------------Topnav--------*/
#topnav{
width:100%;
margin:0;
padding:0;
background:#55606f;
height: 45px;
border-bottom: 5px solid #FF8800;
}
#topnav ul{
width: 990px;
margin: 0 auto;
padding: 0;
overflow: hidden;
}
/* This button was generated using CSSButtonGenerator.com */
#topnav ul li {
float: right;
padding: 0 10px 0 10px;
display: block;
margin: 10px 0;
-webkit-transition: all 1s ease .2s;
-moz-transition: all 1s ease .2s;
-o-transition: all 1s ease .2s;
-pie-transition: all 1s ease .2s;
transition: all 1s ease .2s;
}
#topnav ul li a{
margin: 5px;
padding: 0;
color: #fff;
font: normal 12px Electrolize,ges;
text-shadow: 1px 1px 0 #000;
line-height: 2.2em;
}
#topnav ul li span{text-align:center;margin:0;padding:0;color:#00C0F0;text-shadow: 0 1px 0 #000;font:normal 11px tahoma;}
#topnav ul li:hover, #topnav ul li.active {
color: #CCC;
-webkit-transition: all 1s ease .2s;
-moz-transition: all 1s ease .2s;
-o-transition: all 1s ease .2s;
-pie-transition: all 1s ease .2s;
transition: all 1s ease .2s;
}
#topnav ul li a:hover, #topnav ul li.active a {
color: #B0BABE;
}



@font-face {
font-family: 'ges';
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot');
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot?') format('embedded-opentype'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.woff') format('woff'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.ttf') format('truetype'); }
@font-face {
@font-face {
font-family: 'GESSTwoMediumRegular';
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot');
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot?') format('embedded-opentype'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.woff') format('woff'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.ttf') format('truetype');
}

#main-home{width:100%;height:auto;padding:20px 0;margin:20px 0 0;margin-bottom:30px;overflow:hidden}
#main-left{float:left;width:46%;}
#main-right{float:right;width:46%;margin-right: 20px;}
#gleft .widget {padding:20px;margin:0;overflow-wrap:break-word;}
#gright .widget {padding:20px;margin:0;overflow-wrap:break-word;}

#featured-wrap{height:225px;margin:0 auto;margin-bottom:20px;list-style:none;}


]]></b:skin>



<style type='text/css'>



body {-webkit-backface-visibility:hidden;}

.animated {-webkit-animation-duration: 1s;-moz-animation-duration: 1s;
-o-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;}

@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}}

@-moz-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}}

@-o-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}}

@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}}

.animated.fadeIn {-webkit-animation-name: fadeIn;-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;animation-name: fadeIn;}

@-webkit-keyframes fadeInUp {
    0% {opacity: 0;-webkit-transform: translateY(20px);}
    100% {opacity: 1;-webkit-transform: translateY(0);}}

@-moz-keyframes fadeInUp {
    0% {opacity: 0;-moz-transform: translateY(20px);}
    100% {opacity: 1;-moz-transform: translateY(0);}}

@-o-keyframes fadeInUp {
    0% {opacity: 0;-o-transform: translateY(20px);}
    100% {opacity: 1;-o-transform: translateY(0);}}

@keyframes fadeInUp {
    0% {opacity: 0;transform: translateY(20px);}
    100% {opacity: 1;transform: translateY(0);}}

.animated.fadeInUp {-webkit-animation-name: fadeInUp;-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;animation-name: fadeInUp;}
@-webkit-keyframes fadeInDown {
    0% {opacity: 0;-webkit-transform: translateY(-20px);}
    100% {opacity: 1;-webkit-transform: translateY(0);}}

@-moz-keyframes fadeInDown {
    0% {opacity: 0;-moz-transform: translateY(-20px);}
    100% {opacity: 1;-moz-transform: translateY(0);}}

@-o-keyframes fadeInDown {
    0% {opacity: 0;-o-transform: translateY(-20px);}
    100% {opacity: 1;-o-transform: translateY(0);}}

@keyframes fadeInDown {
    0% {opacity: 0;transform: translateY(-20px);}
    100% {opacity: 1;transform: translateY(0);}}

.animated.fadeInDown {-webkit-animation-name: fadeInDown;-moz-animation-name: fadeInDown;-o-animation-name: fadeInDown;animation-name: fadeInDown;}

@-webkit-keyframes fadeInright {
    0% {opacity: 0;-webkit-transform: translateX(-20px);}
    100% {opacity: 1;-webkit-transform: translateX(0);}}

@-moz-keyframes fadeInright {
    0% {opacity: 0;-moz-transform: translateX(-20px);}
    100% {opacity: 1;-moz-transform: translateX(0);}}

@-o-keyframes fadeInright {
    0% {opacity: 0;-o-transform: translateX(-20px);}
    100% {opacity: 1;-o-transform: translateX(0);}}

@keyframes fadeInright {
    0% {opacity: 0;transform: translateX(-20px);}
    100% {opacity: 1;transform: translateX(0);}}

.animated.fadeInright {-webkit-animation-name: fadeInright;-moz-animation-name: fadeInright;-o-animation-name: fadeInright;animation-name: fadeInright;}

@-webkit-keyframes fadeInleft {
    0% {opacity: 0;-webkit-transform: translateX(20px);}
    100% {opacity: 1;-webkit-transform: translateX(0);}}

@-moz-keyframes fadeInleft {
    0% {opacity: 0;-moz-transform: translateX(20px);}
    100% {opacity: 1;-moz-transform: translateX(0);}}

@-o-keyframes fadeInleft {
    0% {opacity: 0;-o-transform: translateX(20px);}
    100% {opacity: 1;-o-transform: translateX(0);}}

@keyframes fadeInleft {
    0% {opacity: 0;transform: translateX(20px);}
    100% {opacity: 1;transform: translateX(0);}}

.animated.fadeInleft {-webkit-animation-name: fadeInleft;-moz-animation-name: fadeInleft;-o-animation-name: fadeInleft;animation-name: fadeInleft;}

@-webkit-keyframes fadeInUpBig {
    0% {opacity: 0;-webkit-transform: translateY(2000px);}
    100% {opacity: 1;-webkit-transform: translateY(0);}}

@-moz-keyframes fadeInUpBig {
    0% {opacity: 0;-moz-transform: translateY(2000px);}
    100% {opacity: 1;-moz-transform: translateY(0);}}

@-o-keyframes fadeInUpBig {
    0% {opacity: 0;-o-transform: translateY(2000px);}
    100% {opacity: 1;-o-transform: translateY(0);}}

@keyframes fadeInUpBig {
    0% {opacity: 0;transform: translateY(2000px);}
    100% {opacity: 1;transform: translateY(0);}}

.animated.fadeInUpBig {-webkit-animation-name: fadeInUpBig;-moz-animation-name: fadeInUpBig;-o-animation-name: fadeInUpBig;animation-name: fadeInUpBig;}

@-webkit-keyframes fadeInDownBig {
    0% {opacity: 0;-webkit-transform: translateY(-2000px);}
    100% {opacity: 1;-webkit-transform: translateY(0);}}

@-moz-keyframes fadeInDownBig {
    0% {opacity: 0;-moz-transform: translateY(-2000px);}
    100% {opacity: 1;-moz-transform: translateY(0);}}

@-o-keyframes fadeInDownBig {
    0% {opacity: 0;-o-transform: translateY(-2000px);}
    100% {opacity: 1;-o-transform: translateY(0);}}

@keyframes fadeInDownBig {
    0% {opacity: 0;transform: translateY(-2000px);}
    100% {opacity: 1;transform: translateY(0);}}

.animated.fadeInDownBig {-webkit-animation-name: fadeInDownBig;-moz-animation-name: fadeInDownBig;-o-animation-name: fadeInDownBig;animation-name: fadeInDownBig;}

@-webkit-keyframes fadeInrightBig {
    0% {opacity: 0;-webkit-transform: translateX(-2000px);}
    100% {opacity: 1;-webkit-transform: translateX(0);}}

@-moz-keyframes fadeInrightBig {
    0% {opacity: 0;-moz-transform: translateX(-2000px);}
    100% {opacity: 1;-moz-transform: translateX(0);}}

@-o-keyframes fadeInrightBig {
    0% {opacity: 0;-o-transform: translateX(-2000px);}
    100% {opacity: 1;-o-transform: translateX(0);}}

@keyframes fadeInrightBig {
    0% {opacity: 0;transform: translateX(-2000px);}
    100% {opacity: 1;transform: translateX(0);}}

.animated.fadeInrightBig {-webkit-animation-name: fadeInrightBig;-moz-animation-name: fadeInrightBig;-o-animation-name: fadeInrightBig;animation-name: fadeInrightBig;}

@-webkit-keyframes fadeInleftBig {
    0% {opacity: 0;-webkit-transform: translateX(2000px);}
    100% {opacity: 1;-webkit-transform: translateX(0);}}

@-moz-keyframes fadeInleftBig {
    0% {opacity: 0;-moz-transform: translateX(2000px);}
    100% {opacity: 1;-moz-transform: translateX(0);}}

@-o-keyframes fadeInleftBig {
    0% {opacity: 0;-o-transform: translateX(2000px);}
    100% {opacity: 1;-o-transform: translateX(0);}}

@keyframes fadeInleftBig {
    0% {opacity: 0;transform: translateX(2000px);}
    100% {opacity: 1;transform: translateX(0);}}

.animated.fadeInleftBig {-webkit-animation-name: fadeInleftBig;-moz-animation-name: fadeInleftBig;-o-animation-name: fadeInleftBig;animation-name: fadeInleftBig;}

/* CSS Outer Wrapper */
#outer-wrapper {width: 1015px;overflow:hidden;margin-top:50px;padding: 15px;
}

/* CSS Content Wrapper */
#content-wrapper {background-color:#fff;margin:0 auto;padding:5px 0 0;
word-wrap:break-word;width: 1015px;border: 1px solid #ddd;}

/* CSS Header Wrapper */
#header-wrapper {width:100%;margin:0 auto;margin-bottom:15px;overflow:hidden;padding:0;}
#header {float:right;width:100%;max-width:257px;color:#46515e;margin:0;}
#header h1, #header p {font-family:&#39;Oswald&#39;;font-size:250%;font-weight:400;color:#46515e;text-transform:uppercase;}
#header a {color:#46515e;text-decoration:none;transition:all 0.3s ease-in-out;}
#header a:hover {color:#0fa9cd;}
#header .description {font-family:&#39;Open Sans&#39;;font-size:100%;font-weight:400;color:#5b686a;text-transform:none;}
.header img {display:block;}
.header-left {float:left;padding:0;overflow:hidden;margin:0;width:100%;
max-width:728px;}
.header-left img {display:block;}

/* CSS Loading Page */
#page-loader {position:fixed!important;position:absolute;top:0;left:0;bottom:0;
right:0;z-index:9999;background:#fff url(&#39;http://2.bp.blogspot.com/-t2gSISF0Sdc/U4XzAzFl5qI/AAAAAAAADVY/nYmOzAOnbus/s1600/Loader3.gif&#39;) no-repeat 50% 50%;color:#fcfcfc;padding:1em 1.2em;display:none;}


/* CSS Main Menu */
#menu{background:#FF8800;color:#fff;height:50px; width:1015px; margin:0 auto; }
#menu ul,#menu li{margin:0;padding:0;list-style:none;}
#menu ul{height:50px}
#menu li{float:right;display:inline;position:relative;font-family:Electrolize,ges;font-size:14px;font-weight:400;text-transform:uppercase;}
#menu li a{color:#fff;}
#menu a{display:block;line-height:50px;padding:0 20px;text-decoration:none;color:#fff;transition:all 0.2s ease-in-out;}
#menu li:hover &gt; a{background:#55606f;color:#fff;}
#menu li a:hover{color:#fff;}
#menu li:last-child a{border-left:none;}
#menu input{display:none;margin:0;padding:0;width:80px;height:50px;opacity:0;cursor:pointer}
#menu label{font-family:&#39;Oswald&#39;;font-size:30px;font-weight:400;text-transform:uppercase;display:none;width:35px;height:51px;line-height:51px;text-align:center}
#menu label span{font-size:13px;position:absolute;right:35px}
#menu ul.menus{visibility:hidden;opacity:0;height:auto;overflow:hidden;width:166px;background:#fff;position:absolute;z-index:99;display:none;color:#666;box-shadow:0 2px 6px 0 rgba(0,0,0,0.2);transition:all 0.3s ease-in-out;}
#menu li:hover &gt; ul.menus{visibility:visible;opacity:1;display:block;-webkit-transition: height 0.5s;transition: height 0.5s;-moz-animation: fadeInUp .3s ease-in-out;-webkit-animation: fadeInUp .3s ease-in-out;animation: fadeInUp .3s ease-in-out;}
#menu a.ai,#menu a.trigger2{padding:0 14px 0 27px;transition:all 0.3s ease-in-out;}
#menu li:hover &gt; a.ai,#menu a.ai:hover{background:#55606f;color:#fff}
#menu a.ai::after{content:&quot;&quot;;width:6px;height:6px;border:2px solid #fff;border-right-width:0;border-top-width:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:absolute;top:19px;left:12px}
#menu ul.menus a{background:#fff;color:#666;border-bottom:1px solid #f0f0f0;transition:all .6s linear;}
#menu ul.menus a:hover{background:#55606f;color:#fff;transition:all .3s linear;}
#menu ul.menus li{display:block;width:100%;font-family:droid arabic kufi;font-size:13px;font-weight:400;text-transform:none;}
#menu ul.menus li:hover{width:100%;}
#menu ul.menus li:last-child {border-bottom:none;}
#menu ul.menus li:first-child a{border-top:none;}
#menu ul.menus li:last-child a{border-bottom:none;}
#menu ul.menus li:hover a {color:#fff;}
#menu .homers a{background:#55606f;color:#fff;}
#menu .homers a:hover{background:#505353;color:#fff;}

/* CSS Post Wrapper */
#post-wrapper {background:transparent;color:#666;float:right;width:70%;max-width:700px;margin:0 0 10px;}
.post-inner {padding:15px 0 0 15px;}
.breadcrumbs {background:#fafafa;font-size:100%;margin-right: 5px;height:30px;overflow:hidden;padding:0;border:1px solid #e0e0e0;border-bottom:none;}
.breadcrumbs &gt; span {background:#fafafa;padding:0;}
.breadcrumbs &gt; span:last-child {background:#fafafa;color:#666;border-left:none;font-family:droid arabic kufi;font-size:13px;font-weight:300;padding:10px;line-height:30px;}
.breadcrumbs a {background:#fafafa;color:#666;border-left:1px solid #e0e0e0;font-family:&#39;Open Sans&#39;;font-size:13px;font-weight:normal;}
.breadcrumbs span a {color:#666;padding:10px;}
.breadcrumbs span:first-child  a{background:#FF8800;color:#fff;border-right:none;font-family: ges;}
.breadcrumbs span a:hover {color:#fff;}
.breadcrumbs a:hover {background:#FF8800;color:#fff;}
.post {background:#fff;margin:0 0 15px;padding:1px;border:1px solid #e0e0e0;margin-right: 5px;}
.post-body {line-height:1.6em;color:#444;margin-top:15px;margin-left:0;font-size:13px;margin-right: 2px;}
.post-body img {max-width:95%;margin:0 auto;height:auto;}
h3.post-title, h2.post-title, h1.post-title {font-family:Electrolize,ges;font-size:20px;padding: 10px;font-weight:700;text-align:center;border-bottom:1px solid #ddd;padding-bottom:15px;}
h3.post-title a, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#666;}
h3.post-title a:hover, h2.post-title a:hover, h1.post-title a:hover {color:#0fa9cd!important;}
.post-info {background:transparent;margin-top:5px;margin-bottom:5px;color:#fff;font-size:11px;}
.post-info a {display:inline;background:transparent;color:#888;padding:4px 6px 4px 6px;transition:all .3s ease-in-out;}
.post-info a:hover {color:#0fa9cd;}
.author-info, .time-info, .comment-info, .label-info, .review-info {
margin-left:1px!important;display:inline;}
.halaman{padding:0;background:#fafafa;border:1px solid #ddd;margin-right: 15px;}
.halaman-kiri{width:50%;background:#fafafa;float:right;margin:0;text-align:right;color:#444;transition:all .3s ease-in-out;}
.halaman-kanan{width:50%;background:#fafafa;float:left;margin:0;text-align:left;color:#444;transition:all .3s ease-in-out}
.halaman-kanan:hover .pager-title-right,.halaman-kiri:hover .pager-title-right{color:#FF8800!important;}
.halaman-kanan a:hover,.halaman-kiri a:hover{color:#FF8800!important;}
.halaman-kiri a,.halaman-kanan a,.current-pageright,.current-pageleft{font-size:14px; font-family: droid arabic kufi;font-weight:300;background:none;text-decoration:none}
.halaman-kiri a,.halaman-kanan a{color:#444;}
.pager-title-right{font-family: normail,Electrolize,ges;font-size:22px;font-weight:700;transition:all .3s ease-in-out}
.isihalaman-kiri{margin:5px 10px 10px}
.isihalaman-kanan{margin:5px 10px 10px}
#blog-pager-newer-link{float:right}
#blog-pager-older-link{float:left}
.blog-pager,#blog-pager{clear:both;text-align:center}
.feed-links{clear:both;line-height:2.5em}

/* CSS Comments */
#comments{background:#fff;clear:both;margin:10px auto 0;line-height:1em;margin-right: 15px;padding:20px;border:1px solid #e0e0e0;}
#comments h3{background:#fff;display:inline;padding:10px;line-height:20px;margin-bottom:15px;margin-top:0;font-family:&#39;Playfair Display&#39;,sans-serif;font-size:18px;position:absolute;color:#666;font-weight:700;box-shadow: 0 2px 0px 0px rgba(0,0,0,0.06);border:1px solid #e0e0e0;}
#comments .click-comment{float:left;display:inline-block;margin-bottom:15px;padding:0;font-family:&#39;Playfair Display&#39;,sans-serif;font-size:16px;text-transform:none;position:relative;color:#444;font-weight:700;text-decoration:none}
#comments .click-comment:hover{color:#f35d5c}
.comment_avatar_wrap{width:0;height:35px;border:none;background:none;text-align:center;margin-bottom:10px;padding:0;}
#comments .comment_avatar {width:42px;height:42px;max-width:42px;max-height:42px;background:#fcfcfc;padding:0;text-align:center;position:absolute;top:5px;left:5px;opacity:1;}
#comments .comment_admin .comment_avatar{width:42px;height:42px;max-width:42px;max-height:42px;padding:4px 4px 19px;text-align:center;position:absolute;top:0;left:0;opacity:1;}
#comments .comment_avatar img {width:42px;height:42px;max-width:42px;max-height: 42px;background:url(http://3.bp.blogspot.com/-U7fcex9pq4M/U8Z_2o-e8KI/AAAAAAAAEYI/CQYSdLNp7Kg/s1600/anonim.png) no-repeat;}
.comment_avatar img{width:42px;height:42px;background:url(http://3.bp.blogspot.com/-U7fcex9pq4M/U8Z_2o-e8KI/AAAAAAAAEYI/CQYSdLNp7Kg/s1600/anonim.png) no-repeat}
.comment_name a{font-family:&#39;Playfair Display&#39;,sans-serif;font-weight:400;font-size:16px;padding:5px 0;color:#444;text-decoration:none}
.comment_name a:hover{color:#fff}
.comment_admin .comment_name{font-weight:400;font-size:16px;font-family:&#39;Playfair Display&#39;,sans-serif;text-decoration:none;background:none;padding:5px 0;}
.comment_admin .comment_date{right:10px;font-weight:400;font-size:11px;}
.comment_name{background:#fff;font-size:16px;font-family:&#39;Playfair Display&#39;, sans-serif;font-weight:700;padding:10px;position:absolute;right:5px;top:5px;display:inline;transition:all .3s ease-in-out}
.comment_name:hover{background:#444;color:#fff;}
.comment_admin .comment_name{background:#fff;padding:10px;right:5px;top:5px;display:inline;transition:all .3s ease-in-out}
.comment_admin .comment_name:hover{background:#00bfff;}
.comment_service{position:absolute;bottom:5px;right:5px;}
.comment_date a{right:0;font-size:11px;font-weight:400;text-transform:none;color:#666;text-decoration:none}
.comment_body{margin-top:20px;margin-bottom:20px;background:#fff;padding:10px 0;position:relative;box-shadow: 0 2px 0px 0px rgba(0,0,0,0.06);border:1px solid #e0e0e0;transition:all .3s ease-in-out}
.comment_body p{line-height:1.6em;color:#444;font-size:14px;font-family:&#39;Open Sans&#39;,Helvetica,Arial,sans-serif;word-wrap:break-word;background:#fff;margin-top:10px;padding:10px}
.comment_child .comment_body p{color:#444;}
.comment_body p img{vertical-align:middle}
.comment_inner{padding-bottom:5px;margin:5px 0}
.comment_child .comment_wrap{padding-right:7%}
.comment_child .comment_body{margin-top:-15px;background:#fff;}
.comment_reply{float:left;display:inline;bottom:0;left:0;color:#fff!important;text-align:center;text-decoration:none;background:#0fa9cd;font:11px/18px sans-serif;padding:3px 11px;border:1px solid #0f9abb;border-left:none;}
.comment_reply:hover{text-decoration:none!important;background:#363636;color:#fff!important;text-shadow:none;border:1px solid #303030;border-left:none;}
.comment-form{width:100%;max-width:100%;margin-bottom:10px;padding:0;}
.comment_form a{text-decoration:none;text-transform:uppercase;font-weight:700;font-family:Arial,Helvetica,Garuda,sans-serif;font-size:15px;color:#444}
#comment-editor{width:103%!important;background:#fff url(&#39;http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif&#39;) no-repeat 50% 25%;position:relative;margin-right:-8px;margin-top:-15px}
.comment-form p{background:#fff;color:#666;box-shadow: 0 2px 0px 0px rgba(0,0,0,0.06);border:1px solid #e0e0e0;font-size:14px;font-family:&#39;Open Sans&#39;,Helvetica,Arial,sans-serif;line-height:1.2em;margin-bottom:15px;padding:7px 10px;}
.comment_reply_form{padding:0 7% 0 0}
.comment_reply_form .comment-form{width:100%}
.comment_emo_list .item{float:right;text-align:center;height:40px;width:41px;margin:0 0 10px;}
.comment_emo_list span{display:block;font-weight:400;font-size:11px;color:#666}
.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img{max-width:100%!important}
#respond{overflow:hidden;padding-right:10px;clear:both}
.comment-delete{position:absolute;display:none;top:0;left:-25px;color:red!important;text-align:center;text-decoration:none;font-family:&#39;Open Sans&#39;;font-size:16px;font-weight:700;padding:0;transition:all .3s ease-in-out}
.comment_body:hover .comment-delete{display:inline-block;}
.comment-delete:hover{color:#444!important}
.unneeded-paging-control,.comment_author_flag{display:none}
.comment_admin .comment_author_flag {display:block;background:#444;font-family: &#39;Open Sans&#39;,sans-serif;font-size:12px;font-weight:400;width:42px;height:15px;line-height:15px;position:absolute;left:4px;bottom:4px;color:#fff;text-align:center;text-transform:uppercase;}
.spammer-detected{font-size:14px;font-family:&#39;Open Sans&#39;,Helvetica,Arial, sans-serif;}
.deleted-comment{display:block;color:#fff;word-wrap:break-word;background:#f35d5c;margin-top:10px;padding:10px;font-size:14px;font-family: &#39;Open Sans&#39;,Helvetica,Arial,sans-serif}
iframe{border:none;overflow:hidden}
.paging-control-container{text-align:center;margin:0 25% 0 0;}
.paging-control-container a{text-align:center;margin:0 auto;background:#ccc;border:1px solid #bbb;padding:3px 10px}

#konversi-box, #hide-konversi,#emo-box,#hide-emo {display:none}
#konversi-box {width:100%;color:#eee;background:none;line-height:1.6em;margin-bottom:20px;padding:0;text-align:right;}
.checkbox{font:11px Tahoma,Verdana,Arial,Sans-Serif;line-height:1.6em;color:#eee;}
#codes{border:1px solid #e0e0e0;width:100%;height:200px;display:block;background-color:#fff;color:#666;font:normal 12px &#39;Courier New&#39;,Monospace;margin:7px 0 10px;padding:5px;transition:all 0.5s linear;}
#codes:focus{background-color:#fff;color:#444;border:1px solid #bbb;outline:none;transition:all 0.3s linear;}
.button-group{float:left;text-align:right;margin:0 auto}
button,button[disabled]:active{border:none;font-size:12px;font-family:ges;font-weight:normal;padding:4px 10px;text-decoration:none;background:#fff;color:#666;border:1px solid #e0e0e0;display:inline-block;box-shadow:0 1px 3px 0px rgba(0,0,0,0.1);transition:all 0.5s linear;cursor:pointer}
button:hover{background:#FF8800;color:#fff;border:1px solid #E97E04;transition:all 0.2s linear;}
button:active{background:#FF8800;color:#fff;border:1px solid #E97E04;}
button[disabled],button[disabled]:active{color:#c34535;cursor:default}
#opt1,#opt2,#opt3,#opt4,#opt5{display:inline-block;vertical-align:middle;border:none;outline:none;margin:0 0 0 10px}

.small-button a,.small-button1 a {font-size:14px;font-family:droid arabic kufi;cursor:pointer;font-weight:400;margin:15px 0 5px 5px;text-decoration:none;text-transform:none;text-shadow:none;display:inline-block;background-color:#fff;color:#666;border:1px solid #e0e0e0;padding:4px 10px;cursor:pointer}
.small-button:hover a,.small-button1:hover a{text-shadow:none;display:inline-block;background-color:#FF8800;color:#fff;border:1px solid #E97E04;}

/* CSS Image Lightbox Dark */
#jquery-overlay{position:absolute;top:0;right:0;z-index:101;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;right:0;width:100%;z-index:102;text-align:center;line-height:0}
#jquery-lightbox a,#jquery-lightbox a:hover{border:none}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#131416;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image{padding:10px;}
#lightbox-loading{display:none!important;}
#lightbox-nav{position:absolute;top:25%;right:0;height:100%;width:100%;z-index:10}
#lightbox-container-image-box &gt; #lightbox-nav{right:0;transition:All 0.2s ease;}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;display:block;transition:All 0.2s ease;}
#lightbox-nav-btnPrev{right:10%;float:right;transition:All 0.2s ease;}

#lightbox-nav-btnNext{left:10%;float:left;transition:All 0.2s ease;}
#lightbox-container-image-data-box{font-size:9px;font-family: &#39;Open Sans&#39;,Helvetica,sans-serif;background-color:#131416;margin:0 auto;line-height:1.4em;overflow:auto;max-width:100%;padding:0 10px 0;}
#lightbox-container-image-data{padding:0 10px;color:#aaa}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:right;text-align:right}
#lightbox-image-details-caption{font-weight:normal}
#lightbox-image-details-currentNumber{display:block;clear:right;padding-bottom:1.0em}
#lightbox-secNav-btnClose{width:66px;float:left;padding-bottom:0.7em}

/* CSS Syntax Highlighter */
pre {background:#fff;color:#888;display:block;font:12px/19px Consolas,&#39;Andale Mono&#39;,Courier,&#39;Courier New&#39;,monospace;margin:10px 0;overflow:auto;padding:19px 19px 17px;border:1px solid #d8dde1;border-right:2px solid #b8c676;}
pre .comment {color:#A57A4C;}
pre .variable.global, pre .variable.class, pre .variable.instance {color:#DC3958;}
pre .constant.numeric, pre .constant.language, pre .constant.hex-color, pre .keyword.unit {color:#F79A32;}
pre .constant, pre .entity, pre .entity.class, pre .support {color:#F06431;}
pre .constant.symbol, pre .string {color:#889B4A;}
pre .entity.function, pre .support.css-property, pre .selector {
color:#8AB1B0;}
pre .keyword, pre .storage {color:#98676A;}

/* CSS Button */
.quote.center {color:#666;font-size:17px;font-style:italic;line-height:24px;margin:30px 60px;}
.quote.right {color:#666;float:right;font-size:17px;font-style:italic;line-height:24px;margin:15px 20px;padding:20px;width:33%;}
.quote.left {color:#666;float:left;font-size:17px;font-style:italic;line-height:24px;margin:15px 20px;padding:20px;width:33%;}
.button {border:none;color:#fff;cursor:pointer;display:inline-block;font-family:&#39;Open Sans&#39;,sans-serif;font-size:14px;font-weight:normal;line-height:1;margin:10px 0 10px 10px;padding:1em 1.5em 0.75em;text-decoration:none;}
a.button {color:#fff;font-weight:normal;text-decoration:none;}
a.button:hover {color:#fff;}
.button a {color:#fff;}
.button a:hover {color:#fff;}
.button.blue {background-color:#93D0EA;}
.button.blue:hover {background-color:#82bcd5;}
.button.green {background-color:#A5D16D;}
.button.green:hover {background-color:#90b85c;}
.button.red {background-color:#F4836A;}
.button.red:hover {background-color:#d2705a;}
.button.orange {background-color:#FF8B62;}
.button.orange:hover {background-color:#d97855;}
.button.pink {background-color:#F05791;}
.button.pink:hover {background-color:#d04d7e;}
.button.yellow {background-color:#EADC8E;}
.button.yellow:hover {background-color:#d2c680;}
.button.dark {background-color:#3c536b;}
.button.dark:hover {background-color:#2e4052;}


/* CSS Ads */
.banner {margin:0 auto;text-align:center;overflow:hidden;}
.banner .widget {width:100%;max-width:100%;margin:0 auto;background:transparent;text-align:center;overflow:hidden;padding-top:15px;padding-bottom:15px;}
.banner img, .banner iframe{display:block;margin:0 auto;text-align:center;}
.kotak_iklan {text-align:center;margin:0 auto;transition:all 1s ease-out;animation:BounceRate 3s;}
.kotak_iklan .sidebar .widget-content{padding:0;background:#333;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);border:0;}
.kotak_iklan .sidebar .widget {margin-bottom:0;padding:0;}
.kotak_iklan  img {margin-bottom:2px;margin-top:2px;text-align:center;transition:all 1s ease-out;animation:BounceRate 3s;}
.kotak_iklan  img:hover {transition:all .5s ease-out;}
.kotak_iklan2 {text-align:center;margin:0 auto;transition:all 1s ease-out;animation:BounceRate 3s;}
.kotak_iklan2 .sidebar .widget-content{padding:0;background:#f0f0f0;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);border:0;}
.kotak_iklan2 .sidebar .widget {margin-bottom:0;padding:0;}
.kotak_iklan2  img {text-align:center;transition:all 1s ease-out;animation:BounceRate 3s;}
.kotak_iklan2  img:hover {transition:all .5s ease-out;}

/* CSS Widget */
.widget ul {line-height:1.4em;}
.profile-img{display:inline;opacity:1;margin:0 0 3px 6px;}
#ArchiveList ul li:before {content:&quot;&quot; !important;padding-left:0px !important;}
.rich-snippet {padding:10px;margin:15px 0 0;border:3px solid #eee;font-size:12px;}
#Attribution1 {height:0px;visibility:hidden;display:none}
#Label1 .tabs-content .widget {margin-bottom:15px}
#Label2 li {float:right;width:44%;margin-right:5px}
#Label1 li {float:right;width:44%;margin-right:5px}


/* CSS Sidebar Wrapper */
#sidebar-wrapper {background:transparent;float:right;width:350px;
margin:0 auto;}
.sidebar-inner {padding:15px 0;}
.sidebar h2, .tably h2 {background:#55606f;color:#fff;border:1px solid #303030;border-right:none;border-left:none;font-family:Electrolize,ges;font-size:16px;font-weight:400;text-transform:uppercase;margin:0 0 10px 0;padding:10px 15px;position:relative;transition:all .5s ease-out;border-left: 4px solid #FF8800;
border-right: 4px solid #FF8800;}
.sidebar .widget {background:#fff;margin:0 0 15px;border:1px solid #e0e0e0;border-top:none;}
.sidebar ul, .sidebar ol {list-style-type:none;margin:0 0 0 0;padding:10px;padding-top:0;}
.sidebar li {margin:5px 0;padding:0 0 0 0;}

/* CSS Tabs */
.tabs, .tably {margin:0 0;}
.tabs .tably {padding:0 0;}
.tabs-menu {color:#0f9abb;padding:0 0;margin:0;margin-bottom:0;border:1px solid #e0e0e0;}
.tabs-menu li {margin-bottom:0;margin-top:0;font-size:14px;font-family:ges;font-weight:400;text-transform:uppercase;height:37px;line-height:37px;width:33.3%;list-style:none;text-align:center;display:inline-block;padding:0 0;background:transparent;color:#55606f;cursor:pointer;position:relative;transition:all 0.1s linear;}
.tabs-menu li:hover {background:#FF8800;color:#fff;}
.tabs-menu .active-tab {background:#FF8800;color:#fff;}
.tabs-menu .active-tab:hover {background:#55606f;color:#fff;}
.tabs-menu .active-tab:after {top:100%;right:50%;border:solid transparent;
content: &quot; &quot;;height:0;width:0;position:absolute;pointer-events:none;border-color: rgba(136,183,213,0);border-top-color:#FF8800;border-width:8px;margin-right:-8px;}
.tabs-content {padding:10px;background:#f9f9f9;border:1px solid #e0e0e0;border-top:none;margin-bottom:15px;}
.tabs-content .sidebar li {margin:0 0;padding:0 0 0 0;}
.tabs-content .widget li {background:#f9f9f9;color:#666;float:none!important;font-family: ges;
font-size: 14px;}
.tabs-content .widget ul {background:#f9f9f9;color:#666;overflow:visible;}
.tabs-content .Label li {background:#f9f9f9;color:#666;float:right;padding:5px;margin-right:3px;text-align:right;width:44%;transition:.3s linear;}

/* CSS Popular Post */
.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,
.PopularPosts li a img {margin:0;padding:0;list-style:none;border:none;
background:none;outline:none;}
.PopularPosts ul {margin:0;list-style:none;color:#666;}
.PopularPosts ul li img {display:block;margin:2px;margin-left:10px;padding:0;border:2px solid #ddd;width:80px;height:60px;float:right;transition:all 1s ease-out;animation:BounceRate 3s;}
.PopularPosts ul li img:hover {border:2px solid #bbb;}
.PopularPosts ul li {background-color:#f9f9f9;margin:2px;padding:0;border-bottom:1px solid #ddd;position:relative;transition:all 1s ease-out;animation:BounceRate 3s;}
.PopularPosts ul li:hover {background-color:#fafafa;}
.PopularPosts ul li:last-child {border-bottom:none;}
.PopularPosts ul li a:hover {color:#b3c5d1!important;}
.PopularPosts ul li .item-title a, .PopularPosts ul li a {font-weight:400;color:#FF8800;text-decoration:none;transition:all 1s ease-out;animation:BounceRate 3s;}
.PopularPosts ul li .item-title a:hover, .PopularPosts ul li a:hover {color:#444;}
.PopularPosts ul li:before {display:none;list-style:none;}
.PopularPosts .item-thumbnail {margin:0 0 0 0;}
.PopularPosts .item-snippet {font-size:10px;color:#bbb;}
.profile-img{display:inline;opacity:1;margin:0 0 3px 6px;}


/* CSS label */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
font-size:100%;opacity:1}
.cloud-label-widget-content{text-align:left;}
.label-size {background:#f97e76;display:block;float:left;margin:0 2px 2px 0;
color:#fff;font-size:11px;border-bottom:3px solid #d26b64;transition:.8s linear;}
.label-size a,.label-size span{display:inline-block;color:#fff;padding:8px 10px;
font-weight:400;}
.label-size:hover {background:#d26b64;border-bottom:3px solid #b45d57;}
.label-size a:hover {color:#fff!important;}
.label-count {white-space:nowrap;padding-right:3px;margin-left:-3px;
background:#d26b64;color:#fff;transition:.8s linear;}
.label-count:hover {background:#FF8800;color:#fff;}
.label-size {line-height:1.2}
#sidebar-wrapper .Label li {background:#fff;color:#7b8996;float:left;padding:5px;text-align:left;width:44%;border:1px solid #d8dde1;transition:.3s linear;}
#sidebar-wrapper .Label li:hover {background:#FF8800;color:#fff;border:1px solid #92bf84;}
#sidebar-wrapper .Label li a {color:#7b8996;transition:.3s linear;}
#sidebar-wrapper .Label li a:hover {background:transparent url(http://3.bp.blogspot.com/-CRLUvrDlBF8/U4xIYqoehXI/AAAAAAAADi4/35Og2ZvKZNs/s1600/bullet2hover.png) no-repeat 0 5px;padding-left:12px;padding-right:0;color:#fff;}
#footer-wrapper .label-size{background:#182025;color:#dee2e5;border-bottom:3px solid #374650;display:block;float:left;margin:0 2px 2px 0;
font-size:11px;transition:all 1s linear;}
#footer-wrapper .label-size a {display:inline-block;color:#dee2e5;padding:8px 10px;
font-weight:400;transition:all 1s linear;}
#footer-wrapper .label-size a:hover {background:#f97e76;color:#fff;transition:all 1s linear;}
#footer-wrapper .label-size:hover, #footer-wrapper-inner .label-size:hover{background:#f97e76;color:#fff;border-bottom:3px solid #d26b64;transition:all 1s linear;}
#footer-wrapper .label-count {white-space:nowrap;padding-right:3px;margin-left:-3px;
background:#f97e76;color:#fff!important;}

/* CSS Recents Post with Label */
#main-home{width:100%;height:auto;padding:20px 0;margin-bottom:20px;margin-top:0;overflow:hidden}
#main-home li {list-style:none;}
#main-left h2, #main-right h2{background:#46515e;color:#fff;width: 265px;border-left: 4px solid #FF8800;
border-right: 4px solid #FF8800;text-align: center;font-family:normal,ges;font-size:16px;font-weight:300;position:relative;margin:-20px -20px 15px -20px;padding:10px 15px 11px 15px;margin-bottom:0;}
#main-left{float:left;background:#fff;width:46%;border-bottom:3px solid #ddd;border-radius: 0px 0px 7px 7px;}
#main-right{float:right;background:#fff;margin-right: 20px;width:46%;border-bottom:3px solid #ddd;border-radius: 0px 0px 7px 7px;}
img.label_thumb{float:left;margin-right:10px;margin-left:-20px;margin-bottom:5px;margin-top:2px;height:70px;width:70px;}
.label_with_thumbs{float:left;width:100%;min-height:70px;margin:0;padding:0;line-height:1.3em}
ul.label_with_thumbs li{min-height:70px;margin:2px 0;padding:7px 0;}
.label_with_thumbs li{font-size:10px;color:#b1b8bd;list-style:none;padding-left:0!important}
.label_with_thumbs a{font-family:droid arabic kufi;font-size:13px;font-weight:400;color:#5b686a;line-height:1.4em;margin-bottom:8px}
.label_with_thumbs a:hover{opacity:.9;color:#f97e76}
.label_with_thumbs strong{padding-left:0}
#gleft .widget {background:#fff;padding:20px;margin:0;overflow-wrap:break-word;}
#gright .widget {background:#fff;padding:20px;margin:0;overflow-wrap:break-word;}

/* CSS Fixed Inner */
.status-msg-wrap {font-size:120%;font-weight:700;width:100%;margin:20px auto;}
.status-msg-body {padding:20px 2%;width:96%;}
.status-msg-border {border:1px solid #d8dde1;opacity:1;width:auto;}
.status-msg-bg {background-color:#fff;}
.status-msg-hidden {padding:20px 2%;}
#ArchiveList ul li:before {content:&quot;&quot;!important;padding-left:0px!important;}
.rich-snippet {padding:10px;margin:15px 0 0;border:3px solid #eee;font-size:12px;}

/* CSS Social Share */
.share-box{background-color:#fff;font-size:14px;padding:10px 0 11px;position:relative;margin-top:10px;color:#666;border:1px solid #e0e0e0;}
a.more{background:#49abeb;font-size:16px;font-weight:700;color:#fff;text-align:center;padding:0 6px;margin-top:-6px;}
a.more:hover{background:#0fa9cd;color:#fff;}

/* CSS Print */
.printfriendly{float:left;left:10px;background:transparent;color:#666;text-decoration:none;padding:3px 0 3px 5px;font-family:&#39;Open Sans&#39;;font-size:12px;font-weight:400;}
.printfriendly span.print{opacity:0.7;background:url(http://3.bp.blogspot.com/-lk5nzkiNUx8/U8aAFYhsEZI/AAAAAAAAEZI/aH7XVyZ0K3M/s1600/print.png) no-repeat;border:none;box-shadow:none;margin:3px 6px -3px;padding-right:20px;transition:all 0.5s ease-in-out;}
.printfriendly span.print:hover{opacity:1;background:url(http://3.bp.blogspot.com/-lk5nzkiNUx8/U8aAFYhsEZI/AAAAAAAAEZI/aH7XVyZ0K3M/s1600/print.png) no-repeat;border:none;box-shadow:none;margin:3px 6px -3px;padding-right:20px}
.printfriendly span.pdf{opacity:0.7;background:url(http://1.bp.blogspot.com/-I0-5NsWqte0/U8Z_1fuHXlI/AAAAAAAAEYA/Wk_SRupt4j4/s1600/PDF.png) no-repeat;border:none;box-shadow:none;margin:3px 0 -3px;padding-right:20px;transition:all 0.5s ease-in-out;}
.printfriendly span.pdf:hover{opacity:1;background:url(http://1.bp.blogspot.com/-I0-5NsWqte0/U8Z_1fuHXlI/AAAAAAAAEYA/Wk_SRupt4j4/s1600/PDF.png) no-repeat;border:none;box-shadow:none;margin:3px 0 -3px;padding-right:20px;}

/* CSS Page Navigation */
.pagenav {clear:both;margin:-5px 0 10px;margin-top:10px;padding:5px;text-align:center;font-size:13px;font-family:droid arabic kufi;font-weight:700;}
.pagenav span,.pagenav a {padding:10px 15px;display:inline-block;background-color:#f9f9f9;color:#666;border:1px solid #e0e0e0;margin-left:2px;margin-right:2px;transition:all 1s linear;}
.pagenav .pages {background-color:#FF8800;color:#666;border:1px solid #E9830F;transition:all .2s linear;}
.pagenav a:hover {background-color:#fff;color:#FF8800;border:1px solid #E9830F;transition:all .2s linear;}
.pagenav .current {background-color:#FF8800;color:#fff;border:1px solid #E9830F;transition:all .2s linear;}
.pagenav .pages {display:none;}

/* CSS Custom Error Page */
#oopss {color:#fff;text-align:center;margin-bottom:50px;font-weight:700;font-size:45px;font-family:&#39;Playfair Display&#39;,sans-serif;position:fixed;width:100%;height:100%;line-height:1.5em;z-index:9999;background:#eee;}
#error-text {display:none;top:30%;position:relative;}
#error-view {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0de82lk-b6U_zGFvQevteQu3F0YJ6UiOBlUvACginG1uMVyix80AmfsmL7S506_IAvLhEWIpBwWQ_UAcYUTE7Sim30R2nPQq8dEra9n-wdhSyoeoUNJHtclpe8EUS9iJ4V2mCaCrE95LS/s1600/404ar1web.jpg)!important;background-repeat:no-repeat;background-size:100%;height:380px;margin:0 auto;
width:570px;top:20%;position:relative;}


/* CSS Slider */
#featured-wrap{background:#FF8800;position:relative;height:225px;margin:0 auto;margin-bottom:20px;margin-top:10px;}
#featured{outline:none;position:relative;width:88%;height:200px;overflow:hidden;top:10px;margin:0 auto}
#featured ul{width:9999px}
#featured ul,#featured li{list-style:none;padding:0;margin:0;overflow:hidden}
#featured li{width:150px;display:inline-block;float:left;height:200px;background:#FF8800;font-family: droid arabic kufi;}
.thumb-featured{width:150px;height:150px;margin:5px auto;overflow:hidden;}
.thumb-featured img{opacity:0.7;display:block;width:135px;height:135px;padding:5px;background:#5b686a;transition:all .3s linear;}
.thumb-featured img:hover{opacity:1;background:#363c3e;transition:all .3s linear;}
.title-featured{text-align:center;position:relative;margin-top:-5px}
.title-featured a{color:#fff;}
.title-featured a:hover{color:#fff;transition:all .3s linear;}
.title-featured h4{font-size:78%;max-height:45px;overflow:hidden}
.arrow{position:absolute;display:block;background:#FF8800 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir8lZOJUFGWwA9mSHUBlLZl6eLUi5IAypKTk5cE-4NYFDrsySKhPTOXwoGbXhipiN6IPmQRang-qrRimzrHwjtfhmqGnS0r579CexYv4elZqS1qbd4dD0X8u4rpFUcqhp2dHkL3xqJBceI/s1600/arrow.png)no-repeat;background-position:0 50%;width:35px;height:60px;top:85px;text-indent:-9999px;}
.arrow.back{background-position:0 50%;left:10px}
.arrow.forward{background-position:100% 50%;right:10px}
span.slideloading{display:none;background-image:none;background-repeat:no-repeat;background-position:50% 50%;text-indent:-9999px;margin:50px auto}

/* CSS Global Responsive */
@media screen and (max-width:1066px) {
#outer-wrapper {margin:0 auto;margin-top:50px}
.opt-in .inner .ct-wrapper {padding:0 48px;}
.header-left {float:left;padding:0;overflow:hidden;margin:0;max-width:640px!important;}
.header-left img {display:block;}}

@media screen and (max-width:960px) {
.blogouter-wrapper {border-bottom:none;border-top:none;}
#header h1,#header p,#header,.header-left,#header .description{margin:0 auto;width:100%;float:none;text-align:center;}
#header{margin-bottom:10px;}
.header-left{margin-top:0px;}
.header-left img, .header-left iframe{margin:0 auto;max-width:100%;}
#header-wrapper{width:100%!important;padding:0 10px;}
.ct-wrapper{padding:0 10px;}
.header-wrapper2 {padding:0}
.main-nav {display:block;width:100%;padding:0}
.main-nav ul {text-align:center;}
.main-nav ul {display:none;height:auto;}
.main-nav a#pull {background-color:#363636;color:#fff;border:none;display:inline-block;font-family:&#39;Open Sans&#39;;font-size:12px;font-weight:bold;padding:10px 3%;height:30px;line-height:30px;position:relative;text-align:right;width:94%;}
.main-nav a#pull:after {content:&quot;&quot;;background:url(&#39;http://1.bp.blogspot.com/-P2RRijDirXA/U8ftwSomm6I/AAAAAAAAEbo/tLU4c5dk2K4/s1600/nav-icon.png&#39;) no-repeat; width:30px;height:30px;line-height:30px;display:inline-block;position:absolute;left:15px;top:15px;}
.main-nav li {display:block;width:100%;text-align:right;border-bottom:none;}
.main-nav li a {background:#303030;color:#fff;padding:15px 20px;display:block;}
.main-nav li a:hover, nav a:active {background:#0fa9cd;border:none;color:#fff;}
.main-nav ul li a:hover {color:#fff;}
.main-nav .home1 a {background:#303030;color:#fff;}
.main-nav .home1 a:hover {background:#0fa9cd;color:#fff;}
#menu{position:relative;background:#363636;color:#fff;}
#menu ul{background:#303030;position:absolute;top:100%;left:0;right:0;z-index:5;height:auto;display:none;}
#menu ul.menus{width:100%;position:static;}
#menu li{display:block;width:100%;text-align:right;}
#menu a{border:none;}
#menu li a{color:#fff;}
#menu li a:hover{background:#0fa9cd;color:#fff}
#menu li:hover{background:#0fa9cd;color:#fff;}
#menu li:hover &gt; a.ai,#menu a.ai:hover{background:#0fa9cd;color:#fff;}
#menu li:hover &gt; a,#menu li a:hover{background:#0fa9cd;color:#fff;box-shadow:none;transition: .3s linear;}
#menu ul.menus a{background:#252525;color:#fff;border-bottom:none;font-family: droid arabic kufi;}
#menu ul.menus a:hover{background:#0fa9cd;color:#fff;border;right:none;}
#menu ul.menus li{background:#252525;color:#fff;border-bottom:none;}
#menu ul.menus li:hover{background:#0fa9cd;color:#fff;border;right:none;}
#menu ul.menus li a{background:#252525;color:#fff;border-bottom:none;}
#menu ul.menus li a:hover{background:#0fa9cd;color:#fff;border;right:none;}
#menu input,#menu label{display:inline-block;position:absolute;left:0;top:0;}
#menu input:after,#menu label:after {content:&quot;&quot;;background:url(&#39;http://1.bp.blogspot.com/-P2RRijDirXA/U8ftwSomm6I/AAAAAAAAEbo/tLU4c5dk2K4/s1600/nav-icon.png&#39;) no-repeat; width:30px;height:30px;display:inline-block;position:absolute;left:15px;top:17px;}
#menu input{z-index:4}
#menu input:checked + label{color:#fff;font-weight:700}
#menu input:checked ~ ul{display:block}
#menu .homers a{background:transparent;color:#fff;}
#menu .homers a:hover{background:#0fa9cd;color:#fff;}
#footer-widgetfix {width:100%;overflow:hidden;}
#footer-widgetfix .footer-widget {width:46%;float:right;margin-right:20px;}}

@media only screen and (max-width:768px){
#outer-wrapper {padding:0 12px;}
#post-wrapper, #sidebar-wrapper {width:100%;max-width:100%}
.post-body img {max-width:90%;}
.img-thumbnail {margin:0 0 0 10px;}
.sidebar-inner, .post-inner {padding:15px 0 0px;}
ul#relpost_img_sum li {width:100%}
#credit {float:none;margin:0 auto;text-align:center;}
.cpright,.cpleft {float:none;text-align:center;margin:10px;}}

@media only screen and (max-width:640px){
#header h1,#header p,#header,.header-left,#header .description{margin:0 auto;width:100%;float:none;text-align:center;}
#header{margin-bottom:10px;margin-top:10px;}
.header-left{float:none;margin-top:0px;margin:0 auto;text-align:center;}
.header-left img, .header-left iframe{float:none;margin:0 auto;text-align:center;}
#header-wrapper{width:100%!important;padding:0;}
#outer-wrapper {padding:0 10px;}
#post-wrapper,#sidebar-wrapper,#footer-col1,#footer-col2,#footer-col3 {width:100%;max-width:100%}
h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:18px;}
.opt-in .inner .ct-wrapper {padding:0 10px;}
.sidebar-inner, .post-inner{padding:10px 0 0px;}
.post {margin:0 0 10px;padding:10px;}
#footer-widgetfix {width:100%;overflow:hidden;}
#footer-widgetfix .footer-widget {width:92%;float:right;margin-right:20px;}
#credit {float:none;margin:0 auto;text-align:center;}
.cpright,.cpleft {float:none;text-align:center;margin:10px;}
#social_networks{text-align:center;margin:0 auto;}
#notif,#notif2 {display:none;visibility:hidden;}}

@media only screen and (max-width:480px){
#outer-wrapper {margin:0 auto;margin-top:70px}
.header-left{float:none;margin-top:0px;margin:0 auto;text-align:center;}
.header-left img, .header-left iframe{float:none;margin:0 auto;text-align:center;}
#outer-wrapper {padding:0 8px;}
.post {margin:0 0 8px;padding:8px;}
h2.post-title, h1.post-title {font-size:16px;}
.img-thumbnail, .img-thumbnail img {width:120px;height:90px;}
.img-thumbnail {margin:0 0 0 8px;}
.comments .comment-block, .comments .comments-content .inline-thread {
padding:10px !important;}
.comment .comment-thread.inline-thread .comment {margin: 0 0 0 0 !important;}
#related_posts {margin:20px 0 20px 20px;padding:0;}
.post-info {font-size:12px;}}

@media screen and (max-width:320px){
.header-left{float:none;margin-top:0px;margin:0 auto;text-align:center;}
.header-left img, .header-left iframe{float:none;margin:0 auto;text-align:center;}
#outer-wrapper {padding:0 6px;}
.post {padding:6px;}
.img-thumbnail, .img-thumbnail img {width:100px;height:80px;}
#footer-widgetfix {width:100%;overflow:hidden;}
#footer-widgetfix .footer-widget {width:87%;float:right;margin-right:20px;}}

/* CSS Footer */
#footer-wrapper {width:100%;text-align:right;overflow:hidden;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbWPK_MmlLrMHFR_EhMmPyA4Q7kOMmaFyOgx0gpbKMx33FZFGQWK_FpHpFc8B4fSVywvYXwjI5-jmeBgNDj_I4PR98uZTWnp7yuyK3NCt__U_C1sbCdKjVPWFKIP_x-kp2y7vBA3bgkz_3/s1600/ar1web.gif);background-repeat: round;
margin:0px 0px 0px 0px;border-top:5px solid #FF8800;border-bottom:3px solid #3a4b55;}
#footer-widgetfix .footer-widget {width:30.6%;float:right;margin-right:20px;padding-top:10px;padding-bottom:15px;}
#footer-widgetfix {max-width:1000px;overflow:hidden;margin:0 auto;}
#footer-wrapper .widget {color:#dee2e5}
#footer-wrapper h2 {font-family:&#39;Roboto&#39;;font-size:16px;font-weight:300;color:#dee2e5;padding:5px 10px;}
#footer-wrapper h2 span {background:#263138;position:relative;
padding:5px 0}
#footer-wrapper .widget-content {text-align:right;font-family:&#39;Open Sans&#39;,Helvetica;
margin:20px 0 15px;color:#dee2e5}
#footer-wrapper .widget-content li {margin-right:-14px;color:#dee2e5}
#footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 15px 0 0;display:block;}
.footer li a {padding-top:0;padding-left:0;line-height:2em;font-size:13px;
font-weight:400;font-family:&#39;Open Sans&#39;,Helvetica;color:#dee2e5;margin:0}
#footerfix {overflow:hidden;background:#182025;padding:10px 5px;border-top:2px solid #181f23;border-bottom:3px solid #263138;}
#credit {color:#dee2e5;width:98%;font-size:13px;font-family:normal,Electrolize,ges;margin:0 auto;font-weight:300;max-width:1000px;}
#credit a {color:#E9830F;text-decoration:none}
#credit a:hover {color:#fff;text-decoration:none}
.cpright {float:right;margin:10px;}
.cpleft {float:left;margin:10px;}
.footer-bottom {min-height:40px;height: 250px;}
#footx1,#footx2,#footx3 {margin:0 .2%}
.footer {font-weight:400;padding-bottom:.2em;}

/* CSS Back to Top */
#back-to-top {text-align:center;background:#FF8800;color:#fff;overflow:hidden;
text-align:center;width:60px;height:30px;display:block;margin:0 auto;border-radius:5px 5px 0 0;border-top:3px solid #E9830F;cursor:pointer;background-image:url(&quot;http://4.bp.blogspot.com/-YQ-kX3Ifzb4/U6a5HhEhlLI/AAAAAAAADxI/wT_VI6RLrHM/s1600/totop.png&quot;);background-repeat:no-repeat;background-position:center;margin-top: 10px;}
#back-to-top a {color:#fff;}
#back-to-top a:hover {color:#f0f0f0;}

/* CSS Search */
#search {position:relative;font-size:13px;font-family:&#39;Open Sans&#39;,sans-serif;width:auto;height:100%;margin:0 auto;text-align:center;}
#search-form {border-radius:2px;margin:0 auto;background:#FF8800 url(&#39;http://1.bp.blogspot.com/-hol8u-tMI4o/U6a5GKy8xbI/AAAAAAAADxA/axfPxABLUlA/s1600/search.png&#39;) 96% 50% no-repeat;border:0 none;height:36px;line-height:13px;width:92%;font-family:&#39;Open Sans&#39;,sans-serif;font-size:13px;font-weight:400;color:#fff;padding:0 10px;transition:all 0.5s ease 0s;}
#search-form .search-button,#search-form .search-button:hover{transition:all 0.5s ease 0s;height:36px;width:36px;line-height:13px;background:#fff;border:0 none;float:right;cursor:pointer;outline:none;}
#search-form:hover{background:#E9830F  url(&#39;http://1.bp.blogspot.com/-hol8u-tMI4o/U6a5GKy8xbI/AAAAAAAADxA/axfPxABLUlA/s1600/search.png&#39;) 90% 50% no-repeat; }
#search-form:focus{background:#55606f url(&#39;http://1.bp.blogspot.com/-hol8u-tMI4o/U6a5GKy8xbI/AAAAAAAADxA/axfPxABLUlA/s1600/search.png&#39;) -10% 50% no-repeat;text-shadow:none!important;outline:none;color:#fff;}
#box {display:none}
.search-text {font-size:13px;font-family:&#39;Open Sans&#39;;float:right;cursor:pointer;}
.search-text:hover {color:#fff}

/* CSS Social Network */
#social_networks{text-align:center;display:block;margin:0 auto;}
#social_networks ul {display:block;height:36px;margin:0 auto;list-style:none;}
#social_networks li{text-align:center;display:inline-block;margin:0 auto;margin-left:2px;margin-right:2px;width:48px;height:48px;background-position:left top;opacity:0.8;transition:All 0.2s ease;}
#social_networks li:hover{background-position:left -48px;opacity:1;}
#social_networks li a{display:inline-block;width:48px;height:48px;padding-top:5px;padding-bottom:5px}
#social_networks li a:hover{background:transparent;color:#ddd;box-shadow:none;}
#social_networks li a span{display:none;}
#social_networks li.facebook{background-image:url(http://1.bp.blogspot.com/-U1xswkO06Eo/U6d8MdVmGOI/AAAAAAAADzE/nI6_Mgi3fVk/s1600/Facebook.png);}
#social_networks li.twitter{background-image:url(http://2.bp.blogspot.com/-WMNQqWqvsLw/U6d8NGtGrgI/AAAAAAAADzU/MTbWgUzsb7A/s1600/Twitter.png);}
#social_networks li.youtube{background-image:url(http://1.bp.blogspot.com/-M9cNBec9Eks/U6d8NlMmsvI/AAAAAAAADzk/0HDr3G9iTRM/s1600/YouTube.png);}
#social_networks li.googleplus{background-image:url(http://3.bp.blogspot.com/-YHrt5CCbl0c/U6d8MUE4NhI/AAAAAAAADzQ/jWkxKAXkQf0/s1600/Google.png);}
#social_networks li.linkedin{background-image:url(http://4.bp.blogspot.com/-E4FSUGFZMeE/U6d8MWp7S9I/AAAAAAAADzI/H_j9mw07jho/s1600/Linked+in.png);}



</style>

<b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
/* CSS Post Wrapper */
.post {background:#fff;color:#888;margin:0 0 15px;padding:0;box-shadow:none;border:none;border:1px solid #e0e0e0;transition:all 1s linear;margin-right: 6px;}
.post:hover {transition:.3s linear;}
.post-body {line-height:1.6em;color:#888;margin-top:10px;margin-left:10px;font-size:13px;text-overflow:ellipsis;}
h2.post-title, h1.post-title {font-family:droid arabic kufi;font-size:18px;font-weight:700;padding:15px;padding-bottom:0;background:#fff;z-index:0;text-align:right;border-bottom:none;}
h2.post-title:hover, h1.post-title:hover {color:#0fa9cd;}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#55606f;z-index:0; text-align: center;}
h2.post-title a:hover, h1.post-title a:hover {color:#FF8800!important;}
.post-info {background:#fff;margin-top:0;margin-bottom:0;padding:0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin-left:15px;margin-right:15px;color:#aaa;font-size:11px;}
.post-info a {display:inline;background:transparent;color:#888;padding:5px;padding-right:0;margin-bottom:10px;transition:all .3s ease-in-out;}
.post-info a:hover {background:transparent;color:#0fa9cd;}
.author-info, .time-info, .comment-info, .label-info, .review-info {
margin-left:1px!important;display:inline;}

a.read-more {position:absolute;display:inline-block;margin:15px 0 0;background-color:#55606f;color:#fff;padding:3px 12px;padding-left:21px;line-height:26px;
font-family:droid arabic kufi;font-size:14px;font-weight:400;left:-1px;bottom:15px;border:1px solid #e0e0e0;transition:all .3s ease-in-out;animation:BounceRate 3s;}
.readm{overflow:hidden;width:8px;}
.readm:before{content:&#39;&#39;;height:6px;width:6px;display:block;border:2px solid #fff;border-right-width:0;border-bottom-width:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:absolute;top:13px;left:9px;transition:all .3s ease-in-out;animation:BounceRate 3s;}
a.read-more:hover .readm:before{content:&#39;&#39;;height:6px;width:6px;display:block;border:1px solid #fff;border-right-width:0;border-bottom-width:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:absolute;top:13px;left:9px;}
a.read-more:active .readm:before{content:&#39;&#39;;height:6px;width:6px;display:block;border:2px solid #0fa9cd;border-right-width:0;border-bottom-width:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:absolute;top:13px;left:9px;}
a.read-more:hover {background-color:#FF8800;color:#fff;border:1px solid #FF8800;}
a.read-more:active {background-color:#FF8800;color:#fff;border:1px solid #FF8800;}

.img-thumbnail {background:#fcfcfc url(http://4.bp.blogspot.com/-73e3hFZ3R1w/U8aAAbc4PsI/AAAAAAAAEYo/WmYe7bx-uo0/s1600/no-image.png) no-repeat center center;position:relative;float:right;width:220px;height:170px;margin:15px 15px 15px 15px;z-index:1;padding:0;}
.img-thumbnail:before{z-index: 3;
background: none repeat scroll 0 0 #FFFFFF;
/* bottom: 2px; */
content: &quot; &quot;;
/* display: block; */
/* height: 40px; */
/* left: -35px; */
/* position: absolute; */
transform: rotate(42deg);
/* width: 42px; */
/* top: 36%; */
/* z-index: 3; */
content: &quot;&quot;;
width: 0;
height: 0;
position: absolute;
top: 45%;
right: 213px;
border: 7px solid transparent;
border-color: transparent #fff transparent transparent;
z-index: 3;
}
.img-thumbnail img {width:220px;height:170px;z-index:1;}
span.overlay {opacity:0;transition:all .2s;background:#000;cursor:pointer;position:absolute;left:0;right:0;
bottom:0;top:0;z-index:2;opacity:0;transition:all .6s linear;}
span.overlay:before {content:&quot;&quot;;position:absolute;
background:url(http://3.bp.blogspot.com/-kvs25QglYHg/U8rM7uztU8I/AAAAAAABtVg/miPNTRjwV1w/s1600/view.png) 50% 50% no-repeat;width:32px;height:32px;top:50%;right:50%;margin:-20px;padding:5px;}
span.overlay:hover {opacity:0.46;transition:all .3s linear;}


/* CSS Homepage Responsive */

@media only screen and (max-width:640px){
h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:18px;}
.post-body {margin-bottom:10px;}
a.read-more,.readm {display:none;}
.img-thumbnail {width:80px;height:60px;}
.img-thumbnail img {width:80px;height:60px;}
.img-thumbnail:before{display:none;}}

@media only screen and (max-width:480px){
h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:16px;}}

@media only screen and (max-width:320px){
h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:14px;}}


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


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>

h3.post-title:before,h1.post-title:before,h3.post-title:after,h1.post-title:after {
content: &#39;&#39;;border-left:20px solid #fff;border-top:15px solid #ddd;bottom:-15px;position:absolute;right:25px;}
h3.post-title:after,h1.post-title:after {border-top-color:#fff;border-left-color:transparent;bottom:-13px;right:26px;}
.post img{background:#f0f0f0;height:auto;max-width:95%;border:0;padding:8px;}
.quickedit{display:none;}

/* CSS Related Posts */
#related_posts h4 {font-family:droid arabic kufi;color:#999;padding:0;margin:0;font-size:140%;float:right;font-weight:700;}
#related_posts {margin:0;padding:0;margin-bottom:10px;}
.relhead {background:#fff;color:#888;font-family:&#39;Open Sans&#39;;font-size:100%;font-weight:normal;line-height:150%;overflow:hidden;padding:10px 15px;}
#relpost_img_sum .news-text {display:none;}
ul#relpost_img_sum {margin:0;padding:0;}
ul#relpost_img_sum li {float:right;list-style: none outside none;margin:0 0 0 14px;padding:10px 0 5px 5px;overflow:hidden;width:45%;}
ul#relpost_img_sum li a {display:block;}
ul#relpost_img_sum li img {background-color:#fff;float:right;margin-left:10px;background: none repeat scroll 0 0 #fafafa;padding:3px;border:1px solid #f9f9f9;transition:all 1s ease-out;animation:BounceRate 3s;}
ul#relpost_img_sum li img:hover {border:1px solid #e0e0e0;opacity:0.9;}
ul#relpost_img_sum li a.relinkjdulx {background-image:none;color:#888;
display:block;font-family:normal,Electrolize,ges;font-size:13px;font-weight:normal;overflow:hidden;padding:10px 5px;text-transform:none;}

/* CSS Item Responsive */
@media only screen and (max-width:640px){
ul#relpost_img_sum li {float:right;list-style:none;overflow:hidden;width:90%;}}



</style>
</b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
.post img{height:auto;max-width:95%;border:0;}
.post img:hover{box-shadow:0 1px 2px rgba(0,0,0,0.1);}
</style>
</b:if>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
.ct-wrapper, .header-wrapper, #header, #post-wrapper, #outer-wrapper, #footer-wrapper, #sidebar-wrapper, #credit, #social_networks {display:none;}
</style>
</b:if>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_width=220;
var image_height=170;
image_tag='<img width="'+image_width+'" height="'+image_height+'" src="'+image_url.replace('/s72-c/','/w'+image_width+'-h'+image_height+'-c/')+'" alt="'+post_title.replace(/"/g,"")+'" title="'+post_title.replace(/"/g,"")+'"/>';
if(post_title!="") return image_tag; else return "";
}
//]]>
</script>
</b:if>
</b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
 #sidebar-wrapper,.comments,#footer-wrapper, #main-wrapper, #featured-wrap, #topnav{display:none;}
{width: 1100px; float: none; margin: 0px auto;}
html {overflow-x: hidden;margin-right:10px;}
.post {width: 1000px;} .post h3 a { text-align: center; padding:5px;}
.breadcrumbs {width: 1000px;}
</style>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
var relnojudul = 0;
var relmaxtampil = 6;
var numchars = 200;
var reljudul=new Array();var relurls=new Array();var relcuplikan=new Array();var relgambar=new Array();function saringtags(g,h){var e=g.split("<");for(var f=0;f<e.length;f++){if(e[f].indexOf(">")!=-1){e[f]=e[f].substring(e[f].indexOf(">")+1,e[f].length)}}e=e.join("");e=e.substring(0,h-1);return e}function relpostimgcuplik(h){for(var e=0;e<h.feed.entry.length;e++){var g=h.feed.entry[e];reljudul[relnojudul]=g.title.$t;postcontent="";if("content" in g){postcontent=g.content.$t}else{if("summary" in g){postcontent=g.summary.$t}}relcuplikan[relnojudul]=saringtags(postcontent,numchars);if("media$thumbnail" in g){postimg=g.media$thumbnail.url}else{postimg="http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.GIF"}relgambar[relnojudul]=postimg;for(var f=0;f<g.link.length;f++){if(g.link[f].rel=="alternate"){relurls[relnojudul]=g.link[f].href;break}}relnojudul++}}function contains(a,e){for(var f=0;f<a.length;f++){if(a[f]==e){return true}}return false}function artikelterkait(){var v=new Array(0);var w=new Array(0);var x=new Array(0);var A=new Array(0);for(var u=0;u<relurls.length;u++){if(!contains(v,relurls[u])){v.length+=1;v[v.length-1]=relurls[u];w.length+=1;w[w.length-1]=reljudul[u];x.length+=1;x[x.length-1]=relcuplikan[u];A.length+=1;A[A.length-1]=relgambar[u]}}reljudul=w;relurls=v;relcuplikan=x;relgambar=A;for(var u=0;u<reljudul.length;u++){var B=Math.floor((reljudul.length-1)*Math.random());var i=reljudul[u];var s=relurls[u];var y=relcuplikan[u];var C=relgambar[u];reljudul[u]=reljudul[B];relurls[u]=relurls[B];relcuplikan[u]=relcuplikan[B];relgambar[u]=relgambar[B];reljudul[B]=i;relurls[B]=s;relcuplikan[B]=y;relgambar[B]=C}var r=0;var D=Math.floor((reljudul.length-1)*Math.random());var z=D;var q;var t=document.URL;while(r<relmaxtampil){if(relurls[D]!=t){q="<li class='news-title clearfix'>";q+="<a href='"+relurls[D]+"' rel='nofollow' target='_top' title='"+reljudul[D]+"'><div class='overlayb'></div><img src='"+relgambar[D]+"' /></a>";q+="<a class='relinkjdulx' href='"+relurls[D]+"' target='_top'>"+reljudul[D]+"</a>";q+="<span class='news-text'>"+relcuplikan[D]+"</span>";q+="</li>";document.write(q);r++;if(r==relmaxtampil){break}}if(D<reljudul.length-1){D++}else{D=0}if(D==z){break}}};
//]]>
</script>
</b:if>

<script src='https://aisuka-project.googlecode.com/svn/modernizr-2.6.2.min.js'/>
<script src='https://aisuka-project.googlecode.com/svn/selectivizr.js'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/>
<b:include data='blog' name='google-analytics'/>
<script type='text/javascript'>
$(function() {
$(&quot;.tabs-1&quot;).mtabs();                               
});
</script>

<script src='http://khadamatplus.com/wp-content/themes/alwan/js/jquery.fancybox.js?v=2.1.4' type='text/javascript'/><link href='http://khadamatplus.com/wp-content/themes/alwan/css/jquery.fancybox.css?v=2.1.4' media='screen' rel='stylesheet' type='text/css'/><script type='text/javascript'>
    $(document).ready(function() {
        $(&#39;.fancybox&#39;).fancybox({scrolling : &#39;yes&#39;,autoResize  : false,minWidth  : 500});
    });
</script><script type='text/javascript'>
          var _gaq = _gaq || [];
          _gaq.push([&#39;_setAccount&#39;, &#39;UA-34831120-1&#39;]);
          _gaq.push([&#39;_trackPageview&#39;]);
          setTimeout(&#39;_gaq.push([\&#39;_trackEvent\&#39;, \&#39;NoBounce\&#39;, \&#39;Over 030 seconds\&#39;])&#39;,30000);
          (function() {
            var ga = document.createElement(&#39;script&#39;); ga.type = &#39;text/javascript&#39;; ga.async = true;
            ga.src = (&#39;https:&#39; == document.location.protocol ? &#39;https://ssl&#39; : &#39;http://www&#39;) + &#39;.google-analytics.com/ga.js&#39;;
            var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(ga, s);
          })();
</script>

<script src='https://ar1web-com.googlecode.com/svn/trunk/ar1web-slider.js' type='text/javascript'/>

<b:include data='blog' name='google-analytics'/>
<script type='text/javascript'>
$(function() {
$(&quot;.tabs-1&quot;).mtabs();                               
});
</script>



</head>

<body>


<div id='fb-root'/>
<script type='text/javascript'>
//<![CDATA[
window.fbAsyncInit = function() {
FB.init({
appId : 'YOURFBAPPSID',
status : true, // check login status
cookie : true, // enable cookies
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
//]]>
</script>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div id='oopss'>
  <div id='error-view'/>
<div id='error-text'>
  <span>Ooppss..!</span>
  <p>الصفحة غير موجودة!</p>
  </div>
  </div>
  </b:if>

  <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
    <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
      <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
          if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: &#39;https://www.blogger.com/navbar.g?targetBlogID\0751480575041259122299\46blogName\75%D9%82%D8%A7%D9%84%D8%A8+%D9%81%D9%83%D8%B1%D8%A9+%D9%85%D9%8A%D9%86+%D8%9F+%7C+%D8%A7%D9%84%D8%A8%D8%B1%D8%AA%D9%82%D8%A7%D9%84%D9%8A\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://ideaofmaine-oronge.blogspot.com/search\46blogLocale\75ar\46v\0752\46homepageUrl\75http://ideaofmaine-oronge.blogspot.com/\46blogFollowUrl\75https://plus.google.com/110932282969753615049\46vt\75-4854481586327120440&#39;,
                where: document.getElementById(&quot;navbar-iframe-container&quot;),
                id: &quot;navbar-iframe&quot;
            });
          }
        });
      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
    </b:widget>
  </b:section>

<div id='topnav'>
<ul>
<li class='active'>
<a href='/'>
               الصفحة الرئيسية
              </a>
</li>
<li>
<a href='http://ideaofmaine-oronge.blogspot.com/p/blog-page_92.html'>
                عن القالب
              </a>
</li>
<li>
<a href='http://ideaofmaine-oronge.blogspot.com/p/blog-page_28.html'>
                إتفاقية الإستخدام
              </a>
</li>
<li>
<a href='http://ideaofmaine-oronge.blogspot.com/p/blog-page.html'>
                فهرس المقالات
              </a>
</li>
<li>
<a href='#'>
                أعمالنا
              </a>
</li>
<li>
<a href='#'>
                إتصل بنا
              </a>
</li>

</ul>
</div>


    <div class='clear'/>
 
   

<div id='outer-wrapper'>
<div class='header section' id='header'><div class='widget Header' id='Header1'>
<div id='header-inner'>
  <a href='/' style='display: block'>
<img alt='Logo' height='85px; ' id='Header1_headerimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvRb96FS05McjykUWyU3HK3O1cQHwT95qwOFaszZoftAHHOX7yz5D3HgneNc1RbL4cbb7APSo1Le1X3hCBij8MY5oat5H3V139BEwOiVE5JwffXkPdeAMp-L01pKa7fQUmnSnpprTWF9Kn/s1600/logo3.png' style='display: block' width='240px; '/>
</a>
</div>
</div></div>
<div class='ads'>
  <a href='http://www.ar1web.com' target='_blank'><img alt='Web Hosting' border='0' height='90' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFg10wZJEL7mgoctgl9kxSVC1EpK75cqbpss2Lq817jmNt7IwPJL-rbtwXDz62u71uWlN7Fqvhx4j1tml9TUU7XIaCj5O6hL1AD5m5cI6pUfZS-rXgUsRHJstYdOYv5cShp7hQbFdeb-g8/s1600/ads3.png' width='728'/></a>
</div>
</div>


       
<div class='clear'/>

 
  <b:section class='header-right section' id='header-right' maxwidgets='1' showaddelement='yes'/>

<div class='clear'/>

<div class='clear'/>



<div id='menu-wrapper'>

<div class='content-wrapper'>
            <nav id='menu'>
<input type='checkbox'/>
<label/>
<ul>
<li class='homers'><a href='/'>الرئيسية</a></li>
<li><a href='#'>المدونة</a></li>
<li><a class='ai' href='#'>أقسام</a>
<ul class='menus'>
<li><a href='#'> قسم A</a></li>
<li><a href='#'> قسم B</a></li>
<li><a href='#'> قسم C</a></li>
</ul>
</li>
  <li><a href='http://www.blogalleryhm.com'>الواجهة</a></li>
<li><a class='ai' href='#'>أقسام</a>
<ul class='menus'>
<li><a href='#'> قسم 1</a></li>
<li><a href='#'> قسم 2</a></li>
<li><a href='#'> قسم 3</a></li>
</ul>
</li>
<li><a href='http://ideaofmaine.blogspot.com/404'> صفحة 404</a></li>
<li><a class='ai' href='#'>أقسام</a>
<ul class='menus'>
<li><a href='#'> قسم 1</a></li>
<li><a href='#'> قسم 2</a></li>
<li><a href='#'> قسم 3</a></li>
</ul>
</li>
</ul>
</nav>

    <div class='clear'/>

<div class='clear'/>
  <b:section class='banner section' id='banner' maxwidgets='1' showaddelement='yes'/>
<div class='clear'/>

<div id='content-wrapper'>

  <div id='post-wrapper'>
  <div class='post-inner'>
  <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'>
      <b:includable id='main' var='top'>
      <b:include data='posts' name='breadcrumb'/>
  <b:if cond='data:mobile == &quot;false&quot;'>

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

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

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        <b:if cond='data:post.dateHeader'>
         
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        </div>
<!--  http://www.weight-losssuccessstories.net  adsense in post mod. START --><b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if> </b:if><!--  http://www.weight-losssuccessstories.net  adsense in post mod. END -->
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
    </div>

    <!-- navigation -->

    <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:include name='page-navi'/>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
        <b:include name='page-navi'/>
    <b:else/>
        <b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
    </b:if>
    </b:if>
   

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

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

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

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

</b:includable>
      <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
      <b:includable id='backlinks' var='post'>
       <a name='links'/><h4><data:post.backlinksLabel/></h4>
       <b:if cond='data:post.numBacklinks != 0'>
        <dl class='comments-block' id='comments-block'>
         <b:loop values='data:post.comments' var='comment'>
          <dt class='comment-author' id='comment-author'>
           <a expr:name='data:comment.anchorName'/>
            <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'>
           <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'> <i><data:comment.timestamp/></i> <b:include data='comment' name='commentDeleteIcon'/> </span>
          </dd>
         </b:loop>
        </dl>
       </b:if>
       <p class='comment-footer'> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a> </p>
      </b:includable>
      <b:includable id='breadcrumb' var='posts'>
      <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>الصفحة الرئيسية</a></span>  <span><data:blog.pageName/></span>
        </div>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.labels'>
        <div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>الصفحة الرئيسية</span></a></span>  <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;amp;max-results=5&quot;' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'>  </b:if> </b:loop>  <span><data:post.title/></span>
        </div>
        <b:else/>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>الصفحة الرئيسية</a></span>  <span>غير مصنف</span>  <span><data:post.title/></span></div>
        </b:if>
        </b:loop>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;archive&quot;'>
        <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>الصفحة الرئيسية</a></span>  <span>الأرشيف لـ <data:blog.pageName/></span>
        </div>
      <b:else/>
        <b:if cond='data:blog.searchQuery'>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>الصفحة الرئيسية</a></span>  <span><data:blog.pageName/></span>
        </div>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <div class='breadcrumbs'>
        <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>الصفحة الرئيسية</a></span>  <span>جميع المشاركات</span>
        <b:else/>
        <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>الصفحة الرئيسية</a></span>  <span><data:blog.pageName/></span>
        </b:if>
        </div>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
</b:includable>
      <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' expr:title='data:postCommentMsg' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
     
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

        </b:if>

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

        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

        </b:if>
    <b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
<div id='threaded-comment-form'>
      <p><data:blogCommentMessage/>
<span class='small-button'>
<span id='show-konversi'><a class='konversi-button' href='javascript:void(0)' onclick='document.getElementById(&apos;konversi-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-konversi&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-konversi&apos;).style.display=&apos;none&apos;' title='إظهار محول الأكواد'>إظهار محول الأكواد</a></span><span id='hide-konversi'><a class='konversi-button' href='javascript:void(0)' onclick='document.getElementById(&apos;konversi-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-konversi&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-konversi&apos;).style.display=&apos;inline-block&apos;' title='Hide Konversi Kode'>إخفاء</a></span>
</span>
<span class='small-button'>
<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;none&apos;' title='إظهار الإبتسامات'>إظهار الإبتسامات</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;inline-block&apos;' title='Hide Emoticon'>إخفاء الإبتسامات</a></span>
</span>
  </p>
<div id='konversi-box'>
    <textarea id='codes' placeholder='الكتابة / لصق الرمز هنا وانقر على &apos;تحويل&apos;' spellcheck='false'/>
<span class='button-group'>
<button2 id='cvrt' onclick='cdConvert();this.disabled = true;'>تحويل </button2>
<button2 onclick='cdClear();'>إلغاء</button2>
</span>
<span class='checkbox'>
<input checked='' id='opt1' type='checkbox'/> <input id='opt2' type='checkbox'/> <input id='opt3' type='checkbox'/> <input checked='' id='opt4' type='checkbox'/> <input checked='' id='opt5' type='checkbox'/></span>
</div>
<div id='emo-box'>
  <div class='comment_emo_list'/>
</div>
      <data:blogTeamBlogMessage/>
     
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

        </b:if>

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

        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

        </b:if>
      </div>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
      <b:includable id='commentDeleteIcon' var='comment'>

  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>

    <b:if cond='data:showCmtPopup'>

      <div class='goog-toggle-button'>

        <div class='goog-inline-block comment-action-icon'/>

      </div>

    <b:else/>

      <a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' title='delete comment'>&#215;</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'>
<b:if cond='data:post.allowComments'>
  <b:if cond='data:post.numComments != 0'>
   <h3>
    <b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:
     <b:else/>
     <data:post.numComments/> <data:commentLabelPlural/>
    </b:if>
   </h3>
<a class='click-comment' expr:title='data:commentLabelPlural' href='#comment-form'>إضغط هنا لـ <data:commentLabelPlural/></a>
  </b:if>
              
  <b:if cond='data:post.commentPagingRequired'>
   <span class='paging-control-container'>
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a>
    &#160;
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>
    &#160;
    <data:post.commentRangeText/>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a>
   </span>
  </b:if>
                      
  <div class='clear'/>
  <div id='comment_block'>
   <b:loop values='data:post.comments' var='comment'>
                                                                            
   <div data-level='0' expr:class='data:comment.adminClass' expr:id='data:comment.anchorName'>                                                                                     
      <b:if cond='data:post.adminClass == data:comment.adminClass'>
       &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
       <b:else/>
                            &lt;div class=&#39;comment_inner&#39;&gt;
      </b:if>
        
    <div class='comment_body'>
    <div class='comment_header'>
     <div class='comment_avatar_wrap'>
  
     </div>
                        
     <div class='clear'/>
    </div>

     <div class='comment_name'>
      <b:if cond='data:comment.authorUrl'>
       <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a>
       <b:else/>
       <data:comment.author/>
      </b:if>
</div>
<span class='comment_service'>
      <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
                  <data:comment.timestamp/>
                </a></span>
<b:include data='comment' name='commentDeleteIcon'/>
  </span>
     <b:if cond='data:comment.isDeleted'>
      <span class='deleted-comment'><data:comment.body/></span>
      <b:else/>
      <p><data:comment.body/></p>
<b:if cond='data:post.numComments == 1'>
  <div expr:class='&quot;item-control &quot; + data:comment.adminClass' style='margin:-7px 0 10px;border:1px solid #c94a36;background:#e55e48;padding:5px 10px;color:#FFF;border-radius:2px'>Selamat <b><data:comment.author/></b> dapat PERTAMAX...! Silahkan antri di pom terdekat heheheh...</div>
</b:if>
<a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Balas'>Balas</a>
                        <div class='clear'/>
                    </b:if>
                 <div class='comment_avatar'>
      <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
<div class='comment_author_flag'>admin</div>
              </div>                                        
    </div>                        
     <div class='clear'/>
     &lt;/div&gt;
     <div class='clear'/>
          
    <div class='comment_child'/>
    <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>             
    </div>
   </b:loop>             
   </div>   
    <div class='clear'/>
    <b:if cond='data:post.commentPagingRequired'>
     <span class='paging-control-container'>
       <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a>
       &#160;
       <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>
       &#160;
       <data:post.commentRangeText/>
       &#160;
       <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>
       &#160;
       <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a>
     </span>
    </b:if>
    <div class='clear'/>
  <div class='comment_form' id='comment-form'>        
        
   <b:if cond='data:post.embedCommentForm'>
    <b:if cond='data:post.allowNewComments'>  
     <b:include data='post' name='threaded-comment-form'/>
       <b:else/>
       <data:post.noNewCommentsText/>
    </b:if>
    <b:else/>
    <b:if cond='data:post.allowComments'>
     <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>
    </b:if>
   </b:if>
    <div class='thanks' style='float:left;margin-top:-54px;margin-left:2px;padding:7px 10px;border-bottom:1px solid #e9eaed;border-radius:2px;position:relative;background:#fff'>شكرا لمشاركتنا رأيك</div>
  </div>
 </b:if>
</div>               
       <script type='text/javascript'>
       //<![CDATA[
       if (typeof(jQuery) == 'undefined') {
 //output the script (load it from google api)
 document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
       //]]>
       </script>
    
       <script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' type='text/javascript'/>
       <script type='text/javascript'>
     
         <b:if cond='data:post.numComments != 0'>
         var Items = <data:post.commentJso/>;
         var Msgs = <data:post.commentMsgs/>;
         var Config = <data:post.commentConfig/>;
        <b:else/>
         var Items = {};
         var Msgs = {};
         var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
        </b:if>
       //<![CDATA[
       //Global setting
        Config.maxThreadDepth = 3;//Kedalaman tingkat threaded comment
        Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
        Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable
        Replace_Image_Link = false;//Auto replace link image,  ketik "false" untuk mendisable.
        Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
        Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true
     
        //Pengaturan Emoticon
        Emo_List = [
        ':)'  ,'http://4.bp.blogspot.com/-J7s7flyAolE/U6tMYuCWJjI/AAAAAAAAD-g/ktLPs0sF0zM/s1600/smile.png',
        ':('  ,'http://1.bp.blogspot.com/-1BqZVIOmokE/U6tP_zEGUXI/AAAAAAAAD-4/Ykfh8PqPa74/s1600/Frown.png',
        ' =('  ,'http://2.bp.blogspot.com/-SL2PzXhI6-I/U6tMUbl4uBI/AAAAAAAAD9c/HmgkQTi81jc/s1600/berduka.gif',
        '^_^'  ,'http://2.bp.blogspot.com/-6JEoWkFJtMU/U6tMYfYjHJI/AAAAAAAAD-U/ggiVnSMQWEc/s1600/sm_smile.gif',
        ' :D'  ,'http://3.bp.blogspot.com/-alzlBnNEQmI/U6tMWxMCe_I/AAAAAAAAD-E/upslDYz1T3o/s1600/laugh.png',
        '=D'  ,'http://1.bp.blogspot.com/-iVpfzVgecII/U6tQBGbBVNI/AAAAAAAAD_Q/yM9i3ANzAh4/s1600/Laughing.png',
        '=)D' ,'http://1.bp.blogspot.com/-pdpnmWqSHyE/U6tQCnfbjeI/AAAAAAAAD_o/NfPqVrNVV-E/s1600/Yuck.png',
        '|o|'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPN75YbaNOnXgHd9559hB3LsHIguoN_an-wkcp0dqkR43hzj9WK3NJr_Qw_WeqKNIsyDmgco0S6YPkKutGeNtZyodvC3bWVqfHxV18D4G7RpZpWHvuYTjiciL1hbQoKr1RU_-oCyQP6a8j/s1600/applause-yahoo-emoticon.gif',
        '@@,'  ,'http://1.bp.blogspot.com/-nb5zqf7iKBE/U6tMUWl6XcI/AAAAAAAAD9Y/V9qG-QRDslU/s1600/bingung.gif',
        ' ;)'  ,'http://2.bp.blogspot.com/-EvSfZMZuwKo/U6tMVvRUL1I/AAAAAAAAD9w/1zzRy8EUC5A/s1600/cool.png',
        ':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgodtrsKhZAP8bV3Mce_3SEZM_QPSYLEwCAXcqC_Oc0Kp_JvRXCf-_U5896ssx6dDBRIO0e9dV7yEWcEZe0pZ_uxca0kDasDWd04Towlg4SIK8eNasQJO7v-NE2fOfO6_1w2L0h55dOhwiQ/s1600/thumbs-up-yahoo-emoticon.gif',
        ':-d'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjytf0yvD4XgiL9-cD2v1BRMFaZZGscegcl8sW1TGhjCTb-E8xiixCdyJe1tf5-NRPQe1yXVdAgggR8AjkpZGU3RpkfCu0_YFTIr3BdFGZ4ZZGOkhQd8CHsy8KLfv_AQ4-tVU-OEihvePA/s1600/thumbsup.gif',
        ' :p'  ,'http://2.bp.blogspot.com/-Ex1KikUVM2Q/U6tMVfiivCI/AAAAAAAAD9s/dKyvB1R6F8I/s1600/capede.gif',
        ':ng'  ,'http://4.bp.blogspot.com/-SLdFsLn7w00/U6tMXp7KTGI/AAAAAAAAD-I/MFuTw6CkbfI/s1600/ngakak.gif',
        ':lv'  ,'http://3.bp.blogspot.com/-KMdDgs2xyr4/U6tMV-juTSI/AAAAAAAAD90/jadn4_Ji8js/s1600/heart.png',  
        ];
     
                            
                                //Config Force tag list, define all in lower case
                                Force_Tag = [
                                    '[pre]','<pre>',
                                    '[/pre]','</pre>',
                                    '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',
                                    '</pre>','</code>'
                                ];
   
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\22\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T" A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<Q B="1O">\'+S+1e+\'</Q>\'}z 12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<Q B="1g" 15="c\'+H+\'" 1C="\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{}))  
var avatar=$("#comments");
avatar.find('.comment_avatar img').each(function() {
        var ava = $(this).attr('src');
        $(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s45-c/"));
});     
    //]]>
</script>
</b:includable>
      <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b: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'>
<!-- index mobile -->
  <div class='mobile-date-outer date-outer'>
    <div class='mobile-post-outer'>
        <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:else/>
            <div class='mobile-index-thumbnail'>
              <div class='Image'>
                <img expr:alt='data:post.title' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ5tfottz0C23DIiLEprhrd3z0nf3ecnysKaSHJQX8kgF8WhLb7MJ9w-Rbf7pNNRKz3FaZaNlABa1xbdbQL1kcoE8rYYtJ5k3NMjVnfIc65ySThTTXNUt1rsSgw4lMyKps5iLKzURWOUDf/s66-c/no-image.png'/>
              </div>
            </div>
          </b:if>

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

            <div class='post-info'>
                <b:if cond='data:top.showAuthor'>
                    <b:if cond='data:post.authorProfileUrl'>
                      <span class='author-info'>
                      <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                        <a expr:content='data:post.authorProfileUrl' itemprop='author'/>
                        <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='ملف الكاتب'>
                          <span itemprop='name'><data:post.author/></span>
                        </a>
                      </span>
                      </span>
                    <b:else/>
                      <span class='author-info'>
                      <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                        <span itemprop='name'><data:post.author/></span>
                      </span>
                      </span>
                    </b:if>
                </b:if>
                <b:if cond='data:top.showTimestamp'>
                <b:if cond='data:post.url'>
                  <a expr:content='data:post.canonicalUrl'/>
                  <span class='time-info'>
                  <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
                  </span>
                </b:if>
                </b:if>
                <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'>
                      <span class='comment-info'>
                      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> أضف تعليق </b:if> <b:if cond='data:post.numComments == 1'> 1 تعليق </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/>  تعليقات </b:if>
                      </a>
                      </span>
                    </b:if>
                  </b:if>
                </b:if>   
            </div>

          <div class='post-body'>

          </div>
        </div>

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

    </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'>
<!-- Mobile Page -->
  <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'>
<!-- Mobile Post -->
  <div class='date-outer'>
    <div class='date-posts'>
      <div class='post-outer'>

        <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
          <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'/>

          <b:if cond='data:post.title'>
            <h3 class='mobile-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-info' style='margin-bottom:15px;'>
                <b:if cond='data:top.showAuthor'>
                    <b:if cond='data:post.authorProfileUrl'>
                      <span class='author-info'>
                      <i class='fa fa-user'/>
                      <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                        <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                        <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='ملف الكاتب'>
                          <span itemprop='name'><data:post.author/></span>
                        </a>
                      </span>
                      </span>
                    <b:else/>
                      <span class='author-info'>
                      <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                        <span itemprop='name'><data:post.author/></span>
                      </span>
                      </span>
                    </b:if>
                </b:if>
                <b:if cond='data:top.showTimestamp'>
                <b:if cond='data:post.url'>
                  <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                  <span class='time-info'>
                  <i class='fa fa-calendar'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
                  </span>
                </b:if>
                </b:if>
                <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'>
                      <span class='comment-info'>
                      <i class='fa fa-comments'/> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'>  أضف تعليق </b:if> <b:if cond='data:post.numComments == 1'> 1  تعليق </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> تعليقات </b:if>
                      </a>
                      </span>
                    </b:if>
                  </b:if>
                </b:if>   
            </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;'/>
           
                <div id='share-buttons-mobile'>
                <p>شاركه : </p>
               
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' style='background:#3b5998;'>Facebook</a>
                <a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' style='background:#c0361a;'>Google+</a>
                <a expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot;&amp;lang=id&quot;' rel='nofollow' style='background:#4099ff;'>Twitter</a>
                <div class='clear'/>
                </div>
                <div id='related-posts-mobile'>
                <h3>مقالات ذات صلة :</h3>
                <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;amp;max-results=5&quot;' type='text/javascript'/></b:if> </b:loop> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
                </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'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
      <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>
     <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><data:homeMsg/></a>
    </div>
    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl' expr:title='data:homeMsg'><data:desktopLinkMsg/></a>
    </div>
  </div>
  </b:if>
</b:if>
  <div class='clear'/>
</b:includable>
      <b:includable id='page-navi'>
    <div class='pagenav'>
        <script type='text/javascript'>
        var pageNaviConf = {
            perPage: 5,
            numPages: 5,
            firstText: &quot;الصفحة الأولى &quot;,
            lastText: &quot;الصفحة الأخيرة&quot;,
            nextText: &quot;الصفحة التالية&quot;,
            prevText: &quot;الصفحة السابقة&quot;
        }
        </script>
        <script type='text/javascript'>
        //<![CDATA[
        function pageNavi(o){var m=location.href,l=m.indexOf("/search/label/")!=-1,a=l?m.substr(m.indexOf("/search/label/")+14,m.length):"";a=a.indexOf("?")!=-1?a.substr(0,a.indexOf("?")):a;var g=l?"/search/label/"+a+"?updated-max=":"/search?updated-max=",k=o.feed.entry.length,e=Math.ceil(k/pageNaviConf.perPage);if(e<=1){return}var n=1,h=[""];l?h.push("/search/label/"+a+"?max-results="+pageNaviConf.perPage):h.push("/?max-results="+pageNaviConf.perPage);for(var d=2;d<=e;d++){var c=(d-1)*pageNaviConf.perPage-1,b=o.feed.entry[c].published.$t,f=b.substring(0,19)+b.substring(23,29);f=encodeURIComponent(f);if(m.indexOf(f)!=-1){n=d}h.push(g+f+"&max-results="+pageNaviConf.perPage)}pageNavi.show(h,n,e)}pageNavi.show=function(f,e,a){var d=Math.floor((pageNaviConf.numPages-1)/2),g=pageNaviConf.numPages-1-d,c=e-d;if(c<=0){c=1}endPage=e+g;if((endPage-c)<pageNaviConf.numPages){endPage=c+pageNaviConf.numPages-1}if(endPage>a){endPage=a;c=a-pageNaviConf.numPages+1}if(c<=0){c=1}var b='<span class="pages">Pages '+e+' of '+a+"</span> ";if(c>1){b+='<a href="'+f[1]+'">'+pageNaviConf.firstText+"</a>"}if(e>1){b+='<a href="'+f[e-1]+'">'+pageNaviConf.prevText+"</a>"}for(i=c;i<=endPage;++i){if(i==e){b+='<span class="current">'+i+"</span>"}else{b+='<a href="'+f[i]+'">'+i+"</a>"}}if(e<a){b+='<a href="'+f[e+1]+'">'+pageNaviConf.nextText+"</a>"}if(endPage<a){b+='<a href="'+f[a]+'">'+pageNaviConf.lastText+"</a>"}document.write(b)};(function(){var b=location.href;if(b.indexOf("?q=")!=-1||b.indexOf(".html")!=-1){return}var d=b.indexOf("/search/label/")+14;if(d!=13){var c=b.indexOf("?"),a=(c==-1)?b.substring(d):b.substring(d,c);document.write('<script type="text/javascript" src="/feeds/posts/summary/-/'+a+'?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}else{document.write('<script type="text/javascript" src="/feeds/posts/summary?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}})();
        //]]>
        </script>
        <div class='clear'/>
    </div>
    </b:includable>
      <b:includable id='post' var='post'>
  <article class='post hentry'>
    <b:if cond='data:post.firstImageUrl'>
      <a expr:content='data:post.firstImageUrl'/>
    </b:if>
   
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <b:if cond='data:post.thumbnailUrl'>
        <a expr:href='data:post.url'><div class='img-thumbnail'><span class='overlay'/><script type='text/javascript'>
        document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&#39;<data:post.title/>&#39;));
        </script></div>
        </a>
    <b:else/>
        <b:if cond='data:post.firstImageUrl'>
        <a expr:href='data:post.url'><div class='img-thumbnail'><span class='overlay'/><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></div>
        </a>
    <b:else/>
        <a expr:href='data:post.url'><div class='img-thumbnail'><span class='overlay'/><img expr:alt='data:post.title' expr:title='data:post.title' src='http://4.bp.blogspot.com/-73e3hFZ3R1w/U8aAAbc4PsI/AAAAAAAAEYo/WmYe7bx-uo0/s1600/no-image.png'/></div>
        </a>
    </b:if>
    </b:if>
    </b:if>
    </b:if>
   
    <b:if cond='data:post.title'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <h1 class='post-title entry-title'>
            <b:if cond='data:post.link'>
              <a expr:href='data:post.link'><data:post.title/></a>
            <b:else/>
              <b:if cond='data:post.url'>
                <b:if cond='data:blog.url != data:post.url'>
                  <a expr:href='data:post.url'><data:post.title/></a>
                <b:else/>
                  <data:post.title/>
                </b:if>
                <b:else/>
                  <data:post.title/>
              </b:if>
            </b:if>
          </h1>
        <b:else/>
          <h2 class='post-title entry-title'>
            <b:if cond='data:post.link'>
              <a expr:href='data:post.link'><data:post.title/></a>
            <b:else/>
              <b:if cond='data:post.url'>
                <b:if cond='data:blog.url != data:post.url'>
                  <a expr:href='data:post.url'><data:post.title/></a>
                <b:else/>
                  <data:post.title/>
                </b:if>
                <b:else/>
                  <data:post.title/>
              </b:if>
            </b:if>
          </h2>
        </b:if>
      <b:else/>
        <h3 class='post-title entry-title'>
          <b:if cond='data:post.link'>
            <a expr:href='data:post.link'><data:post.title/></a>
          <b:else/>
            <b:if cond='data:post.url'>
              <b:if cond='data:blog.url != data:post.url'>
                <a expr:href='data:post.url'><data:post.title/></a>
              <b:else/>
                <data:post.title/>
              </b:if>
              <b:else/>
                <data:post.title/>
            </b:if>
          </b:if>
        </h3>
      </b:if>
    </b:if>

    <div class='post-info'>
<b:if cond='data:top.showAuthor'>
            <b:if cond='data:post.authorProfileUrl'>
              <span class='author-info'>
              <span class='vcard'>
              <span class='fn'>
                <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='ملف الكاتب'>
                  <span>الكاتب <data:post.author/></span>
                </a>
              </span>
              </span>
              </span>
            <b:else/>
              <span class='author-info'>
              <span class='fn'>
                <span>الكاتب <data:post.author/></span>
              </span>
              </span>
            </b:if>
        </b:if>
        <b:if cond='data:top.showTimestamp'>
        <b:if cond='data:post.url'>
          <span class='time-info'>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>في <abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
          </span>
        </b:if>
        </b:if>
        <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'>
              <span class='comment-info'>
              <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> أضف تعليق </b:if> <b:if cond='data:post.numComments == 1'>1 تعليق</b:if><b:if cond='data:post.numComments &gt; 1'><data:post.numComments/>  تعليقات</b:if>
              </a>
              </span>
            </b:if>
          </b:if>
        </b:if>
        <b:if cond='data:post.labels'>
          <span class='label-info'>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url + &quot;?max-results=5&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
          </b:loop>
          </span>
        </b:if>
        <b:include data='post' name='postQuickEdit'/>
    </div>

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

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
        <data:post.body/>
        <div style='clear:both;'/>
      </div>
    <b:else/>


        <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
            <div>
            <data:post.snippet/>
            </div>
            <a class='read-more' expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>أكمل المقال <span class='readm'/></a>
            <div style='clear:both;'/>    
        </div>   
    </b:if>
   
    <b:else/>
   
      <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
      <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
           
        <data:post.body/>
       
        <div style='clear: both;'/>
       
<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='share-box'>
<span style='float:right;margin-right:10px;margin-left:10px;font-size:18px;font-family:droid arabic kufi;color:#666'>شارك المقال : </span>
<div style='margin-left:30px;float:right;'>
<span class='fb-like' data-layout='button_count' data-send='false' data-show-faces='false' data-width='90' expr:data-href='data:post.url'/>
</div>
<div style='float:right;'>
<a class='twitter-share-button' data-count='horizontal' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' title='Share via Twitter'>Tweet</a>
<script async='async' src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div style='float:right;'>
<div class='g-plusone' data-count='true' data-size='medium' expr:data-href='data:post.url'/>
</div>
<a class='a2a_dd more' href='http://www.addtoany.com/share_save' title='المزيد'>&#10010;</a>
<script async='async' src='http://static.addtoany.com/menu/page.js' type='text/javascript'/>
<a class='printfriendly' href='http://www.printfriendly.com' onclick='window.print();return false;' title='طباعة المقال'><span class='print'/> <span class='pdf'/></a>
</div>
</b:if>
           
<div id='related_posts'>
<div class='relhead'>
          <h4>مقالات ذات صلة</h4>
<div class='clear'/>
          <b:loop values='data:post.labels' var='label'>
               <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;amp;callback=relpostimgcuplik&amp;amp;max-results=50&quot;' type='text/javascript'/>
          </b:loop>
          <ul id='relpost_img_sum'>
               <script type='text/javascript'>artikelterkait();</script>
          </ul>
     </div>
</div>
<div style='clear:both;'/>

      </div>

    </b:if>   
   
  </article>
 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='halaman'>
  <div class='blog-pager' id='blog-pager'>
<div class='halaman-kiri'>
<div class='isihalaman-kiri'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
        <span class='pager-title-right'>التالي</span><br/>
      <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'>المشاركةالتالية</a>
      </span>
<b:else/>
      <span class='current-pageright'><span class='pager-title-right'>التالي</span><br/>هذا أحدث موضوع</span>
    </b:if>
</div>
</div>
<div class='halaman-kanan'>
<div class='isihalaman-kanan'>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
<span class='pager-title-right'>السابق</span><br/>
      <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'>المشاركة السابقة</a>
      </span>
<b:else/>
<span class='current-pageleft'><span class='pager-title-right'>السابق</span><br/>هذ أخر موضوع</span>
    </b:if>
</div>
</div>
  </div>
<div style='clear: both;'/>
</div>
</b:if> 
</b:includable>
      <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
      <b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
      <b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
      <b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
<div id='form-wrapper'>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
     
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

        </b:if>

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

        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

        </b:if>
    <b:else/>
<div id='threaded-comment-form'>
      <p><data:blogCommentMessage/>
<span class='small-button'>
<span id='show-konversi'><a class='konversi-button' href='javascript:void(0)' onclick='document.getElementById(&apos;konversi-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-konversi&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-konversi&apos;).style.display=&apos;none&apos;' title='إظهار محول الأكواد'>تحويل كود</a></span><span id='hide-konversi'><a class='konversi-button' href='javascript:void(0)' onclick='document.getElementById(&apos;konversi-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-konversi&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-konversi&apos;).style.display=&apos;inline-block&apos;' title='إخفاء محول الأكواد'>إخفاء محول الأكواد</a></span>
</span>
<span class='small-button'>
<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;none&apos;' title='إظهار الإبتسامات'>الإبتسامات</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;inline-block&apos;' title='إخفاء الإبتسامات'>إخفاء </a></span>
</span>
  </p>
<div id='konversi-box'>
    <textarea id='codes' placeholder='الكتابة / لصق الرمز هنا وانقر على &apos;تحويل&apos;' spellcheck='false'/>
<span class='button-group'>
<button id='cvrt' onclick='cdConvert();this.disabled = true;'>تحويل</button>
<button onclick='cdClear();'>إلغاء</button>
</span>
<span class='checkbox'>
<input checked='' id='opt1' type='checkbox'/> <input id='opt2' type='checkbox'/> <input id='opt3' type='checkbox'/> <input checked='' id='opt4' type='checkbox'/> <input checked='' id='opt5' type='checkbox'/></span>
</div>
<div id='emo-box'>
  <div class='comment_emo_list'/>
</div>
      <data:blogTeamBlogMessage/>
     
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

        </b:if>

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

        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

        </b:if>
      </div>
    </b:if>
</div>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
      <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

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

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

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

      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];

              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                  comment.displayTime = entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

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

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

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          document.getElementById(domId).insertBefore(replybox.parentNode, 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'/>
      <h3><b:if cond='data:post.numComments == 0'> 0 لا يوجد تعليق لـ &quot;<data:blog.pageName/>&quot;</b:if> <b:if cond='data:post.numComments == 1'> 1 تعليق لـ &quot;<data:blog.pageName/>&quot; </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> التعليقات </b:if></h3>

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

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

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

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

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div id='main-home'>
<div id='main-left'>
  <b:section class='gleft' id='gleft'>
    <b:widget id='HTML2' locked='false' title='جديد المدونة' type='HTML'>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

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

<div id='main-right'>
  <b:section class='gright' id='gright'>
    <b:widget id='HTML3' locked='false' title='إخترنالكم' type='HTML'>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

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

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

</div>
<div class='clear'/>
</div>

<aside id='sidebar-wrapper'>
<div class='sidebar-inner'>

<div id='social_networks'>
<ul><!--Social Icons Started Started-->
<li class='sorting-01 facebook'><a href='#'><span class='inv'>Facebook</span></a></li>
<!--Replase With Facebook URL-->
<li class='sorting-02 twitter'><a href='#'><span class='inv'>twitter</span></a></li>
<!--Replase With Twitter URL-->
<li class='sorting-03 googleplus'><a href='#'><span class='inv'>googleplus</span></a></li>
<!--Replase With Google Plus URL-->
<li class='sorting-04 youtube'><a href='#'><span class='inv'>youtube</span></a></li>
<!--Replase With Youtube URL-->
<li class='sorting-06 linkedin'><a href='#'><span class='inv'>linkedin</span></a></li>
<!--Replase With Linked In URL-->
</ul><!--Social Icons Started End-->
</div>
<div class='clear'/>

<div id='search'>
<div class='content-wrapper'>
<form action='/search' id='searchform' method='get'>
<input id='search-form' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value=''/>
</form>
</div>
</div>
<div class='clear'/>


<div class='clear'/>

<div class='tabs tabs-1'>
<b:section class='tably tably-1 section animated fadeIn' id='tably-1' showaddelement='yes'>
  <b:widget id='PopularPosts1' locked='false' title='الأكثر زيارة' type='PopularPosts'>
    <b:includable id='main'>
  <b:if cond='data:title'><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 == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img 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' expr:title='data:post.title'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img 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' expr:title='data:post.title'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
  </div>
</b:includable>
  </b:widget>
</b:section>
<b:section class='tably tably-2 section animated fadeIn' id='tably-2' showaddelement='yes'>
  <b:widget id='Label1' locked='false' title='الأقسام' type='Label'>
    <b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='rtl'><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='rtl'><data:label.count/></span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
  </div>
</b:includable>
  </b:widget>
</b:section>
<b:section class='tably tably-3 section animated fadeIn' id='tably-3' showaddelement='yes'>
  <b:widget id='BlogArchive1' locked='false' title='الأرشيف' type='BlogArchive'>
    <b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  </div>
</b:includable>
    <b:includable id='flat' var='data'>
  <ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
    <b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul class='hierarchy'>
        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='rtl'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
</b:includable>
    <b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
    <b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
    <b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>&#9660;&#160;</span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
          &#9668;&#160;
        <b:else/>
          &#9658;&#160;
        </b:if>
      </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
  </b:widget>
</b:section>
   
</div>
<div class='clear'/>

<b:section class='sidebar section' id='sidebar' preferred='yes'>
  <b:widget id='HTML1' locked='false' title='إنضم لنا' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

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

<span id='back-to-top'/>

<footer id='footer-wrapper'>
<div class='footer-bottom'>
<div id='footer-widgetfix'>
<div class='footer-widget' id='footx1'>
<b:section class='footer' id='footer1'>
  <b:widget id='HTML5' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
</div>
<div class='footer-widget' id='footx2'>
<b:section class='footer' id='footer2'/>
</div>
<div class='footer-widget' id='footx3'>
<b:section class='footer' id='footer3'/>
</div>

</div>
</div>
<div id='footerfix'>
<div id='credit'>
<div id='creditfix'>
<div class='cpright'>
 &#169; 2014 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> جميع الحقوق محفوظة
</div>
<div class='creditfix'>
<div class='cpleft'>
تصميم <a href='http://www.ar1web.com' id='credit' rel='nofollow' target='_blank'>مدونة عرب ويب</a>
</div>
</div></div>
</div>
</div>
</footer>

<div class='clear'/>

<script type='text/javascript'>
        //<![CDATA[
$(function () {
 $("#back-to-top").backToTop();
});
//]]></script>

<script type='text/javascript'>
//<![CDATA[
(function ($) {

    $.fn.backToTop = function (options) {

        var $this = $(this);
        $this
        .hide()
        .click(function () {
            $("body, html").animate({
                scrollTop: "0px"
            });
        });

        var $window = $(window);
        $window.scroll(function () {
            if ($window.scrollTop() > 0) {
                $this.fadeIn();
            } else {
                $this.fadeOut();
            }
        });

        return this;

    };

})(jQuery);

//]]></script>


<script type='text/javascript'>
$(function() { $(window).scroll(function() { if($(this).scrollTop()&gt;100) { $(&#39;#BounceToTop&#39;).fadeIn(); } else { $(&#39;#BounceToTop&#39;).fadeOut(); } });
$(&#39;#BounceToTop&#39;).click(function() { $(&#39;body,html&#39;).animate({scrollTop:0},600) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:0},50); }); });
</script>
<div class='animated fadeInRightBig' id='BounceToTop'/>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){var str=location.href.toLowerCase();$('.main-nav ul li a').each(function(){if(str.indexOf(this.href.toLowerCase())>-1){$("li.highlight").removeClass("highlight");$(this).parent().addClass("highlight")}})})
$(function(){var pull=$('#pull');menu=$('.main-nav ul');menuHeight=menu.height();$(pull).on('click',function(e){e.preventDefault();menu.slideToggle()});$(window).resize(function(){var w=$(window).width();if(w>320&&menu.is(':hidden')){menu.removeAttr('style')}})});
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
var pfHeaderImgUrl = '';var pfHeaderTagline = '';var pfdisableClickToDel = 0;var pfHideImages = 0;var pfImageDisplayStyle = 'none';var pfDisablePDF = 0;var pfDisableEmail = 0;var pfDisablePrint = 0;var pfCustomCSS = '';var pfBtVersion='1';(function(){var js, pf;pf = document.createElement('script');pf.type = 'text/javascript';if('https:' == document.location.protocol){js='https://pf-cdn.printfriendly.com/ssl/main.js'}else{js='http://cdn.printfriendly.com/printfriendly.js'}pf.src=js;document.getElementsByTagName('head')[0].appendChild(pf)})();
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
!function(a){"use strict";var b=function(b,c){var d=this;d.element=b,d.$element=a(b),d.tabs=d.$element.children(),d.options=a.extend({},a.fn.mtabs.defaults,c),d.current_tab=0,d.init()};b.prototype={init:function(){var a=this;a.tabs.length&&(a.build(),a.buildTabMenu())},build:function(){var b=this,c=b.options,d=c.tab_text_el,e=c.container_class;b.tab_names=[],b.$wrapper=b.$element.wrapInner('<div class="'+e+'" />').find("."+e),b.tabs.wrapAll('<div class="'+c.tabs_container_class+'" />'),b.tabs.each(function(c,e){var f,g=a(e),h=d;f=g.find(h).filter(":first").hide().text(),b.tab_names.push(f)}),a.isFunction(c.onReady)&&c.onReady.call(b.element)},buildTabMenu:function(){for(var b,c=this,d=c.options,e=d.tabsmenu_el,f=c.tab_names,g="<"+e+' class="'+d.tabsmenu_class+'">',h=0,i=f.length,j=function(){var a=arguments;return d.tmpl.tabsmenu_tab.replace(/\{[0-9]\}/g,function(b){var c=Number(b.replace(/\D/g,""));return a[c]||""})};i>h;h++)g+=j(h+1,f[h]);g+="</"+e+">",c.$tabs_menu=a(g).prependTo(c.$wrapper),b=c.$tabs_menu.find(":first")[0].nodeName.toLowerCase(),c.$tabs_menu.on("click",b,function(b){var d=a(this),e=d.index();c.show(e),b.preventDefault()}).find(":first").trigger("click")},show:function(b){var c=this,d=c.options,e=d.active_tab_class;c.tabs.hide().filter(":eq("+b+")").show(),c.$tabs_menu.children().removeClass(e).filter(":eq("+b+")").addClass(e),a.isFunction(d.onTabSelect)&&b!==c.current_tab&&d.onTabSelect.call(c.element,b),c.current_tab=b},destroy:function(){var a=this,b=a.options.tab_text_el;a.$tabs_menu.remove(),a.tabs.unwrap().unwrap(),a.tabs.removeAttr("style"),a.tabs.children(b+":first").removeAttr("style"),a.$element.removeData("mtabs")}},a.fn.mtabs=function(c,d){return this.each(function(){var e,f=a(this),g=f.data("mtabs");e="object"==typeof c&&c,g||f.data("mtabs",g=new b(this,e)),"string"==typeof c&&g[c](d)})},a.fn.mtabs.defaults={container_class:"tabs",tabs_container_class:"tabs-content",active_tab_class:"active-tab",tab_text_el:"h1, h2, h3, h4, h5, h6",tabsmenu_class:"tabs-menu",tabsmenu_el:"ul",tmpl:{tabsmenu_tab:'<li class="tab-{0}"><span>{1}</span></li>'},onTabSelect:null}}(window.jQuery,window,document);
//]]>
</script>

<script type='text/javascript'>
  (function() {
    var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

<script type='text/javascript'>
//<![CDATA[
function blockLinks(parentID, children) {
    var parent = document.getElementById(parentID),
        content = parent.getElementsByTagName(children);
    for(var i = 0; i < content.length; i++) {
        if(content[i].innerHTML.indexOf('</a>') !== -1) {
            content[i].innerHTML = "Maaf <span style='background-color:red;color: white;padding:3px;border-radius:2px'><b>link hidup</b></span> tidak akan tampil di sini!";
            content[i].className = "spammer-detected";
        }
    }
}
blockLinks('comment_block', 'p');
//]]>
</script>

<script type='text/javascript'>
$(&#39;i[rel=&quot;pre&quot;]&#39;).replaceWith(function() {
    return $(&#39;<pre><code>&#39; + $(this).html() + &#39;</code></pre>&#39;);
});
</script>
<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;pre&quot;);
for (var i = 0; i &lt; pres.length; i++) {
  pres[i].addEventListener(&quot;dblclick&quot;, function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);
  }, false);
}
</script>

<script src='https://aisuka-project.googlecode.com/svn/ai-dark.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
function cdClear() {
    var wtarea = document.getElementById('codes');
    wtarea.value = '';
    wtarea.focus();
    document.getElementById('cvrt').disabled = false;
}
function cdConvert() {
    var ctarea = document.getElementById('codes'),
        cv = ctarea.value,
        opt1 = document.getElementById('opt1'),
        opt2 = document.getElementById('opt2'),
        opt3 = document.getElementById('opt3'),
        opt4 = document.getElementById('opt4'),
        opt5 = document.getElementById('opt5');
    cv = cv.replace(/\t/g, "    ");
    if (opt1.checked) cv = cv.replace(/&/g, "&amp;");
    if (opt2.checked) cv = cv.replace(/'/g, "&#039;");
    if (opt3.checked) cv = cv.replace(/"/g, "&quot;");
    if (opt4.checked) cv = cv.replace(/</g, "&lt;");
    if (opt5.checked) cv = cv.replace(/>/g, "&gt;");
    if (cv.lastIndexOf('\n') != -1 || cv.length > 40) {
        cv = cv.replace(/^/, "<i rel=\"pre\">");
    } else {
        cv = cv.replace(/^/, "<i rel=\"code\">");
    }
    cv = cv.replace(/$/, "</i>");
    ctarea.value = cv;
    ctarea.focus();
    ctarea.select();
};
//]]>
</script>

<script type='text/javascript'>
$(document).ready(function(){
var olderLink = $(&quot;a.blog-pager-older-link&quot;).attr(&quot;href&quot;);
$(&quot;a.blog-pager-older-link&quot;).load(olderLink+&quot; .post-title:first&quot;, function() {
var olderLinkTitle = $(&quot;a.blog-pager-older-link&quot;).text();
$(&quot;a.blog-pager-older-link&quot;).text(olderLinkTitle);//rgt
});
var newerLink = $(&quot;a.blog-pager-newer-link&quot;).attr(&quot;href&quot;);
$(&quot;a.blog-pager-newer-link&quot;).load(newerLink+&quot; .post-title:first&quot;, function() {
var newerLinkTitle = $(&quot;a.blog-pager-newer-link:first&quot;).text();
$(&quot;a.blog-pager-newer-link&quot;).text(newerLinkTitle);
});
});
</script>

<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
    $('#page-loader').fadeIn(1000).delay(9000).fadeOut(1000);
});
//]]>
</script>


  </div></div>
&lt;!--</body>--&gt;&lt;/body&gt;
</html>