<?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 == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == "error_page"'>
<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 + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' 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 == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + 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 == "error_page"'>
<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'/>
<style type="text/css">
<!-- /*<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:'Oswald';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:'Open Sans';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('http://2.bp.blogspot.com/-t2gSISF0Sdc/U4XzAzFl5qI/AAAAAAAADVY/nYmOzAOnbus/s1600/Loader3.gif') 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 > 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:'Oswald';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 > 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 > a.ai,#menu a.ai:hover{background:#55606f;color:#fff}
#menu a.ai::after{content:"";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 > span {background:#fafafa;padding:0;}
.breadcrumbs > 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:'Open Sans';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:'Playfair Display',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:'Playfair Display',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:'Playfair Display',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:'Playfair Display',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:'Playfair Display', 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:'Open Sans',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('http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif') 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:'Open Sans',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:'Open Sans';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: 'Open Sans',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:'Open Sans',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: 'Open Sans',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 'Courier New',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 > #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: 'Open Sans',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,'Andale Mono',Courier,'Courier New',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:'Open Sans',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:"" !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: " ";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:""!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:'Open Sans';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:'Playfair Display',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:'Open Sans';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:"";background:url('http://1.bp.blogspot.com/-P2RRijDirXA/U8ftwSomm6I/AAAAAAAAEbo/tLU4c5dk2K4/s1600/nav-icon.png') 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 > a.ai,#menu a.ai:hover{background:#0fa9cd;color:#fff;}
#menu li:hover > 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:"";background:url('http://1.bp.blogspot.com/-P2RRijDirXA/U8ftwSomm6I/AAAAAAAAEbo/tLU4c5dk2K4/s1600/nav-icon.png') 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:'Roboto';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:'Open Sans',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:'Open Sans',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("http://4.bp.blogspot.com/-YQ-kX3Ifzb4/U6a5HhEhlLI/AAAAAAAADxI/wT_VI6RLrHM/s1600/totop.png");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:'Open Sans',sans-serif;width:auto;height:100%;margin:0 auto;text-align:center;}
#search-form {border-radius:2px;margin:0 auto;background:#FF8800 url('http://1.bp.blogspot.com/-hol8u-tMI4o/U6a5GKy8xbI/AAAAAAAADxA/axfPxABLUlA/s1600/search.png') 96% 50% no-repeat;border:0 none;height:36px;line-height:13px;width:92%;font-family:'Open Sans',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('http://1.bp.blogspot.com/-hol8u-tMI4o/U6a5GKy8xbI/AAAAAAAADxA/axfPxABLUlA/s1600/search.png') 90% 50% no-repeat; }
#search-form:focus{background:#55606f url('http://1.bp.blogspot.com/-hol8u-tMI4o/U6a5GKy8xbI/AAAAAAAADxA/axfPxABLUlA/s1600/search.png') -10% 50% no-repeat;text-shadow:none!important;outline:none;color:#fff;}
#box {display:none}
.search-text {font-size:13px;font-family:'Open Sans';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 != "item"'> <b:if cond='data:blog.pageType != "static_page"'>
<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:'';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:'';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:'';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: " ";
/* display: block; */
/* height: 40px; */
/* left: -35px; */
/* position: absolute; */
transform: rotate(42deg);
/* width: 42px; */
/* top: 36%; */
/* z-index: 3; */
content: "";
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:"";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 == "item"'>
<style type='text/css'>
h3.post-title:before,h1.post-title:before,h3.post-title:after,h1.post-title:after {
content: '';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:'Open Sans';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 == "static_page"'>
<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 == "error_page"'>
<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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 == "static_page"'>
<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 == "item"'>
<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() {
$(".tabs-1").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() {
$('.fancybox').fancybox({scrolling : 'yes',autoResize : false,minWidth : 500});
});
</script><script type='text/javascript'>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-34831120-1']);
_gaq.push(['_trackPageview']);
setTimeout('_gaq.push([\'_trackEvent\', \'NoBounce\', \'Over 030 seconds\'])',30000);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[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() {
$(".tabs-1").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 == "error_page"'>
<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'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: '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',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</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 == "false"'>
<!-- 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 == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<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 != "item"'> <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'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<!-- navigation -->
<b:if cond='data:blog.pageType == "index"'>
<b:include name='page-navi'/>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<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("annotations", "1", {"locale": "<data:top.languageCode/>"});
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='"item-control " + 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 + "_backlinks-create-link"' 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 == "static_page"'>
<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 == "item"'>
<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 + "?&amp;max-results=5"' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != "true"'> </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 == "archive"'>
<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 == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'> <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 + "_comment-editor-toggle-link"' expr:title='data:postCommentMsg' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == "static_page"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + 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 == "item"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + 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('konversi-box').style.display='inline-block';document.getElementById('hide-konversi').style.display='inline-block';document.getElementById('show-konversi').style.display='none'' title='إظهار محول الأكواد'>إظهار محول الأكواد</a></span><span id='hide-konversi'><a class='konversi-button' href='javascript:void(0)' onclick='document.getElementById('konversi-box').style.display='none';document.getElementById('hide-konversi').style.display='none';document.getElementById('show-konversi').style.display='inline-block'' 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('emo-box').style.display='inline-block';document.getElementById('hide-emo').style.display='inline-block';document.getElementById('show-emo').style.display='none'' title='إظهار الإبتسامات'>إظهار الإبتسامات</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById('emo-box').style.display='none';document.getElementById('hide-emo').style.display='none';document.getElementById('show-emo').style.display='inline-block'' title='Hide Emoticon'>إخفاء الإبتسامات</a></span>
</span>
</p>
<div id='konversi-box'>
<textarea id='codes' placeholder='الكتابة / لصق الرمز هنا وانقر على 'تحويل'' 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 == "static_page"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + 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 == "item"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + 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('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + 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='"http://www.blogger.com/delete-comment.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:comment.id' title='delete comment'>×</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>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>
 
<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'>
<div class='comment_inner comment_admin'>
<b:else/>
<div class='comment_inner'>
</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='"item-control " + 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='"#r_"+data:comment.anchorName' expr:id='"r"+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'/>
</div>
<div class='clear'/>
<div class='comment_child'/>
<div class='comment_reply_form' expr:id='"r_f_"+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>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>
 
<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 = {'maxThreadDepth':'0'};
</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="">','<code>',
'</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 != "item"'> <!-- 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 == "false"'>
<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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 > 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 == "index"'>
<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 + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 > 1'> <data:post.numComments/> تعليقات </b:if>
</a>
</span>
</b:if>
</b:if>
</b:if>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/>
<div id='share-buttons-mobile'>
<p>شاركه : </p>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' style='background:#3b5998;'>Facebook</a>
<a expr:href='"http://plus.google.com/share?url=" + data:blog.url' rel='nofollow' style='background:#c0361a;'>Google+</a>
<a expr:href='"https://twitter.com/intent/tweet?url=" + data:blog.url + "&text=" + data:post.title + "&lang=id"' 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 != "true"'/> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&amp;max-results=5"' type='text/javascript'/></b:if> </b:loop> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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: "الصفحة الأولى ",
lastText: "الصفحة الأخيرة",
nextText: "الصفحة التالية",
prevText: "الصفحة السابقة"
}
</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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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("<data:post.thumbnailUrl/>",'<data:post.title/>'));
</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 != "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 > 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 + "?max-results=5"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
</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 != "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<data:post.body/>
<div style='clear:both;'/>
</div>
<b:else/>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<div>
<data:post.snippet/>
</div>
<a class='read-more' expr:href='data:post.url + "#more"' 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='"post-body-" + data:post.id'>
<data:post.body/>
<div style='clear: both;'/>
<b:if cond='data:blog.pageType == "item"'>
<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='المزيد'>✚</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='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=relpostimgcuplik&amp;max-results=50"' 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 == "item"'>
<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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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='"item-control " + 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 + "&target=email"' 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 + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' 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 + "&target=twitter"' 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 + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' 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 + "&target=orkut"' 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 == "static_page"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + 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 == "item"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + 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('konversi-box').style.display='inline-block';document.getElementById('hide-konversi').style.display='inline-block';document.getElementById('show-konversi').style.display='none'' title='إظهار محول الأكواد'>تحويل كود</a></span><span id='hide-konversi'><a class='konversi-button' href='javascript:void(0)' onclick='document.getElementById('konversi-box').style.display='none';document.getElementById('hide-konversi').style.display='none';document.getElementById('show-konversi').style.display='inline-block'' title='إخفاء محول الأكواد'>إخفاء محول الأكواد</a></span>
</span>
<span class='small-button'>
<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById('emo-box').style.display='inline-block';document.getElementById('hide-emo').style.display='inline-block';document.getElementById('show-emo').style.display='none'' title='إظهار الإبتسامات'>الإبتسامات</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById('emo-box').style.display='none';document.getElementById('hide-emo').style.display='none';document.getElementById('show-emo').style.display='inline-block'' title='إخفاء الإبتسامات'>إخفاء </a></span>
</span>
</p>
<div id='konversi-box'>
<textarea id='codes' placeholder='الكتابة / لصق الرمز هنا وانقر على 'تحويل'' 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 == "static_page"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + 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 == "item"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + 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('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</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 لا يوجد تعليق لـ "<data:blog.pageName/>"</b:if> <b:if cond='data:post.numComments == 1'> 1 تعليق لـ "<data:blog.pageName/>" </b:if> <b:if cond='data:post.numComments > 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 + "_backlinks-container"'>
<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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 != ""'>
<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 != ""'>
<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=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=''' 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 == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (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 == "false"'>
<!-- (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='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<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='"label-size label-size-" + 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 + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<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='"archivedate " + 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 + "_ArchiveMenu"'>
<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 == "expanded"'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄ 
<b:else/>
► 
</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 != ""'>
<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 != ""'>
<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'>
© 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()>100) { $('#BounceToTop').fadeIn(); } else { $('#BounceToTop').fadeOut(); } });
$('#BounceToTop').click(function() { $('body,html').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('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[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'>
$('i[rel="pre"]').replaceWith(function() {
return $('<pre><code>' + $(this).html() + '</code></pre>');
});
</script>
<script type='text/javascript'>
var pres = document.getElementsByTagName("pre");
for (var i = 0; i < pres.length; i++) {
pres[i].addEventListener("dblclick", 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, "&");
if (opt2.checked) cv = cv.replace(/'/g, "'");
if (opt3.checked) cv = cv.replace(/"/g, """);
if (opt4.checked) cv = cv.replace(/</g, "<");
if (opt5.checked) cv = cv.replace(/>/g, ">");
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 = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle);//rgt
});
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link:first").text();
$("a.blog-pager-newer-link").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>
<!--</body>--></body>
</html>
<!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 == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == "error_page"'>
<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 + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' 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 == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + 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 == "error_page"'>
<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'/>
<style type="text/css">
<!-- /*<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:'Oswald';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:'Open Sans';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('http://2.bp.blogspot.com/-t2gSISF0Sdc/U4XzAzFl5qI/AAAAAAAADVY/nYmOzAOnbus/s1600/Loader3.gif') 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 > 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:'Oswald';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 > 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 > a.ai,#menu a.ai:hover{background:#55606f;color:#fff}
#menu a.ai::after{content:"";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 > span {background:#fafafa;padding:0;}
.breadcrumbs > 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:'Open Sans';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:'Playfair Display',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:'Playfair Display',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:'Playfair Display',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:'Playfair Display',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:'Playfair Display', 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:'Open Sans',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('http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif') 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:'Open Sans',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:'Open Sans';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: 'Open Sans',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:'Open Sans',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: 'Open Sans',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 'Courier New',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 > #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: 'Open Sans',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,'Andale Mono',Courier,'Courier New',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:'Open Sans',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:"" !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: " ";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:""!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:'Open Sans';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:'Playfair Display',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:'Open Sans';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:"";background:url('http://1.bp.blogspot.com/-P2RRijDirXA/U8ftwSomm6I/AAAAAAAAEbo/tLU4c5dk2K4/s1600/nav-icon.png') 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 > a.ai,#menu a.ai:hover{background:#0fa9cd;color:#fff;}
#menu li:hover > 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:"";background:url('http://1.bp.blogspot.com/-P2RRijDirXA/U8ftwSomm6I/AAAAAAAAEbo/tLU4c5dk2K4/s1600/nav-icon.png') 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:'Roboto';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:'Open Sans',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:'Open Sans',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("http://4.bp.blogspot.com/-YQ-kX3Ifzb4/U6a5HhEhlLI/AAAAAAAADxI/wT_VI6RLrHM/s1600/totop.png");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:'Open Sans',sans-serif;width:auto;height:100%;margin:0 auto;text-align:center;}
#search-form {border-radius:2px;margin:0 auto;background:#FF8800 url('http://1.bp.blogspot.com/-hol8u-tMI4o/U6a5GKy8xbI/AAAAAAAADxA/axfPxABLUlA/s1600/search.png') 96% 50% no-repeat;border:0 none;height:36px;line-height:13px;width:92%;font-family:'Open Sans',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('http://1.bp.blogspot.com/-hol8u-tMI4o/U6a5GKy8xbI/AAAAAAAADxA/axfPxABLUlA/s1600/search.png') 90% 50% no-repeat; }
#search-form:focus{background:#55606f url('http://1.bp.blogspot.com/-hol8u-tMI4o/U6a5GKy8xbI/AAAAAAAADxA/axfPxABLUlA/s1600/search.png') -10% 50% no-repeat;text-shadow:none!important;outline:none;color:#fff;}
#box {display:none}
.search-text {font-size:13px;font-family:'Open Sans';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 != "item"'> <b:if cond='data:blog.pageType != "static_page"'>
<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:'';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:'';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:'';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: " ";
/* display: block; */
/* height: 40px; */
/* left: -35px; */
/* position: absolute; */
transform: rotate(42deg);
/* width: 42px; */
/* top: 36%; */
/* z-index: 3; */
content: "";
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:"";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 == "item"'>
<style type='text/css'>
h3.post-title:before,h1.post-title:before,h3.post-title:after,h1.post-title:after {
content: '';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:'Open Sans';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 == "static_page"'>
<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 == "error_page"'>
<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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 == "static_page"'>
<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 == "item"'>
<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() {
$(".tabs-1").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() {
$('.fancybox').fancybox({scrolling : 'yes',autoResize : false,minWidth : 500});
});
</script><script type='text/javascript'>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-34831120-1']);
_gaq.push(['_trackPageview']);
setTimeout('_gaq.push([\'_trackEvent\', \'NoBounce\', \'Over 030 seconds\'])',30000);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[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() {
$(".tabs-1").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 == "error_page"'>
<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'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: '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',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</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 == "false"'>
<!-- 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 == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<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 != "item"'> <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'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<!-- navigation -->
<b:if cond='data:blog.pageType == "index"'>
<b:include name='page-navi'/>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<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("annotations", "1", {"locale": "<data:top.languageCode/>"});
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='"item-control " + 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 + "_backlinks-create-link"' 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 == "static_page"'>
<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 == "item"'>
<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 + "?&amp;max-results=5"' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != "true"'> </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 == "archive"'>
<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 == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'> <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 + "_comment-editor-toggle-link"' expr:title='data:postCommentMsg' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == "static_page"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + 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 == "item"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + 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('konversi-box').style.display='inline-block';document.getElementById('hide-konversi').style.display='inline-block';document.getElementById('show-konversi').style.display='none'' title='إظهار محول الأكواد'>إظهار محول الأكواد</a></span><span id='hide-konversi'><a class='konversi-button' href='javascript:void(0)' onclick='document.getElementById('konversi-box').style.display='none';document.getElementById('hide-konversi').style.display='none';document.getElementById('show-konversi').style.display='inline-block'' 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('emo-box').style.display='inline-block';document.getElementById('hide-emo').style.display='inline-block';document.getElementById('show-emo').style.display='none'' title='إظهار الإبتسامات'>إظهار الإبتسامات</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById('emo-box').style.display='none';document.getElementById('hide-emo').style.display='none';document.getElementById('show-emo').style.display='inline-block'' title='Hide Emoticon'>إخفاء الإبتسامات</a></span>
</span>
</p>
<div id='konversi-box'>
<textarea id='codes' placeholder='الكتابة / لصق الرمز هنا وانقر على 'تحويل'' 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 == "static_page"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + 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 == "item"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + 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('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + 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='"http://www.blogger.com/delete-comment.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:comment.id' title='delete comment'>×</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>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>
 
<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'>
<div class='comment_inner comment_admin'>
<b:else/>
<div class='comment_inner'>
</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='"item-control " + 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='"#r_"+data:comment.anchorName' expr:id='"r"+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'/>
</div>
<div class='clear'/>
<div class='comment_child'/>
<div class='comment_reply_form' expr:id='"r_f_"+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>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>
 
<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 = {'maxThreadDepth':'0'};
</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="">','<code>',
'</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 != "item"'> <!-- 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 == "false"'>
<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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 > 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 == "index"'>
<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 + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 > 1'> <data:post.numComments/> تعليقات </b:if>
</a>
</span>
</b:if>
</b:if>
</b:if>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/>
<div id='share-buttons-mobile'>
<p>شاركه : </p>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' style='background:#3b5998;'>Facebook</a>
<a expr:href='"http://plus.google.com/share?url=" + data:blog.url' rel='nofollow' style='background:#c0361a;'>Google+</a>
<a expr:href='"https://twitter.com/intent/tweet?url=" + data:blog.url + "&text=" + data:post.title + "&lang=id"' 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 != "true"'/> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&amp;max-results=5"' type='text/javascript'/></b:if> </b:loop> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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: "الصفحة الأولى ",
lastText: "الصفحة الأخيرة",
nextText: "الصفحة التالية",
prevText: "الصفحة السابقة"
}
</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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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("<data:post.thumbnailUrl/>",'<data:post.title/>'));
</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 != "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 > 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 + "?max-results=5"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
</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 != "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<data:post.body/>
<div style='clear:both;'/>
</div>
<b:else/>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<div>
<data:post.snippet/>
</div>
<a class='read-more' expr:href='data:post.url + "#more"' 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='"post-body-" + data:post.id'>
<data:post.body/>
<div style='clear: both;'/>
<b:if cond='data:blog.pageType == "item"'>
<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='المزيد'>✚</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='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=relpostimgcuplik&amp;max-results=50"' 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 == "item"'>
<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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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='"item-control " + 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 + "&target=email"' 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 + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' 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 + "&target=twitter"' 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 + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' 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 + "&target=orkut"' 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 == "static_page"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + 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 == "item"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + 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('konversi-box').style.display='inline-block';document.getElementById('hide-konversi').style.display='inline-block';document.getElementById('show-konversi').style.display='none'' title='إظهار محول الأكواد'>تحويل كود</a></span><span id='hide-konversi'><a class='konversi-button' href='javascript:void(0)' onclick='document.getElementById('konversi-box').style.display='none';document.getElementById('hide-konversi').style.display='none';document.getElementById('show-konversi').style.display='inline-block'' title='إخفاء محول الأكواد'>إخفاء محول الأكواد</a></span>
</span>
<span class='small-button'>
<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById('emo-box').style.display='inline-block';document.getElementById('hide-emo').style.display='inline-block';document.getElementById('show-emo').style.display='none'' title='إظهار الإبتسامات'>الإبتسامات</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById('emo-box').style.display='none';document.getElementById('hide-emo').style.display='none';document.getElementById('show-emo').style.display='inline-block'' title='إخفاء الإبتسامات'>إخفاء </a></span>
</span>
</p>
<div id='konversi-box'>
<textarea id='codes' placeholder='الكتابة / لصق الرمز هنا وانقر على 'تحويل'' 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 == "static_page"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + 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 == "item"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + 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('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</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 لا يوجد تعليق لـ "<data:blog.pageName/>"</b:if> <b:if cond='data:post.numComments == 1'> 1 تعليق لـ "<data:blog.pageName/>" </b:if> <b:if cond='data:post.numComments > 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 + "_backlinks-container"'>
<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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 != ""'>
<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 != ""'>
<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=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=''' 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 == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (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 == "false"'>
<!-- (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='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<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='"label-size label-size-" + 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 + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<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='"archivedate " + 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 + "_ArchiveMenu"'>
<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 == "expanded"'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄ 
<b:else/>
► 
</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 != ""'>
<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 != ""'>
<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'>
© 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()>100) { $('#BounceToTop').fadeIn(); } else { $('#BounceToTop').fadeOut(); } });
$('#BounceToTop').click(function() { $('body,html').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('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[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'>
$('i[rel="pre"]').replaceWith(function() {
return $('<pre><code>' + $(this).html() + '</code></pre>');
});
</script>
<script type='text/javascript'>
var pres = document.getElementsByTagName("pre");
for (var i = 0; i < pres.length; i++) {
pres[i].addEventListener("dblclick", 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, "&");
if (opt2.checked) cv = cv.replace(/'/g, "'");
if (opt3.checked) cv = cv.replace(/"/g, """);
if (opt4.checked) cv = cv.replace(/</g, "<");
if (opt5.checked) cv = cv.replace(/>/g, ">");
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 = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle);//rgt
});
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link:first").text();
$("a.blog-pager-newer-link").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>
<!--</body>--></body>
</html>