<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection'>
<head>
<!-- [ Meta Tag SEO ] -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='https://justpaste.it/redirect/repj/http%3A%2F%2Fwww.blogger.com%2Fopenid-server.g' rel='nofollow'/>
<link expr:href='' rel='nofollow'/>
<link expr:href='' rel='nofollow'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != "error_page"'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ "@context": "http://schema.org", "@type": "WebSite", "url": "<data:blog.homepageUrl/>", "potentialAction": { "@type": "SearchAction", "target": "<data:blog.homepageUrl/>?q={search_term}", "query-input": "required name=search_term" } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='xxxxx' name='keywords'/></b:if>
<link expr:href='' expr:title='data:blog.title + " - Atom"' rel='nofollow' type='application/atom+xml'/>
<link expr:href='' expr:title='data:blog.title + " - RSS"' rel='nofollow' type='application/rss+xml'/>
<link expr:href='' expr:title='data:blog.title + " - Atom"' rel='nofollow' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='' rel='nofollow'/>
</b:if></b:if>
<link expr:href='' hreflang='x-default' rel='nofollow'/>
<link href='' rel='nofollow' type='image/x-icon'/>
<link href='https://justpaste.it/redirect/repj/https%3A%2F%2Fplus.google.com%2Fxxxxx%2Fposts' rel='nofollow'/>
<link href='https://justpaste.it/redirect/repj/https%3A%2F%2Fplus.google.com%2Fxxxxx%2Fabout' rel='nofollow'/>
<link href='https://justpaste.it/redirect/repj/https%3A%2F%2Fplus.google.com%2Fxxxxx' rel='nofollow'/>
<meta content='xxxxx' name='google-site-verification'/>
<meta content='xxxxx' name='msvalidate.01'/>
<meta content='xxxxx' name='alexaVerifyID'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='xxxxx' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='xxxxx' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='xxxxx' property='fb:app_id'/>
<meta content='xxxxx' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='xxxxx' name='twitter:site'/>
<meta content='xxxxx' name='twitter:creator'/>
<b:skin><![CDATA[/*
Template Info
Name : Invision Responsive Blogger Template
Theme Published : 06-01-2016
Type : Personal Blog
Style : Minimalist
Theme Color : Light
Designer : Arlina Design
Designer url : www.arlinadzgn.com
Thanks to : All supported
License : This free Blogger template is licensed under the Creative Commons Attribution 4.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below: //creativecommons.org/licenses/by/4.0/
*/
/* 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{0;padding:0;border:0;100%;font:inherit;vertical-align:baseline;}
/* HTML5 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{1;display:block;}*{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;}*,*:before, *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}ins{background:#fff;}
/* Body Layout */
body#layout ul,#layout ul {display:none;}
body#layout #outer-wrapper, body#layout .post-inner, body#layout .sidebar, body#layout .sidebar-two {padding:0;}
body#layout #wrapper, body#layout .post-inner, body#layout .sidebar-inner {padding:0;}
body#layout .header-wrapper {0;}
body#layout #header {min-height:0px;width:100%;}
body#layout #headerdua {width:30%;float:right;}
body#layout #header-left {width:60%;float:left;}
#layout,#layout .widget-content,#layout .add_widget {border:none;}
body#layout .add_widget {border:1px solid #ddd;}
#layout .add_widget a {color:#333;}
#layout #header{min-height:0px;width:100%;10px 0 0 0;}
#layout #footer-wrapper .footer-column{width:33.33%;float:right}
#layout #footer-wrapper #column1,#layout #footer-wrapper #column2{0}
#layout #main-wrapper{width:70%;float:right}
#layout #sidebar-wrapper{width:30%;right:0;padding:0;float:left}
#layout .draggable-widget .widget-wrap2 {background:#c1cfd9;}
#layout #banner,#layout #banner2 {background-color:#444;padding:20px 0!important;20px;}
#layout #banner .widget,#layout #banner2 .widget{width:80%;5px auto!important;overflow:hidden;float:none}
#layout #banner .add_widget,#layout #banner2 .add_widget{width:80%;5px auto!important;overflow:hidden;float:none}
#footer-xwidget .footer-widget {width:31.7%;float:right;10px;}
#footer-wrapper {overflow:hidden;0 auto 20px auto;}
/* Layout */
body {background:#EEF3F6;'noto naskh arabic',sans-serif;14px;font-weight:400;text-align:right;color:#000;0;padding:0;}
.navbar,.post-feeds,.feed-links{display:none;}.section,.widget{0;padding:0;}strong,b{font-weight:bold;padding:0;}cite,em,i{font-style:italic;}a:link,a:visited {color:#333;text-decoration:none;transition:all .3s}a:hover,a:hover:visited {color:#33485C}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;86%;}sub{top:.4em;}small{86%;}kbd{display:inline-block;90%;color:#3498db;}mark{background-color:#ffce00;color:#182025;}p,blockquote,pre,table,figure,hr,form,ol,ul,dl{1.5em 0;}hr{height:1px;border:none;background-color:#999;}code,kbd,pre,samp{monospace,monospace;}
pre{white-space:pre;word-wrap:normal;overflow:auto;}blockquote{display:block;position:relative;background-color:#f2dca7;color:#5c5545;border-radius:4px;.75em 0;padding:10px 15px}blockquote:before{content:"";width:0;height:0;position:absolute;bottom:100%;right:15px;border:7px solid transparent;border-color:transparent transparent #f2dca7}blockquote a{color:#34495e;}*:focus {outline:0!important;}h1,h2,h3,h4,h5,h6{font-weight:400;normal;}h1{200%}h2{180%}h3{160%}h4{140%}h5{120%}h6{100%}
.post-body h1{200%}.post-body h2{180%}.post-body h3{160%}.post-body h4{140%}.post-body h5{120%}.post-body h6{100%}
input,button,select,textarea{100%;normal;vertical-align:baseline;}
textarea{display:block;box-sizing:border-box;}
input.placeholder_text,textarea.placeholder_text{color:#888}
.post ul li span{position:relative;display:block;padding:0;.5em 2em .5em 0;text-decoration:none;}
ol {counter-reset:li;list-style:none;padding:0;0;}
ol ol {0 2em 0 0;}
.post ol li{position:relative;display:block;padding:0;.5em 2em .5em 0;background:#fff;text-decoration:none;}
.post ol li:before {content:counter(li);counter-increment:li;position:absolute;right:-2.5em;height:2em;width:2em;text-align:center;}
.post-body ul {position:relative;display:block;padding:0;.5em 1.5em .5em 0;text-decoration:none;}
/* Post Table */
.post-body table {width:100%;}
.post-body table td,.post-body table caption{background-color:#fafafa;border:1px solid rgba(0,0,0,0.03);padding:10px;text-align:right;vertical-align:top}
.post-body table th {border:1px solid rgba(0,0,0,0.03);padding:10px;text-align:right;vertical-align:top;}
.post-body table.tr-caption-container {border:1px solid #d14233;}
.post-body th{font-weight:700;}
.post-body table caption{border:none;font-style:italic;}
.post-body td, .post-body th{vertical-align:top;text-align:right;13px;padding:3px 5px;border:1px solid #33485C;}
.post-body th{background:#33485C;color:#fff;}
.post-body th:hover{background:#d14233;}
.post-body td a{color:#444;}
.post-body td a:hover{color:#d14233;}
.post-body table.tr-caption-container td {border:none;padding:8px;}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}
.post-body li {list-style-type:square;}
.post-body td.tr-caption {color:#666;80%;padding:0px 8px 8px !important;}
.sr {visibility:hidden;width:0;height:0;}
]]></b:skin>
<style type='text/css'>
/* Custom Cookies Info Dark */
.cookie-choices-info{background-color:rgba(56,66,75,.97)!important;normal!important;top:initial!important;bottom:0!important;inherit!important;-webkit-transform:translateZ(0);}
.cookie-choices-info .cookie-choices-text{14px!important;color:#cee6ea!important}
.cookie-choices-info .cookie-choices-button{font-weight:normal!important;color:#fff!important;5px!important;padding:3px 6px!important;background:#f64c3b!important;transition:all .4s linear}
.cookie-choices-info .cookie-choices-button:nth-child(2){background:#f68c2e!important;transition:all .4s linear}
.cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:nth-child(2):hover{background:#282f36!important;transition:all .1s linear}
/* Fixed Layout */
.CSS_LIGHTBOX {z-index:999999!important;}
.CSS_LIGHTBOX_BG_MASK_TRANSPARENT {opacity:.95!important;}
.CSS_LIGHTBOX_SCALED_IMAGE_IMG {width:auto!important;max-width:100%;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.CSS_LIGHTBOX_BTN_CLOSE {background: u rl('http://4.bp.blogspot.com/-9vBNlzkjRGU/VUlVTtzbolI/AAAAAAAAG-c/xBqHPFfMkzE/s1600/delete.png') no-repeat!important;width:32px!important;height:32px!important;top:20px!important;opacity:0.7;transition:all .3s;}
.CSS_LIGHTBOX_BTN_CLOSE:hover{opacity:1;}
.CSS_LIGHTBOX_BTN_CLOSE_POS {left:20px!important;}
.quickedit,#ContactForm1 br {display:none}
.post,.widget-content,.daftar-recent-post,#sidebar-wrapper h2, #sidebar-wrapper h3, #sidebar-wrapper h4,.breadcrumbs,#footer-wrapper,.banner .widget,.banner2 .widget,#blog-pager{}
.banner .widget-content,.banner2 .widget-content{border:0}
/* Template Wrapper */
.maxwrap {0 auto;}
#wrapper {max-width:80%;0 auto;padding:0;overflow:hidden;}
#content-wrapper {overflow:hidden;padding:10px;background:#fff;}
/* Contact Form */
.mask,.contact-pop{display:none;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .3s ease-in-out;}
.mask.active{display:block;position:fixed;top:0;right:0;background:rgba(0,0,0,0.4);width:100%;height:100%;z-index:110}
.contact-pop.active{display:block;width:100%;position:fixed;top:20%;right:50%;-120px;z-index:111;-webkit-transform:translateZ(0);transform:translateZ(0)}
#ContactForm1{display:inline-block;background:#fff;position:relative;padding:20px;max-width:100%;border-radius:5px;box-shadow:0 2px 15px rgba(0,0,0,0.1);}
#ContactForm1 h2{140%;color:#999;font-weight:400}
.contact-form-widget{max-width:300px}
span.closepopup{position:absolute;left:10px;top:10px;width:20px;height:20px;14px;display:block;border-radius:100%;background:rgba(0,0,0,0);color:#444;20px;text-align:center;cursor:pointer;padding:0 1px 0 0;fontawesome;transition:all .1s}
span.closepopup:hover{background:#aaa;color:#fff;}
.contact-trigger{cursor:pointer;display:inline-block;border-radius:3px;5px;padding:10px 15px;background:rgba(255,255,255,.11);color:#fff;position:absolute;left:13px;top:13px;transition:all .3s ease-in-out;}
.contact-trigger:hover{background:rgba(255,255,255,.18);color:#fff;}
.contact-trigger i{0 0 0 5px}
#ContactForm1_contact-form-email,#ContactForm1_contact-form-name{width:100%;max-width:100%;height:auto;10px auto;padding:12px;background:#f5f5f5;color:#444;border:1px solid transparent;transition:all .5s ease-out}
#ContactForm1_contact-form-email-message{width:100%;max-width:100%;10px 0;padding:12px;background:#f5f5f5;color:#444;border:1px solid transparent;transition:all 0.5s ease-out}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;box-shadow:none;border:1px solid rgba(0,0,0,0.1);}
#ContactForm1_contact-form-submit{display:inline-block;width:100%;background:#33485C;color:#fff;10px auto;vertical-align:middle;cursor:pointer;padding:0;height:40px;font-weight:700;14px;text-align:center;text-transform:uppercase;outline:0;border:0;transition:all .6s ease}
#ContactForm1_contact-form-submit:hover {background:#444;color:#fff;}
#ContactForm1 p{0}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{width:100%;35px;}
.contact-form-error-message-with-border {border:none;box-shadow:none;padding:5px 0;}
.contact-form-success-message {border:none;box-shadow:none;}
/* Top Wrapper */
.top-wrap-head{0 auto;position:relative;height:29px;background:#fff;width:80%;}
.top-wrap-head .maxwrap{height:29px;overflow:hidden;}
.vitop-wrapper {padding:0;position:relative;max-width:82%;0 auto;}
.viennalitetop-wrapper{background:#EEF3F6;position:relative;overflow:hidden;}
.header-wrapper2 {0 auto;padding:0}
.top-menulite {display:block;0 auto;float:right;padding:5px;width:100%;background:#fff;border-bottom: 1px solid #EEF3F6;}
.top-menulite ul {width:100%;padding:0;0;text-align:right;}
.top-menulite li {list-style-type:none;float:right;padding:0;0;}
.top-menulite li a{position:relative;color:#555;display:block;0;padding:5px 14px;100%; 12px;}
.top-menulite ul li a:active, .top-menulite ul li.highlight a {text-decoration:none;}
.top-menulite li.doremifa {float:left;3px;}
.top-menulite li.doremifa a{padding:0;width:25px;height:25px;26px;text-align:center}
.top-menulite li.doremifa a i{text-align:center;color:#ddd;}
.top-menulite li.doremifa a:hover i{color:#fff;}
.top-menulite li.doremifa a i,.top-menulite li.doremifa a:hover i{color:#999;}
.top-menulite a#pull {display:none;}
/* Search Form */
.menusearch{background:#fdfdfd;display:block;float:left;border:1px solid #EEF3F6;width:100%;max-width:400px;44px;border-radius:4px;}
.searchform{position:relative;padding:0;0;color:#999;overflow:hidden;border-radius:20px;transition:all .6s}
.searchform:hover,.searchform:active{color:#222;outline:0;}
.searchform input{color:#999;padding:0;0;}
.searchform input:focus{color:#222;}
.searchform .searchfield{background:transparent;border:0;outline:none;width:80%;padding:15px;95%;}
.ico-mglass{position:absolute;display:inline-block;background:#f8f8f8;height:6px;width:6px;left:22px;top:18px;text-align:center;box-sizing:initial;cursor:pointer;border-radius:100%;border:2px solid #999}
.ico-mglass:after{content:"";height:2px;width:6px;background:#999;position:absolute;top:7px;right:5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#searchsubmit{position:absolute;background:transparent;border:0;padding:8px 16px;cursor:pointer;left:10px;z-index:2}
#searchsubmit:hover,#searchsubmit:active{cursor:pointer;outline:none}
/* Arlina Header Wrapper */
#header{background:#fff;position:relative;display:block;padding:25px 20px;overflow:hidden;color:#222;width:80%;0 auto;}
#header .title{240%;0;padding:0 0 10px;display:inline-block;width:100%;max-width:310px}
#header .title a {color:#555;transition:all .6s}
#header .title a:hover {color:#33485C;}
#header p.description{110%;0;display:inline-block}
.header img,.header-left img {display:block;}
#headerdua {float:right;max-width:45%;}
.header-left img {max-height:60px;}
.header-left{float:left;padding:0;overflow:hidden;0;max-width:768px;}
/* Main Navigation */
#inv-navigation{width:80%;background:#fff;0;white-space:nowrap;0 auto;border-top:1px solid rgba(0,0,0,0.06);border-bottom:1px solid rgba(0,0,0,0.06);box-shadow:0 0 4px rgba(0,0,0,0.1);}
#inv-navigation ul.menus{height:auto;overflow:hidden;position:absolute;z-index:99;display:none}
#inv-navigation a{display:block;padding:20px 18px;text-decoration:none;color:#fff;text-transform:uppercase;}
#inv-navigation ul,#inv-navigation li {background:#33485C;0 auto;padding:0;list-style:none;shorooq;}
#inv-navigation li {display:inline-block;position:relative;17px;}
#inv-navigation li.indie a{background:#F07E67;padding:20px}
#inv-navigation li:hover.indie,#inv-navigation li:hover.indie a{background:rgba(0,0,0,.06)}
#inv-navigation input {display:none;0;padding:0;width:80px;height:45px;opacity:0;cursor:pointer}
#inv-navigation label {display:none;width:55px;height:48px;48px;text-align:center}
#inv-navigation label span {16px;position:absolute;right:55px}
#inv-navigation ul.menus li {display:block;width:100%;text-transform:none;text-shadow:none;}
#inv-navigation ul.menus a {color:#ec3838;55px}
#inv-navigation li a:hover {background:rgba(0,0,0,.06);color:#fff;}
#inv-navigation ul.menus a:hover {background:rgba(0,0,0,.06);color:#fff;}
#inv-navigation li ul{visibility:hidden;opacity:0;background:#fff;0;width:150px;height:auto;position:absolute;top:100%;right:0;z-index:10;box-shadow:0 4px 15px -2px rgba(0,0,0,0.1);}
#inv-navigation li:hover ul.menus,#inv-navigation li:hover > ul{visibility:visible;opacity:1;}
#inv-navigation li li {display:block;float:none;13px;border-bottom:1px solid #f5f5f5;}
#inv-navigation li li:last-child {border:0;}
#inv-navigation li ul ul {right:100%;top:0}
#inv-navigation li li > a{background:#fff;color:#999;display:block;padding:12px 15px;0;text-decoration:none;text-transform:none;font-weight:400;box-shadow:inset 3px 0 0 transparent;transition:background .3s}
#inv-navigation li li:hover,#inv-navigation li li a:hover {background:#fafafa;color:#444;box-shadow:inset 3px 0 0 #ccc;}
/* Post Wrapper */
#main-wrapper{background:#fff;width:66%;float:right;20px 0;padding:0;word-wrap:break-word;overflow:hidden;}
.main .Blog{border-bottom-width:0}
.main .widget{0;padding:0}
.date-header{display:none!important}
h1.post-title.entry-title,h2.post-title.entry-title {font:20px shorooq;}
h1.post-title.entry-title a,h2.post-title.entry-title a{color:#33485C;}
h1.post-title.entry-title a:hover,h2.post-title.entry-title a:hover{color:#F07E67;}
.post{background:#fff;position:relative;padding:22px;border: 1px solid #EEF3F6;}
.post-body {0;1.7em;text-align:right;15px;}
.post-info{display:block;padding:10px 0;color:#e67e22;1.6em;11px;overflow:hidden;10px 0;}
.post-info a {color:#6C7A89;text-transform:uppercase;font-weight:700;}
.post-info abbr {border:0;}
.post-timestamp,.author-info,.comment-info,.label-info{padding:0 0 0 10px}
.post-body img,.post-body video,.post-body object {background:#fafafa;max-width:100%}
.breadcrumbs{color:#888;padding:18px 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:1px dotted rgba(0,0,0,0.06);11px;}
.breadcrumbs a{color:#888;0 5px;}
.breadcrumbs a:first-child{0 0 0 5px}
.breadcrumbs a:hover{color:#33485C;text-decoration:underline}
.post-footer{1.6em}
.post-footer a{color:#33485C;font-weight:700}
.feed-links{clear:both;2.5em;}
/* Sidebar Wrapper */
#sidebar-wrapper {background:transparent;float:left;width:32%;20px auto;}
.sidebar-inner {20px auto;}
.sidebar .widget-content,.sidebar-two .widget-content {padding:10px;}
.sidebar h2, .sidebar-two h2, .sidebar h3, .sidebar-two h3 {'shorooq';16px;color:#444;padding:12px 15px;0;display:block;background:#f6f6f6;transition:All 0.3s;}
.sidebar .widget,.sidebar-two .widget {background:#fff;0 0 10px;border:1px solid #EEF3F6;}
.sidebar ul, .sidebar ol,.sidebar-two ul, .sidebar-two ol {list-style-type:none;0 0 0 0;padding:10px;padding-top:0;}
.sidebar li,.sidebar-two li {5px 0;padding:0 0 0 0;}
/* Footer Wrapper */
#footer-wrapper{text-align:center;color:rgba(255,255,255,.5);auto}
#footer-end{color:rgba(255,255,255,.5);background:#33485C;position:relative;display:block;width:80%;auto;padding:20px 20px 15px 20px}
.hypecredit{display:block;position:relative;padding:0 0 5px 0;14px}
.hypecredit a {color:rgba(255,255,255,.5);}
.hypecredit a:hover {color:rgba(255,255,255,.9);}
#footer-end ul:after{content:".";visibility:hidden;display:block;height:0;clear:both}
.footer-column{position:relative;clear:both;14px;24px;overflow:hidden;text-align:right;max-width:80%;}
.footer-column h3{position:relative;0 0 10px 0;16px;padding:0 0 10px 0;border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.9);text-transform:uppercase}
.footer-column h3:before{content:'';position:absolute;bottom:-2px;right:0;left:0;background:rgba(255,255,255,.3);width:14%;height:2px}
.footer-menu{float:right;width:31%;0 0 20px 20px}
.footer-menu ul{0}
.footer-menu ul li a{color:rgba(255,255,255,.5)}
.footer-menu ul li a:hover{color:rgba(255,255,255,.9)}
/* Subscribe Footer */
#subscribe-footer{overflow:hidden;0 0 20px 0;width:33.4%}
#subscribe-footer p{1em 0}
#subscribe-footer .emailfooter{auto;text-align:center;}
#subscribe-footer .emailfooter form{0;padding:0;float:right}
#subscribe-footer .emailfooter input{background:rgba(0,0,0,.15);padding:12px;color:rgba(255,255,255,.5);14px;10px;border:0;transition:all .3s}
#subscribe-footer .emailfooter input:focus{color:rgba(255,255,255,.9);outline:none;}
#subscribe-footer .emailfooter .submitfooter{background:rgba(255,255,255,.11);color:#fff;0 5px 0 0;14px;cursor:pointer;padding:9px;border:0;border-radius:3px;transition:all .3s}
#subscribe-footer .emailfooter .submitfooter:active,#subscribe-footer .emailfooter .submitfooter:hover{background-color:rgba(255,255,255,.18);color:#fff;}
/* Popular Post */
.PopularPosts ul{background:#fff;list-style:none;0;padding:0;overflow:hidden;border-radius:0 0 5px 5px;border-top:none}
.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{0;padding:0;list-style:none;border:none;background:none;outline:none}
.PopularPosts ul{0;list-style:none;color:#222}
.PopularPosts ul li img{display:block;0 0 0 10px;width:62px;height:52px;border:1px solid #f5f5f5;overflow:hidden;float:left;padding:2px;}
.PopularPosts ul li{background-color:#fff;0;padding:10px 0;padding-left:5px;position:relative;border-bottom:1px solid #f5f5f5;transition:all .3s}
.PopularPosts ul li:first-child{border-top:none}
.PopularPosts ul li:last-child{border-bottom:none}
.PopularPosts ul li a:hover{color:#F07E67!important}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color:#33485C;13px ;font-weight:700;transition:all .3s}
.PopularPosts .widget-content ul li:hover a,.PopularPosts .widget-content ul li a:hover{color:#F07E67}
.PopularPosts .item-thumbnail{0;float:right;}
.PopularPosts .item-snippet{display:none}
.profile-img{display:inline;opacity:1;0 0 3px 6px}
.PopularPosts .item-title{padding-bottom:.2em;padding:0 5px}
/* About Me */
.aboutme-img{position:relative;max-height:150px;overflow:hidden}
.aboutme-img img {max-width:100%;width:100%;}
.aboutme-wrpicon{display:block;15px auto 10px auto;position:relative;}
.aboutme-wrpicon .extender{width:100%;display:block;}
.extender{text-align:center;16px}
.extender .aboutme-icon{background:rgba(0,0,0,.06);display:inline-block;border:0;0;padding:0;border-radius:3px}
.extender .aboutme-icon:hover{background:#bbb;}
.extender .aboutme-icon a{display:inline-block;fontawesome;font-weight:400;color:#aaa;height:32px;width:32px;32px;border-radius:3px}
.extender .aboutme-icon:hover a,.extender .aboutme-icon a:hover{color:#fff;}
.aboutme-info{20px;13px}
.aboutme-info p{5px 0}
.aboutme-info h4{10px;16px;text-transform:uppercase;color:#888;font-weight:700}
/* Label */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {100%;opacity:1}
.cloud-label-widget-content{text-align:right;padding:20px;}
.label-size {background:#fff;display:block;float:right;0 0 3px 3px;color:#999;11px;1.2;}
.label-size a,.label-size span{display:inline-block;color:#666;padding:6px 8px}
.label-count {white-space:nowrap;padding-left:3px;-3px;color:#999;}
.label-count:hover {color:#5e94ef;}
#sidebar-wrapper .Label li {background:#fff;color:#666;float:right;padding:10px 5px;3px;text-align:right;width:95%;border-bottom:1px solid rgba(0,0,0,0.06);}
#sidebar-wrapper .Label li:hover {background:#fff;color:#5e94ef;}
#sidebar-wrapper .Label li a {color:#666;}
#sidebar-wrapper .Label li a:hover {color:#5e94ef;}
#sidebar-wrapper .label-size{display:block;float:right;0 0 3px 3px;10px;border:none;text-transform:uppercase}
#sidebar-wrapper .label-size a{background:#f5f5f5;display:inline-block;color:#888;padding:6px 8px;border-radius:1px}
#sidebar-wrapper .label-size a:hover {background:#aaa;color:#fff;}
#sidebar-wrapper .Label li:hover:before {0 5px 0 0;color:#f56954;}
#sidebar-wrapper .Label li span{float:left;background-color:#33485C;color:#fff;1.2;0;padding:4px 6px;text-align:center;13px;}
#sidebar-wrapper .Label li span:hover{background-color:#d14233;color:#fff}
/* Dropdown Label */
#Label1 .widget-content{padding:20px;0;}
.dropmedown select{outline:none;cursor:pointer;transition:all .6s ease-out}.dropmedown select:hover,.dropmedown select:focus{outline:none;cursor:pointer;color:#444}
.dropmedown{display:inline-block;position:relative;overflow:hidden;width:100%;border:0;height:40px;40px;color:#7f8c8d}
.dropmedown:before,.dropmedown:after{content:'';position:absolute;z-index:2;top:15px;left:12px;width:0;height:0;40px;border:4px dashed;border-color:#999 transparent;pointer-events:none}
.dropmedown:before{border-bottom-style:solid;border-top:none}
.dropmedown:after{8px;border-top-style:solid;border-bottom:none}
.dropdown-select{position:relative;width:100%;0;padding:6px 10px 6px 8px;height:40px;20px;13px;color:#555;background:#f5f5f5;border:0;-webkit-appearance:none}
.dropdown-select>option{position:relative;background:#fff;display:block;3px;text-shadow:none;outline:0;color:#555;border:0;cursor:pointer}
/* Kotak Iklan */
.banner,.banner2{0 auto;text-align:center;overflow:hidden}
.banner .widget,.banner2 .widget{width:100%;max-width:100%;0 auto 20px auto;background:#fff;text-align:center;overflow:hidden;padding:10px}
.banner img,.banner iframe,.banner2 img,.banner2 iframe{display:block;0 auto;text-align:center}
.kotak_iklan{text-align:center;0 auto;transition:all 1s ease-out}
.kotak_iklan .sidebar .widget-content,.kotak_iklan .sidebar-atas .widget-content{padding:0;border:0}
.kotak_iklan .sidebar .widget{0;padding:0}
.kotak_iklan img{background:#fff;text-align:center;0 auto;padding:4px;border:1px solid transparent!important;transition:all .6s ease-out}
.kotak_iklan img:hover{background:#fdfdfd;border:1px solid #e6e6e6}
.kotak_iklan2{text-align:center;0 auto;transition:all 1s ease-out}
.kotak_iklan2 .sidebar .widget-content,.kotak_iklan2 .sidebar-atas .widget-content{padding:0;background:#f2f6f7;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);border:0}
.kotak_iklan2 .sidebar .widget,.kotak_iklan2 .sidebar-atas .widget{0;padding:0}
.kotak_iklan2 img{text-align:center;transition:all 1s ease-out}
.kotak_iklan2 img:hover{transition:all .5s ease-out}
/* Sticky Wrapper */
#rent-side {padding:0;auto;max-width:300px;}
.daftar-recent-post ul.recent-post-invision{0;padding:0;}
#rent-side .recent-post-invision li{position:relative;overflow:hidden;padding:.7em 0!important;border-bottom:1px dotted rgba(0,0,0,0.2)}
#rent-side .recent-post-invision li:last-child {border:0;}
#rent-side .recent-post-invision li img{background:#fafafa;display:block;0 0 0 10px;width:60px;height:60px;overflow:hidden;float:right;}
#rent-side .recent-post-invision li .item-content{padding-bottom:.2em;}
#rent-side .recent-post-invision li h3{display:block;background:transparent;0 0 10px;padding:0;13px;border:0;font-weight:700;text-align:right;text-transform:none;1.6;}
#rent-side .recent-post-invision li a:hover{color:#33485C;}
#rent-side .recent-post-invision li .item-content .recent-meta-data{11px;color:#999}
#rent-side .recent-post-invision li .item-content .recent-meta-data span.recentdate{0 0 0 10px}
#rent-side .recent-post-invision li p,#rent-side .recent-post-invision li h3:before,#rent-side .recent-post-invision li h3:after{display:none;}
#HTML1 .widget-content,#HTML73 .widget-content,#HTML3 .widget-content{padding:0;}
/* Back To Top */
.backtotop{visibility:hidden;z-index:2;background:#33485C;color:#fff;20px;width:36px;height:34px;34px;border-radius:2px;text-align:center;position:fixed;bottom:20px;left:20px;cursor:pointer;transition:all .6s;overflow:auto;opacity:0}
.backtotop.showe{visibility:visible;cursor:pointer;opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .6s;transition-delay:0s}
.backtotop:hover{opacity:1}
/* Global Responsive */
@media screen and (max-width:1024px) {
.contact-pop.active {top:5%;}}
@media screen and (max-width:800px) {
#footer-wrapper{padding:20px 0 0 0}
#header {text-align:center}
#headerdua {float:none;max-width:100%;}
.header-left {float:none;20px 0 0 0;max-width:100%;}
#main-wrapper {float:none;border:0;width:100%;}
#sidebar-wrapper {padding: 0 20px;width:100%;float:none;}
#menu {display:block;}
#inv-navigation {initial;color:#888;position:relative;display:block;padding:20px;text-transform:uppercase;font-weight:700;}
#inv-navigation ul{background:#fff;position:absolute;top:100%;right:0;z-index:3;height:auto;display:none}
#inv-navigation ul.menus{width:100%;position:static;padding-right:20px}
#inv-navigation li{background:#fff;display:block;float:none;width:auto}
#inv-navigation a,#inv-navigation li a:hover {color:#444;}
#inv-navigation li.indie a {background:#fff;padding:20px 12px;}
#inv-navigation input,#inv-navigation label{position:absolute;top:0;right:0;display:block}
#inv-navigation input{z-index:4}
#inv-navigation input:checked + label{color:#888}
#inv-navigation input:checked ~ ul{display:block;width:100%}
#inv-navigation li:hover > ul{width:100%}
#inv-navigation li li {border:0;}
#inv-navigation li li > a{background:#f9f9f9;color:#888;transition:initial;font-weight:700}
#inv-navigation li li:hover, #inv-navigation li li a:hover {background:#bbb;color:#fff;box-shadow:inset 3px 0 0 transparent;}
#inv-navigation li ul {background:rgba(0,0,0,.15);display:block;visibility:visible;opacity:1;padding:0;position:relative;width:100%;right:initial;box-shadow:none;}
#inv-navigation li:hover ul.menus,#inv-navigation li:hover > ul{right:initial}}
@media only screen and (max-width:768px) {
#header{padding:25px 20px;}
#headerdua {float:none;max-width:100%;}
.header-left {float:none;max-width:100%;20px;}
#sidebar-wrapper,#main-wrapper {width:100%;padding:0 20px 20px 20px;background:none;}
.sidebar {padding:0;}
.menusearch{display:block;20px 0;padding:0 20px;max-width:100%;}
.searchform .searchfield {width:100%;}
.footer-menu,#subscribe-footer{float:none;width:auto;0 20px 20px 20px}
#footer-end{padding:20px}
#footer-end .digg{left:21px;top:21px}
.backtotop{bottom:10px;left:10px;}
.backtotop.showe{bottom:10px;}
#rent-side {position:relative!important;z-index:initial;max-width:100%;}}
@media screen and (max-width:640px) {
.post-info {display:none}
.status-msg-border {width:97%}
.post h2 {100%}
#footer-wrapper{auto;border-top:1px solid rgba(0,0,0,0.1)}
#footer-xwidget {width:100%;overflow:hidden;}
#sosmed ul{padding:10px 0}
#sosmed ul li{display:table;10px auto;position:relative;width:90%;text-align:center}
#footer-wrapper .footer-nav li{border:0}
.contact-trigger{position:relative;left:0;top:5px}
.contact-pop.active{right:0;0}
#ContactForm1{padding:10px;border-radius:0}
#breakingnews .tulisbreaking{display:none}}
@media screen and (max-width:480px) {
.comments .comments-content .user{2.8em}
.post h2{100%}
.post h1{120%}
body{90%}
#subscribe-footer .emailfooter input{width:100%}
#subscribe-footer .emailfooter form{auto;float:none}
.top-wrap-head .maxwrap {background:#fff;border-bottom:1px solid rgba(0,0,0,0.03);border-right:1px solid rgba(0,0,0,0.03);border-left:1px solid rgba(0,0,0,0.03)}
#header-medsos li a:first-child{border-left:0}
.menusearch{padding:0}
#breakingnews{max-width:55%}
#breakingnews .tulisred{color:#aaa;background-color:#fff;border-left:1px solid rgba(0,0,0,0.05)}}
@media screen and (max-width:380px) {
#footer-wrapper .footer-nav li{display:block}}
@media screen and (max-width:320px) {
body{background:#fff}
.daftar-recent-post,.widget-content{padding:12px 0}
.post{padding:22px 0}
#sosmed ul li{width:100%}}
@media screen and (max-width:240px) {
body{80%}}
.status-msg-body {padding:10px 0;display:none}
.status-msg-wrap{display:none;14px;1px;width:100%;color:#666}
.status-msg-wrap a{color:orange!important}
.status-msg-bg{display:none;background:#ccc;position:relative;width:99%;padding:6px;z-index:1;border:2px #999 solid}
.status-msg-border{display:none;border:0;position:relative;width:99%}
</style>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style type='text/css'>
.post{background:#fff;position:relative;padding:22px;0;border:1px solid #EEF3F6}
.post-thumb{position:relative;background:#fafafa;overflow:hidden;float:right;min-width:180px;height:auto;0 0 0 20px;transition:all .3s}
.post-thumbnail{background:#fafafa;width:100%;height:auto;}.post-thumb img{background:#fafafa;}
.post-thumb .comment-info{position:absolute;top:0;right:0;z-index:5;color:#fff;padding:0}
.post-thumb .comment-info a{display:inline-block;background:red;color:#fff;padding:10px}
.snippets{color:#999;13px;1.6;0 0 8px 0;}
a.post-readmore{display:flex;padding:5px 8px;normal;float:right;color:#999;11px;}
a.post-readmore:hover{background:#ccc;color:#fff;}
.post-thumb:hover .post-timestamp{opacity:.85;visibility:visible}
.post-timestamp a abbr.published.updated{border:0;cursor:pointer}
.post-info{display:block;padding:5px 0;color:#999;1.6em;font:11px arial;overflow:hidden;5px 0;border:0}
.post-info a{color:#8C8D90;text-transform:none;font-weight:400}
/* CSS Label Info */
.post .label-info{0;padding:0;display:inline-block;position:absolute;right:0;top:0;z-index:2}
.label-info a{background:#F07E67;color:#fff;position:relative;12px;display:block;padding:4px 8px;normal;0;transition:all .3s}
.label-info a:hover{background:rgba(231,76,60,1);color:#fff;}
.label-info a:nth-child(n+2),.home-link {display:none;}
/* Page Navigation */
#blog-pager{position:relative;display:block;background:#fff;clear:both;overflow:visible;width:auto;padding:22px;text-align:right;normal;overflow:visible;auto;}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{background:#f5f5f5;display:inline-block;90%;color:#444;border-radius:2px;padding:6px 10px;0 0 0 3px}
.showpagePoint,.showpage a:hover,.showpageNum a:hover,.showpagePoint:hover{background:#33485C;color:#fff;}
.showpageNum a i{110%;font-weight:normal}
@media screen and (max-width:768px) {
h1.post-title.entry-title a, h2.post-title.entry-title a {display:inline-block;15px 0;}}
@media screen and (max-width:640px) {
.post-thumb{width:100%;0;min-width:auto;min-height:auto;}
.post-thumbnail {width:100%;height:auto;}
h1.post-title.entry-title a, h2.post-title.entry-title a {10px 0;}
#blog-pager {padding:22px;}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{0 0 4px 4px}}
@media screen and (max-width:320px) {
.post{padding:22px 0}
.post-thumb{max-height:160px;}
#blog-pager {padding:22px 0;}}
</style>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
/* Post Area */
pre,kbd,blockquote{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}
.makesticking{background:none!important;position:fixed!important;top:-33px;z-index:99;-webkit-transform:translateZ(0);}
.post-info{background:#fafafa;display:block;padding:15px;color:#999;font:12px tahoma;overflow:hidden;10px 0;text-align:center;}
.post-info a{color:#999;text-transform:none;font-weight:400}
.post-body img {height:auto;2px;opacity:1;transition:all .6s ease;}
.post-body img:hover {opacity:0.97;}
.post-body a.img,.post-body .separator a {0!important;0!important;}
h1.post-title.entry-title,h2.post-title.entry-title{0 0 20px 0;text-align:center;color:#999;}
/* Comments */
#comments{display:none;background:#f8f8f8;border:1px solid rgba(0,0,0,0.06);20px 0 0;1.4em;position:relative;padding:40px 20px 20px 20px;overflow:hidden;}
.post-comment-link {visibility:hidden;}
#disqus_thread{background:#fff;padding:20px;border:1px solid rgba(0,0,0,0.06)}
#disqusshow{background:#fafafa;color:#71a4fa;position:relative;overflow:hidden;display:block;padding:20px;text-align:center;cursor:pointer;20px auto -45px;1rem;text-transform:uppercase;border-top:1px solid rgba(0,0,0,0.06);border-bottom:1px solid rgba(0,0,0,0.06);transition:all .3s}
#disqusshow:hover,#disqusshow:active{color:#5390f4;}
/* Arlina Post Navigation */
#blog-pager{background:#fff;text-align:center;20px 0 5px 0;padding:20px;position:relative;display:none;width:100%}
#blog-pager-newer-link{float:right}#blog-pager-older-link{float:left}
#blog-pager a:link,#blog-pager a:visited{display:inline-block;0;padding:0 18px;35px;color:#d75a56;font-weight:400;border-radius:2px;border:1px solid #33485C}
#blog-pager a:link:hover,#blog-pager a:visited:hover{background:#33485C;color:#fff;}
#blog-pager a.blog-pager-newer-link{padding:0 0 0 14px}
#blog-pager a.blog-pager-older-link{padding:0 14px 0 0}
#blog-pager a:before{color:#33485C;display:inline-block;FontAwesome;font-weight:normal;35px;width:35px;text-align:center;140%;float:right;transition:all .4s}
#blog-pager a.blog-pager-older-link:before{content:"\f0da";float:left;}
#blog-pager a.blog-pager-newer-link:before{content:"\f0d9"}
#blog-pager a.blog-pager-older-link:hover:before,#blog-pager a.blog-pager-newer-link:hover:before{color:#fff;}
#blog-pager a.home-link{background:#33485C;color:#fff;fontawesome;padding:0 6px;160%}
#blog-pager a.home-link:hover{background:#d14233;color:#fff;}
.comments-content {display:block;position:relative;20px;}
/* Related Post */
#related_posts{20px 0;}
#related_posts h4{padding:0;0 0 12px;110%;border-bottom:3px solid #33485C}
#related_posts h4 span{background:#33485C;color:#fff;padding:6px 10px 3px 10px;display:inline-block;text-transform:uppercase;vertical-align:middle}
#related_img{0;padding:0;}
#related_img:hover{background:0}
#related_img ul{list-style-type:none;0;padding:0}
#related_img li{min-height:62px;border-bottom:1px dotted rgba(0,0,0,0.1);list-style:none;0 0 5px;padding:5px;}
#related_img li a{color:#444;14px}
#related_img li a:hover{text-decoration:underline}
#related_img .news-title{display:block;font-weight:bold!important;5px;14px;}
#related_img .news-text{display:block;font-weight:normal;text-transform:none;color:#888;11px;}
#related_img img{background:#fafafa;float:right;10px;width:60px;height:60px;max-width:100%;}
/* Share Button */
.sharede,.sharethis{position:relative;display:inline-block;}
.sharethis{display:table;40px auto 20px auto;text-align:center}
.sharethis a.fb,.sharethis a.gp,.sharethis a.tw,.sharethis span.pl{text-decoration:none!important;display:inline-block;0 0 5px 5px;font-weight:400;border-radius:2px;color:#fff;text-shadow:none;padding:6px 12px;opacity:1;transition:all .3s}
.sharethis a.gp {background:#f20000;}
.sharethis a.fb {background:#516ca4;}
.sharethis a.tw {background:#00baff;}
.sharethis span.pl {background:#ff6600;}
.sharethis a i{0 0 0 5px}
.fbtea,.gotea,.plustea,.twtea{13px!important;vertical-align:middle}
.sharethis a.fb:hover,.sharethis a.gp:hover,.sharethis a.tw:hover,.sharethis span.pl:hover{color:#fff;opacity:.9}
.sharethis a.fb:active,.sharethis a.gp:active,.sharethis a.tw:active,.sharethis span.pl:active{box-shadow:inset 0 1px 0 rgba(0,0,0,.16)}
span.pl{color:green;cursor:pointer}
#share-menu{display:none}
.dropdown-menu{position:absolute;bottom:100%;left:5px;z-index:99;float:right;min-width:100px;padding:5px 10px;0;13px;text-align:right;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ddd;border-radius:3px;}
.dropdown-menu li{list-style:none!important;0!important;padding-right:0!important;1.8em!important}
.dropdown-menu li a{color:#333!important;font-weight:400;display:block}
.dropdown-menu li a:hover{color:#33485C!important}
ul#share-menu{10px 0;padding:5px 15px}
/* Subscribe Box */
#subscribe-css{overflow:hidden;clear:both;position:relative;20px 0;border-bottom:3px solid rgba(0,0,0,0.03);border-top:3px solid rgba(0,0,0,0.03)}
.subscribe-wrapper{color:#fff;16px;18px;text-align:center;0 0 20px 0;text-transform:none;font-weight:400;width:100%}
.subscribe-form{clear:both;display:block;overflow:hidden}
form.subscribe-form{clear:both;display:block;0;width:auto;overflow:hidden}
.subscribe-css-email-field{background:#fafafa;color:#999;10px;padding:10px 20px;border:1px solid rgba(0,0,0,0.06);}
.subscribe-css-email-button{background:#999;color:#fff;cursor:pointer;padding:10px 25px;5px;15px;border:0;font-weight:700;border-radius:2px;transition:all .6s}
.subscribe-css-email-button:hover{background:#33485C;}
#subscribe-css p.subscribe-note{20px;text-align:center;130%;color:#999;font-weight:400;1em}
#subscribe-css p.subscribe-note span {font-weight:700;}
/* Shortcodes */
.button{list-style:none;text-align:center;10px;padding:2px;14px;clear:both;}
.button ul {0;padding:0}
.post-body ul.button{list-style:none;text-align:center;10px;14px;clear:both;z-index:2}
.button li{display:table;padding:0;0 auto 20px auto;list-style:none}
.post-body ul.button a.demo,.post-body ul.button a.download{display:block;background:#e5694a;padding:8px 12px;color:#fff;font-weight:700;14px;text-align:center;min-width:220px;text-transform:uppercase;border-radius:3px;transition:all .3s}
.post-body ul.button a.demo {background:#e5694a;}
.post-body ul.button a.download {background:#42b7f0;}
.post-body ul.button a.demo:hover,.post-body ul.button a.download:hover {background:#444;}
.first-letter{float:right;color:#f77c6a;75px;60px;padding-top:4px;padding-left:8px;padding-right:3px;Georgia}
.alert-message{position:relative;display:block;background-color:#f7f8fa;padding:20px;20px 0;color:#39484d;}
.alert-message p{0!important;padding:0;22px;13px;color:#39484d}
.alert-message span{14px!important}
.alert-message i{22px;text-align:right;display:inline-block;position:absolute;left:0;top:0;padding:20px;opacity:0.8;}
.alert-message.success{background-color:#00acd6;color:#fff}.alert-message.alert{background-color:#0073b7;color:#fff}.alert-message.warning{background-color:#efa666;color:#fff}.alert-message.error{background-color:#f56c7e;color:#fff}
.alert-message.success a,.alert-message.success span,.alert-message.alert a,.alert-message.alert span,.alert-message.warning a,.alert-message.warning span,.alert-message.error a,.alert-message.error span{color:#fff}
#flippy {text-align:center;}
#flippy button{display:block;20px auto;background:#fff;padding:8px 12px;color:#666;14px;text-align:center;border-radius:3px;border:1px solid #bbb;cursor:pointer;transition:all .3s}
#flippy button:hover, #flippy button:focus {background:#fafafa;outline:none;color:#444;}
#flippanel{padding:1px;text-align:right;background:#333;color:#fff;padding:24px;display:none;}
#flippanel img {background:#f5f5f5;10px auto;}
.bagitiga {-webkit-column-count:3;-moz-column-count:3;column-count:3;}
.bagitiga img{-webkit-backface-visibility:hidden;20px;max-width:100%;}
#wrap{20px auto;text-align:center}
.btn{background:#33485C;border:1px solid #e67e22;padding:8px 12px;color:#fff;font-weight:700;14px;text-align:center;text-transform:uppercase;transition:all .3s}
.btn:hover,.btn:active,.btn.down:hover,.btn.down:active{background:#e67e22}
.post-body a:visited.btn,.post-body a:visited.btn.down,.post-body a:link.btn,.post-body a.btn.down,.post-body a.btn:hover,.post-body a.btn:active,.post-body a.btn.down:hover,.post-body a.btn.down:active{color:#fff}
.btn i{0}
.btn.down.anima{-webkit-animation:anim 2s ease-in infinite;animation:anim 2s ease-in infinite}
pre{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;padding:0;.5em auto;white-space:pre;word-wrap:break-word;overflow:auto;background-color:#f0f0f0;position:relative;padding-top:33px;width:100%;-moz-tab-size:2;-o-tab-size:2;tab-size:2;word-break:normal;border-radius:3px;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}
pre::-webkit-scrollbar,pre::-moz-scrollbar,pre code::-webkit-scrollbar,pre code::-moz-scrollbar,code::-webkit-scrollbar,code::-moz-scrollbar{display:none}
pre::before{18px;content:attr(title);position:absolute;top:0;padding:9px 0;right:0;left:0;color:#555;border:1px solid #f0f0f0;display:block;0;font-weight:700;15px}
pre code{display:block;background:none;border:none;color:#999;padding:25px 20px 20px;'Source Code Pro',Menlo,Consolas,Monaco,monospace;.85rem;white-space:pre;overflow:auto}
code .token.important{font-weight:bold}
code .token.entity{cursor:help}
pre mark,code mark,pre code mark{background-color:#3498db!important;color:#fff!important;padding:2px;0 2px}
pre[data-codetype="CSSku"]:before,pre[data-codetype="HTMLku"]:before,pre[data-codetype="JavaScriptku"]:before,pre[data-codetype="JQueryku"]:before{background-color:#fff;}
.videoyoutube{text-align:center;auto;width:100%;}.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}.video-responsive iframe{position:absolute;top:0;right:0;width:100%;height:100%;border:0}
blockquote#customize{background:#f8f8f8;border:1px solid rgba(0,0,0,0.03);color:#333;padding:10px 15px 15px 15px}
blockquote#customize ul.button a.download{background:#33485C;}blockquote#customize ul.button a.download:hover{background:#555;border-color:#111;}
blockquote#customize:before{display:none}
/* CSS Item Responsive */
@media only screen and (max-width:1366px) {
#rent-side .recent-post-invision li:last-child{display:none}}
@media only screen and (max-width:768px) {
#subscribe-css p.subscribe-note {float:none;}.subscribe-wrapper {text-align:center;float:none;width:auto;}
.subscribe-css-email-field {14px 10px;width:100%;}
.subscribe-css-email-button {0 10px;width:100%;}}
@media only screen and (max-width:960px){
.bagitiga{-webkit-column-count:2;-moz-column-count:2;column-count:2;}}
@media only screen and (max-width:640px){
.bagitiga{-webkit-column-count:1;-moz-column-count:1;column-count:1;}
#related_img li a{13px}
#related_img .news-title{display:inline-block;.7em;padding:0 0 .7em 0;width:100%}
#related_img .news-text{display:none;}}
</style>
<script type='text/javascript'>/*<![CDATA[*/var relnum=0;var relmaxposts=5;var numchars=135;var morelink=" ";function saringtags(r,l){for(var e=r.split("<"),n=0;n<e.length;n++)-1!=e[n].indexOf(">")&&(e[n]=e[n].substring(e[n].indexOf(">")+1,e[n].length));return e=e.join(""),e=e.substring(0,l-1)}function relpostimgthum(r){for(var l=0;l<r.feed.entry.length;l++){var e=r.feed.entry[l];reljudul[relnum]=e.title.$t,postcontent="","content"in e?postcontent=e.content.$t:"summary"in e&&(postcontent=e.summary.$t),relcuplikan[relnum]=saringtags(postcontent,numchars),postimg="media$thumbnail"in e?e.media$thumbnail.url:"http://lh3.ggpht.com/_xcD4JK_dIjU/SnamIh0KTCI/AAAAAAAADMA/hLjqmEbdtkw/d/noimagethumb.gif",relgambar[relnum]=postimg;for(var n=0;n<e.link.length;n++)if("alternate"==e.link[n].rel){relurls[relnum]=e.link[n].href;break}relnum++}}function contains(r,l){for(var e=0;e<r.length;e++)if(r[e]==l)return!0;return!1}function relatpost(){for(var r=new Array(0),l=new Array(0),e=new Array(0),n=new Array(0),t=0;t<relurls.length;t++)contains(r,relurls[t])||(r.length+=1,r[r.length-1]=relurls[t],l.length+=1,l[l.length-1]=reljudul[t],e.length+=1,e[e.length-1]=relcuplikan[t],n.length+=1,n[n.length-1]=relgambar[t]);reljudul=l,relurls=r,relcuplikan=e,relgambar=n;for(var t=0;t<reljudul.length;t++){var a=Math.floor((reljudul.length-1)*Math.random()),u=reljudul[t],s=relurls[t],i=relcuplikan[t],o=relgambar[t];reljudul[t]=reljudul[a],relurls[t]=relurls[a],relcuplikan[t]=relcuplikan[a],relgambar[t]=relgambar[a],reljudul[a]=u,relurls[a]=s,relcuplikan[a]=i,relgambar[a]=o}for(var g,m=0,h=Math.floor((reljudul.length-1)*Math.random()),c=h,d=document.URL;m<relmaxposts&&(relurls[h]==d||(g="<li class='news-title clearfix'>",g+="<a href='"+relurls[h]+"' rel='nofollow' target='_top' title='"+reljudul[h]+"'><img src='"+relgambar[h]+"' /></a>",g+="<a href='"+relurls[h]+"' target='_top'>"+reljudul[h]+"</a>",g+="<span class='news-text'>"+relcuplikan[h]+" ... <a href='"+relurls[h]+"' target='_top'>"+morelink+"</a><span class='news-text'>",g+="</li>",document.write(g),m++,m!=relmaxposts))&&(h<reljudul.length-1?h++:h=0,h!=c););}var reljudul=new Array,relurls=new Array,relcuplikan=new Array,relgambar=new Array;/*]]>*/</script>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
h1.post-title.entry-title, h2.post-title.entry-title {20px auto;}
#comments,#sidebar-wrapper,#disqusshow, #disqus_thread {display:none;}
#main-wrapper {width:100%;float:none;border:0;}
/* Arlina Post Navigation */
#blog-pager{position:relative;display:block;width:100%;20px 0 20px 10px;text-align:center}
#blog-pager-newer-link{float:right}#blog-pager-older-link{float:left}
#blog-pager a:link,#blog-pager a:visited{display:inline-block;color:#7f8c8d;12px!important;padding:10px 20px;5px;background:#ecf0f1;transition:all .3s}
#blog-pager a:link:hover,#blog-pager a:visited:hover{background:#4f93c5;color:#fff;}
#blog-pager{text-align:center}
.comments-content {display:block;position:relative;20px;}
</style>
</b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<style type='text/css'>
.header-wrapper, #header, #outer-wrapper, #post-wrapper, #sidebar-wrapper, #content-wrapper,#footer-wrapper,#inv-navigation,.top-wrap-head{display:none;}
body,html{overflow:hidden;0;padding:0;width:100%;min-height:100vh;}
.container404{8% auto 0 auto;max-width:560px;min-width:200px;normal;backface-visibility:hidden;transition:all .3s;}
.container404:hover{cursor:crosshair;transform:scale(1.1)}
.box404 hr{background:transparent;display:block;border:none;border-bottom:2px dashed rgba(0,0,0,0.1)}
.box404{background-color:#fff;padding:20px;110%;color:#888;border-radius:5px 5px 0 0}
.box404 h2,.box404 h3{color:#444;display:block;text-align:center;120%}
.box404 h2{4rem;color:#33485C;}
.box404 p{display:block;10px 0}
.box404 ul li{0 20px 8px 0;list-style:initial;list-style-type:square}
.box404 ul li a{color:#888;}
.copyright404{background:#444;display:block;text-align:center;color:#fff;auto;font-weight:normal;max-width:560px;min-width:200px;padding:20px;border-radius:0 0 5px 5px}
.copyright404 a,.copyright404 a:hover{color:#fff}
@media screen and (max-width:1024px) {
.container404{4% auto 0 auto;}}
</style>
</b:if>
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/>
<script type='text/javascript'>
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("http://www.fontstatic.com/f=shorooq");loadCSS("http://fonts.googleapis.com/earlyaccess/notonaskharabic.css");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");//]]>
</script>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
snippet_count = 140;
//<![CDATA[
function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"</div>";e.innerHTML=i}
//]]>
</script>
<script type='text/javascript'>
var numposts=1,numposts2=6,showpostthumbnails=!0,showpostthumbnails2=!0,displaymore=!0,displaymore2=!1,showcommentnum=!1,showcommentnum2=!1,showpostdate=!0,showpostdate2=!1,showpostsummary=!0,numchars=150,thumb_width=180,thumb_height=160,thumb_width2=64,thumb_height2=64,no_thumb="http://3.bp.blogspot.com/-PHzN2A92GHE/Vmim2TTkAII/AAAAAAAADZU/X42ioeFiyBo/s1600/newsarlina_thumb.png",no_thumb2="http://2.bp.blogspot.com/-cW6waOyA8mY/Vmim2VkylII/AAAAAAAADZY/_pANIKGBUXA/s1600/newsarlinathumb_small.png";
</script>
</b:if>
</b:if>
</head>
<!-- <body><div></div> -->
<body expr:class='"loading" + data:blog.mobileClass'>
<div class='top-wrap-head'>
<div class='maxwrap'>
<nav class='top-menulite'>
<ul>
<li><a href='https://justpaste.it/redirect/repj/http%3A%2F%2F3-arabi.blogspot.com%2F'>الرئيسية</a></li>
<li><a href=''>عن المدونة</a></li>
<li><a href=''>راسلنا</a></li>
<li><a href=''>إنضم لنا</a></li>
<li><a href=''>الخصوصية</a></li>
<li class='doremifa join'><a href='https://justpaste.it/redirect/repj/https%3A%2F%2Fwww.blogger.com%2Ffollow-blog.g%3FblogID%3D135674903804722244' rel='nofollow' target='_blank' title='إنضم إلى قائمة أصدقائنا'><i class='fa fa-plus'/><span class='inv'/></a></li>
<li class='doremifa gplus'><a href='https://justpaste.it/redirect/repj/http%3A%2F%2Fplus.google.com%2F%2BSamHamou' rel='nofollow' target='_blank' title='تابعنا على جوجل +'><i class='fa fa-google-plus'/><span class='inv'/></a></li>
<li class='doremifa facebook'><a href='https://justpaste.it/redirect/repj/https%3A%2F%2Fwww.fb.com%2FR3GGADA%2F' rel='nofollow' target='_blank' title='تابعنا على فيسبوك'><i class='fa fa-facebook'/><span class='inv'/></a></li>
<li class='doremifa twitter'><a href='https://justpaste.it/redirect/repj/https%3A%2F%2Ftwitter.com%2Freggada_inc' rel='nofollow' target='_blank' title='تابعنا على تويتر '><i class='fa fa-twitter'/><span class='inv'/></a></li>
</ul>
<a href='' id='pull'>قائمة</a>
</nav>
</div>
</div>
<div id='header' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
<div class='maxwrap'>
<b:section id='headerdua' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='تقنية (رأس الصفحة)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<b:include name='title'/>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: u rl(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<b:include name='title'/>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:include name='title'/>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<h1 class='title'>
<a expr:href='' expr:title='data:blog.title' itemprop='url'>
<span itemprop='name'><data:title/></span>
</a>
</h1>
<b:else/>
<h2 class='title'>
<a expr:href='' expr:title='data:blog.title' itemprop='url'>
<span itemprop='name'><data:title/></span>
</a>
</h2>
</b:if>
<b:else/>
<h2 class='title'>
<a expr:href='' expr:title='data:blog.title' itemprop='url'>
<span itemprop='name'><data:title/></span>
</a>
</h2>
</b:if>
</b:includable>
</b:widget>
</b:section>
<b:section class='header-left section' id='header-left' maxwidgets='1' showaddelement='yes'/>
<div class='menusearch'>
<form action='/search' class='searchform' method='get'>
<input class='searchfield' id='q' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=''' type='text' value='إبحث في مدونة عربي ...'>
<input id='searchsubmit' type='submit' value=''><span class='ico ico-mglass'/></input>
</input>
</form>
</div>
</div>
</div>
<div class='clear'/>
<nav id='inv-navigation' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<div class='maxwrap'>
<input type='checkbox'>☰ القائمة</input>
<ul>
<li class='indie'><a expr:href='' itemprop='url'><span itemprop='name'>الرئيسية</span></a></li>
<li><a href='' itemprop='url' title='أخبار'><span itemprop='name'>أخبار</span></a></li>
<li><a href='' itemprop='url' title='مقالات'><span itemprop='name'>مقالات</span></a></li>
<li><a href='' itemprop='url' title='منوعات'><span itemprop='name'>منوعات</span></a></li>
<li><a href='' itemprop='url' title='لينكس'><span itemprop='name'>لينكس</span></a></li>
<li><a href='' itemprop='url' title='بلوجر'><span itemprop='name'>بلوجر</span></a></li>
<li><a href='' itemprop='url' title='فيديو'><span itemprop='name'>فيديو</span></a></li>
<li><a href='' itemprop='url' title='كيف ؟'><span itemprop='name'>كيف ؟</span></a></li>
</ul>
</div>
</nav>
<div class='clear'/>
<div id='wrapper'>
<div id='content-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>
<b:section class='banner section' id='banner' maxwidgets='1' showaddelement='yes'/>
<div class='clear'/>
<div id='main-wrapper'>
<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'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</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:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<!-- navigation -->
<b:if cond='data:blog.pageType == "index"'>
<b:include name='nextprev'/>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<b:include name='nextprev'/>
<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='' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='' 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 class='breadhome'><a expr:href='' rel='nofollow'>الرئيسية </a> <i class='fa fa-angle-left'/> </span><span class='breadlabel'><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span class='breadhome' typeof='v:Breadcrumb'><a expr:href='' property='v:title' rel='nofollow'>الرئيسية</a> <i class='fa fa-angle-left'/> </span>
<b:loop values='data:post.labels' var='label'>
<span class='breadlabel' typeof='v:Breadcrumb'><a expr:href='' property='v:title' rel='nofollow'><data:label.name/></a> <i class='fa fa-angle-left'/> </span>
</b:loop>
<span class='breadlabel'><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span class='breadhome'><a expr:href='' rel='nofollow'>الرئيسية</a> <i class='fa fa-angle-left'/> </span><span class='breadlabel'>Unlabelled</span> <i class='fa fa-angle-left'/> <span class='breadlabel'><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span class='breadhome'><a expr:href=''>الرئيسية </a> <i class='fa fa-angle-left'/> </span><span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span class='breadhome'><a expr:href=''>الرئيسية</a> <i class='fa fa-angle-left'/> </span><span class='breadlabel'>All posts </span>
<b:else/>
<span class='breadhome'> <a expr:href=''>الرئيسية</a> <i class='fa fa-angle-left'/> </span><span class='breadlabel'>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<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='' 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='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div id='disqusshow' onclick='load_Comments()'><i class='fa fa-comments'/> Load disqus comments</div>
<div id='disqus_thread'/>
<div class='comments' id='comments'>
<a name='comments'/>
<h3>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>
</b:if>
</h3>
</div>
</b:includable>
<b:includable id='disqus-comment' var='post'>
<script type='text/javascript'>
var disqus_blogger_current_url = "<data:blog.canonicalUrl/>";
if (!disqus_blogger_current_url.length) {
disqus_blogger_current_url = "<data:blog.url/>";
}
var disqus_blogger_homepage_url = "<data:blog.homepageUrl/>";
var disqus_blogger_canonical_homepage_url = "<data:blog.canonicalHomepageUrl/>";
</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='' 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:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer' style='border-bottom: 1px solid #ccc;padding-bottom: 10px;'>
<a expr:href=''>
<h3 class='mobile-index-title entry-title' style=' 10px;'>
<data:post.title/>
</h3></a>
<div class='mobile-index-contents'>
<div class='mobilethumb' style='float: right;5px 20px 0 20px;'><a expr:href=''><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl' expr:title='data:post.title' style='width:40px;height:40px'/></a></div>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
<div class='mobile-index-comment' style=' 5px;height: 10px;'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
<a expr:href='' style='float:right;'>اقرء المزيد</a>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "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'>
<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='' 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='' 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:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href=''><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title' style=' 10px 0; 17px;'>
<b:if cond='data:post.link'>
<a expr:href='' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href=''><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='' 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='' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href=''><i class='fa fa-home fa-fw'/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href=''><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<!-- Dont mess with me : www.arlinadzgn.com -->
<script type='text/javascript'>
var _0x7c9b=["\x73\x63\x72\x65\x65\x6E\x20\x61\x6E\x64\x20\x28\x6D\x69\x6E\x2D\x77\x69\x64\x74\x68\x3A\x20\x36\x30\x65\x6D\x29","\x6D\x61\x74\x63\x68\x4D\x65\x64\x69\x61","\x6D\x61\x74\x63\x68\x65\x73","\x24\x28\x64\x6F\x63\x75\x6D\x65\x6E\x74\x29\x2E\x72\x65\x61\x64\x79\x28\x66\x75\x6E\x63\x74\x69\x6F\x6E\x20\x28\x29\x20\x7B\x69\x66\x20\x28\x24\x28\x65\x76\x61\x6C\x28\x64\x65\x63\x6F\x64\x65\x55\x52\x49\x43\x6F\x6D\x70\x6F\x6E\x65\x6E\x74\x28\x27\x22\x23\x74\x65\x72\x73\x65\x72\x61\x68\x6C\x6F\x2C\x2E\x74\x65\x72\x73\x65\x72\x61\x68\x6C\x6F\x22\x27\x29\x29\x29\x2E\x61\x74\x74\x72\x28\x65\x76\x61\x6C\x28\x64\x65\x63\x6F\x64\x65\x55\x52\x49\x43\x6F\x6D\x70\x6F\x6E\x65\x6E\x74\x28\x27\x22\x68\x72\x65\x66\x22\x27\x29\x29\x29\x20\x21\x3D\x20\x65\x76\x61\x6C\x28\x64\x65\x63\x6F\x64\x65\x55\x52\x49\x43\x6F\x6D\x70\x6F\x6E\x65\x6E\x74\x28\x27\x22\x2F\x2F\x77\x77\x77\x2E\x61\x72\x6C\x69\x6E\x61\x64\x7A\x67\x6E\x2E\x63\x6F\x6D\x2F\x22\x27\x29\x29\x29\x20\x7B\x77\x69\x6E\x64\x6F\x77\x2E\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x2E\x68\x72\x65\x66\x20\x3D\x20\x65\x76\x61\x6C\x28\x64\x65\x63\x6F\x64\x65\x55\x52\x49\x43\x6F\x6D\x70\x6F\x6E\x65\x6E\x74\x28\x27\x22\x2F\x2F\x77\x77\x77\x2E\x61\x72\x6C\x69\x6E\x61\x64\x7A\x67\x6E\x2E\x63\x6F\x6D\x2F\x22\x27\x29\x29\x3B\x7D\x20\x7D\x29\x3B\x20"];var mql=window[_0x7c9b[1]](_0x7c9b[0]);if(mql[_0x7c9b[2]]){eval(decodeURIComponent(_0x7c9b[3]))};
</script>
<!-- Dont mess with me : www.arlinadzgn.com -->
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<script>var disqus_url = "<data:post.canonicalUrl/>";</script>
<article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<div itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>
<b:if cond='data:post.firstImageUrl'>
<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<meta expr:content='data:post.firstImageUrl' itemprop='url'/>
<meta content='700' itemprop='width'/>
<meta content='700' itemprop='height'/>
</div>
</b:if>
<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
<div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<meta content='http://3.bp.blogspot.com/-U2rN8ayyR7g/VnR3Djoe0QI/AAAAAAAAAdo/hw0y43HvBTc/s1600/Logo%2BNubie%2BBanget.png' itemprop='url'/>
<meta content='600' itemprop='width'/>
<meta content='600' itemprop='height'/>
</div>
<meta expr:content='data:blog.title' itemprop='name'/>
</div>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:post.isFirstPost'>
<script type='text/javascript'>
//<![CDATA[
function invision_size(e,t){var n=240;var r=140;image_tag='<img width="'+n+'" height="'+r+'" src="'+e.replace("/s72-c/","/w"+n+"-h"+r+"-c/")+'" alt="'+t.replace(/"/g,"")+'" title="'+t.replace(/"/g,"")+'" class="post-thumbnail"/>';if(t!="")return image_tag;else return""}
//]]>
</script>
</b:if>
<div class='post-thumb'>
<script type='text/javascript'>
document.write(invision_size("<data:post.thumbnailUrl/>","<data:post.title/>"));
</script>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:post.labels'>
<span class='label-info'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='' rel='nofollow'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
</b:loop>
</span>
</b:if>
</b:if>
</div>
</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"'>
<h2 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='' expr:title='data:post.title'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='' expr:title='data:post.title'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
<b:else/>
<h1 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='' expr:title='data:post.title'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='' expr:title='data:post.title'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='' expr:title='data:post.title'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='' expr:title='data:post.title'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='post-info'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='author-info'>
<span class='vcard' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span class='fn'>
<a class='g-profile' expr:href='' rel='nofollow' title='author profile'>
<i class='fa fa-user'/> <span itemprop='name'><data:post.author/></span>
</a>
</span>
</span>
</span>
<b:else/>
<span class='author-info'>
✔
<span class='fn'>
<i class='fa fa-user'/> <span itemprop='name'><data:post.author/></span>
</span>
</span>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != "index"'>
<span class='label-info'>
<b:if cond='data:post.labels'>
<i class='fa fa-tag'/> <b:loop values='data:post.labels' var='label'>
<a class='label-block' expr:href='' rel='nofollow'> <data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
</b:loop>
</b:if>
</span>
</b:if>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<span itemprop='dateModified'><i class='fa fa-calendar-o'/> <a class='timestamp-link' expr:href='' rel='nofollow' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a></span>
</b:if>
</b:if>
</span>
<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='' title='Comments Count'/>
</span>
</b:if>
</b:if>
</b:if>
</div>
</b:if>
</div>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<b:if cond='data:blog.pageType == "static_page"'>
<p><data:post.body/></p></b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div itemprop='description articleBody'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSnippet("summary<data:post.id/>");</script>
<a class='post-readmore' expr:href=''>اقرء المزيد</a>
</div>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<div itemprop='description articleBody'>
<b:if cond='data:blog.pageType == "item"'>
<div style="display:block;text-align:center;20px auto;">
<!-- Kode Banner/Iklan Anda Di sini -->
</div>
</b:if>
<data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div style="display:block;text-align:center;20px auto;">
<!-- Kode Banner/Iklan Anda Di sini -->
</div>
</b:if>
</div></b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<b:if cond='data:blog.pageType == "item"'>
<div class='sr' typeof='Recipe' vocab='http://schema.org/'>
<b:if cond='data:post.thumbnailUrl'>
<img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' property='image'/>
<b:else/>
<img expr:alt='data:post.title' itemprop='image' src='http://2.bp.blogspot.com/-jl-GLMlT0og/VorqhqjRmII/AAAAAAAAA8Y/X_vZwax07-w/s1600/thumbnail.png'/>
</b:if>
<span property='name'>
<data:post.title/>
</span>
<span property='author' typeof='Person'>
<span property='name'>
<data:post.author/>
</span>
</span>
<time expr:datetime='data:post.timestampISO8601' property='datePublished'>
<data:post.timestampISO8601/>
</time>
<span property='aggregateRating' typeof='http://schema.org/AggregateRating'>
<span property='ratingValue'>
5.0
</span>
stars based on
<span property='reviewCount'>
35
</span>
reviews
</span>
<span property='description'>
<data:post.snippet/>
</span>
</div>
<div class='post-footer-line post-footer-line-1'>
<div class='clear'/>
<div id='related_posts'>
<h4><span><i class='fa fa-external-link-square'/> Related Posts</span></h4>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=relpostimgthum&max-results=50"' type='text/javascript'/>
</b:loop>
<ul id='related_img'>
<script type='text/javascript'>relatpost();</script>
</ul>
</div>
</div>
</b:if>
<div class='post-footer-line post-footer-line-2' style='display:none;'/>
<div class='post-footer-line post-footer-line-3' style='display:none;'/>
</div>
</article>
</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='' 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: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'/>
<b:includable id='threaded_comment_js' var='post'/>
<b:includable id='threaded_comments' var='post'/>
</b:widget>
</b:section>
</div>
<div id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
<b:section class='sidebar' id='sidebar' preferred='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.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr: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='' 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='' 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='' 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='' 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>
<div id='rent-side'>
</div>
</div>
<div class='clear'> </div>
</div>
<div class='clear'/>
<b:section class='banner2 section' id='banner2' maxwidgets='1' showaddelement='yes'/>
</div>
<div class='clear'/>
<footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>
<div class='footer-column'>
</div>
<div id='footer-end'>
<div class='hypecredit'>
جميع الحقوق محفوضة لـ <a expr:href='' itemprop='creator' itemscope='itemscope' itemtype='http://schema.org/Person'><span itemprop='name'><data:blog.title/></span></a>
</div>
<!-- Do not edit or remove credits without our permission : www.arlinadzgn.com -->
<div class='hypecredit'>
Template by <a class='terserahlo' href='https://justpaste.it/redirect/repj/https%3A%2F%2Fwww.arlinadzgn.com%2F' target='_blank' title='Arlina Design'>Arlina Design</a>
</div>
<!-- Do not edit or remove credits without our permission : www.arlinadzgn.com -->
</div>
</footer>
<div class='mask'/>
<div class='backtotop hider'><i class='fa fa-angle-up'/></div>
<b:if cond='data:blog.pageType == "error_page"'>
<div class='container404'>
<div class='box404'>
<h2>404</h2>
<h3>The page could not be found</h3>
<hr/>
<p>The page you are looking for might have been removed had its name changed or is temporarily unavailable</p>
<p>Please try the following :</p>
<ul>
<li>If you type the page address in the <strong>Address bar</strong>, make sure that it is spelled correctly.</li>
<li>Click <strong><a expr:href=''>here</a></strong> to return to our main page.</li>
<li>If you were linked to this page, contact the administrator and make them aware of this issue.</li>
</ul>
</div>
<div class='copyright404'>
© 2016 <a expr:href=''><data:blog.title/></a>. All Rights Reserved.
</div>
</div>
</b:if>
<script type='text/javascript'>
var disqus_shortname = "invisionnew";
!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//"+disqus_shortname+".disqus.com/blogger_index.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}();
</script>
<script type='text/javascript'>
$(function(){$(window).scroll(function(){$(this).scrollTop()>400?$(".backtotop").addClass('showe'):$(".backtotop").removeClass('showe')}),$(".backtotop").click(function(){return $("html,body").animate({scrollTop:0},400),!1})});
</script>
<b:if cond='data:blog.pageType == "index"'>
<script type='text/javascript'>
/*<![CDATA[*/
var postperpage=7;var numshowpage=3;var upPageWord ='<i class="fa fa-caret-left"></i>';var downPageWord ='<i class="fa fa-caret-right"></i>';var urlactivepage=location.href;var home_page="/";
/*]]>*/
</script>
<script src='https://cdn.rawgit.com/iHussam/ar1web/master/pages.js' type='text/javascript'/>
</b:if>
<b:if cond='data:blog.pageType != "index"'>
<script type='text/javascript'>
//Spoiler
$(document).ready(function(){$("#flippy").click(function(){$("#flippanel").slideToggle("normal")})});
//Related Post Thumb
$("ul#related-summary li img").each(function(){$(this).attr("src",$(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/w213-h130-c/"))});
//<![CDATA[
setTimeout(function(){$(".video-youtube").each(function(){$(this).replaceWith('<iframe class="video-youtube loader" src="'+$(this).data("src")+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>')})},5e3);
$('i[rel="nofollow"]').replaceWith(function(){return $("<pre><code>"+$(this).html()+"</code></pre>")});for(var pres=document.querySelectorAll("pre,code,kbd,blockquote,td"),i=0;i<pres.length;i++)pres[i].addEventListener("dblclick",function(){var e=getSelection(),t=document.createRange();t.selectNodeContents(this),e.removeAllRanges(),e.addRange(t)},!1);
//]]>
</script>
<script type='text/javascript'>
!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//"+disqus_shortname+".disqus.com/blogger_item.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}();$("ul#relate-summary li img").each(function(){$(this).attr("src",$(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/w90-h70-c/"))});
//<![CDATA[
function load_Comments(){var e=document.getElementById("disqusshow");e.style.display="none";var t="invisionnew";!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="http://"+t+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()}
//]]>
</script>
</b:if>
<b:include data='blog' name='google-analytics'/>
</body>
</HTML>