كود صفحه مستر للمعلومات
!DOCTYPE html>
<HTML expr:class='data:blog.languageDirection + " no-js rwd " + data:blog.pageType' expr:dir='data:blog.languageDirection'>
<head>
<link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//28.2bp.blogspot.com' rel='dns-prefetch'/>
<link href='//3.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//4.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//2.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//www.blogger.com' rel='dns-prefetch'/>
<link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/>
<link href='//fonts.googleapis.com' rel='dns-prefetch'/>
<link href='//use.fontawesome.com' rel='dns-prefetch'/>
<link href='//apis.google.com/' rel='dns-prefetch'/>
<link href='//connect.facebook.net/ar_AR/sdk.js' rel='dns-prefetch'/>
<link href='//www.googletagmanager.com/gtag/js?id=UA-115635954-1 ' rel='dns-prefetch'/>
<link href='//resources.blogblog.com' rel='dns-prefetch'/>
<link href='//www.facebook.com' rel='dns-prefetch'/>
<link href='//plus.google.com' rel='dns-prefetch'/>
<link href='//twitter.com' rel='dns-prefetch'/>
<link href='//www.youtube.com' rel='dns-prefetch'/>
<link href='//feedburner.google.com' rel='dns-prefetch'/>
<link href='//www.pinterest.com' rel='dns-prefetch'/>
<link href='//www.linkedin.com' rel='dns-prefetch'/>
<link href='//feeds.feedburner.com' rel='dns-prefetch'/>
<link href='//apis.google.com' rel='dns-prefetch'/>
<link href='//connect.facebook.net' rel='dns-prefetch'/>
<link href='//cdnjs.cloudflare.com' rel='dns-prefetch'/>
<link href='https://fonts.googleapis.com/css?family=Tajawal' rel='stylesheet'/>
<link href='//www.google-analytics.com' rel='dns-prefetch'/>
<link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/>
<link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/>
<link href='//www.gstatic.com' rel='preconnect'/>
<link href='//www.googletagservices.com' rel='dns-prefetch'/>
<link href='//static.xx.fbcdn.net' rel='dns-prefetch'/>
<link href='//tpc.googlesyndication.com' rel='dns-prefetch'/>
<link href='//syndication.twitter.com' rel='dns-prefetch'/>
<link href='//www.monstertecnology.com/js/cookienotice.js' rel='dns-prefetch'/>
<meta charset='utf-8'/>
<!--[if lt IE 9]> <script src="https://www.blogger.com/static/v1/jsbin/4044097237-ieretrofit.js"> </script> <![endif]-->
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='IE=edge' http-equiv='X-UA-Compatible'/>
<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='"//www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link href='//www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<meta content='9f9iRGur-aIaSP3913xdZjPjerVkwW1cItjTdoi6wtQ' name='google-site-verification'/>
<meta content='5213D03A064380576CF0157D57B2A4ED' name='msvalidate.01'/>
<meta content='2fdcbe6f4243f404' name='yandex-verification'/>
<meta content='9508c977bce0d4d9f882ddc162fc6009' name='p:domain_verify'/>
<link href='//plus.google.com/100879436085395458250' rel='publisher'/>
<link href='https://plus.google.com/+ahmedmaher2019' rel='author'/>
<link href='//plus.google.com/100879436085395458250' rel='me'/>
<!-- SEO Title Tag -->
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<title>الارشيف لـ <data:blog.pageName/></title>
<meta content='noindex,nofollow,noarchive' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == "error_page"'>
<title>الصفحة غير موجودة</title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
</b:if>
</b:if>
<!-- SEO Meta Tag -->
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<meta expr:content='data:blog.pageTitle' name='keywords'/>
<meta content='مقالات تقنية وشروحات متنوعة في الربح من الانترنت والاندرويد والحاسوب ' name='description'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' name='keywords'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<meta expr:content='data:blog.pageName' name='keywords'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<meta content='all' name='audience'/>
<meta content='مونستر للمعلوميات' name='author'/>
<meta content='blogger' name='generator'/>
<meta content='translate' name='google'/>
<meta content='general' name='rating'/>
<meta content='eg' name='geo.country'/>
<meta content='Egypt' name='geo.placename'/>
<meta content='ar' http-equiv='content-language'/>
<meta content='Arabic' name='language'/>
<link href='https://www.monstertecnology.com/' itemprop='url' rel='canonical'/>
<link href='https://www.monstertecnology.com' hreflang='Ar' rel='alternate'/>
<!-- SEO Meta Tag end -->
<script type="text/javascript">(function() { var a=window,c="jstiming",d="tick";var e=function(b){this.t={};this.tick=function(b,o,f){f=void 0!=f?f:(new Date).getTime();this.t[b]=[f,o]};this[d]("start",null,b)},h=new e;a.jstiming={Timer:e,load:h};if(a.performance&&a.performance.timing){var i=a.performance.timing,j=a[c].load,k=i.navigationStart,l=i.responseStart;0<k&&l>=k&&(j[d]("_wtsrt",void 0,k),j[d]("wtsrt_","_wtsrt",l),j[d]("tbsd_","wtsrt_"))}
try{var m=null;a.chrome&&a.chrome.csi&&(m=Math.floor(a.chrome.csi().pageT));null==m&&a.gtbExternal&&(m=a.gtbExternal.pageT());null==m&&a.external&&(m=a.external.pageT);m&&(a[c].pt=m)}catch(n){};a.tickAboveFold=function(b){var g=0;if(b.offsetParent){do g+=b.offsetTop;while(b=b.offsetParent)}b=g;750>=b&&a[c].load[d]("aft")};var p=!1;function q(){p||(p=!0,a[c].load[d]("firstScrollTime"))}a.addEventListener?a.addEventListener("scroll",q,!1):a.attachEvent("onsFroll",q);
})();</script>
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<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>
<!-- Facebook and Twitter Open Graph -->
<b:if cond='data:blog.pageType == "item"'>
<meta content='1762495650699627' property='fb:app_id'/>
<meta content='232436967090493' property='fb:admins'/>
<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>
<meta content='article' property='og:type'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@monster_tecn' name='twitter:creator'/>
<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>
</b:if>
<style type="text/css">
<!-- /*<b:skin><![CDATA[/*
Name : Tak Theme Arabic
Version : 1.0
Blog : www.monstertecnology.com
Published : www.monstertecnology.com
Theme Published : 30-07-2018
Theme Update : -
License : This free Blogger template is licensed under the Creative Commons Attribution 4.0 License, which permits both personal and commercial use.
*/
@font-face{font-family:'Changa';font-style:normal;font-weight:400;src:local('Changa'),local('Changa-Regular'),url(https://fonts.gstatic.com/s/changa/v4/2-cm9JNi2YuVOUckY5y-au8.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}@font-face{font-family:'Changa';font-style:normal;font-weight:400;src:local('Changa'),local('Changa-Regular'),url(https://fonts.gstatic.com/s/changa/v4/2-cm9JNi2YuVOUckaJy-au8.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Changa';font-style:normal;font-weight:400;src:local('Changa'),local('Changa-Regular'),url(https://fonts.gstatic.com/s/changa/v4/2-cm9JNi2YuVOUckZpy-.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Changa';font-style:normal;font-weight:600;src:local('Changa SemiBold'),local('Changa-SemiBold'),url(https://fonts.gstatic.com/s/changa/v4/2-cl9JNi2YuVOUcsubirUM74nZg.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}@font-face{font-family:'Changa';font-style:normal;font-weight:600;src:local('Changa SemiBold'),local('Changa-SemiBold'),url(https://fonts.gstatic.com/s/changa/v4/2-cl9JNi2YuVOUcsubirW874nZg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Changa';font-style:normal;font-weight:600;src:local('Changa SemiBold'),local('Changa-SemiBold'),url(https://fonts.gstatic.com/s/changa/v4/2-cl9JNi2YuVOUcsubirVc74.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
header-wrapper{position:relative;display:block}
#header-right {float:right;width:300px}
#header-left {float:left;width:570px;position:absolute;top:0;bottom:0;left:0;}
#wrapper {width:900px;margin:0 auto;padding:0}
#ads-wrapper,#ads2-wrapper,#footer-wrapper{position:relative;display:block}
#ads1{display:block;float:right;width:400px}
#ads2{display:block;float:left;width:400px}
#main-wrapper {width:570px;float:right}
#sidebar-wrapper {float:left;width:300px}
#footer_left{width:600px;position:relative;display:block;overflow:hidden}
#footer1{width:290px;float:right}
#footer2{width:290px;float:left}
ul,ol{list-style:none}
.quickedit {display:none !important;width:0;height:0}
.post-body ul{display:block;list-style-type:disc;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px}
#code {
padding:10px;
border:1px dashed;
background-color:#ccffcc;
direction: ltr;
text-align: left;
height:100px;
overflow-y:scroll;
}
]]></b:skin>
<style type='text/css'>
/* Style 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,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,adnav,adheader{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
/* CSS for HTML5 */
b,bold{font-family:Changa}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,adnav,adheader{display:block}
*{margin:0;padding:0}
html{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{background:transparent}
table{border-collapse:collapse;border-spacing:0}
/* Body */
body{font-family:Changa;font-size:15px;color:#555;line-height:1.6em;margin:0;text-decoration:none}
a,a:link,a:visited,a:active{color:#68bb47;text-decoration:none}
a:hover{color:#68bb47}
.right{float:right}
.left{float:left}
.clear{clear:both}
h2.date-header{display:none}
/* Header wrapper */
#wrapper{background:#fff;position:relative;width:100%;overflow:hidden;margin:0 auto;padding:0}
#header-wrapper{background:#68bb47;margin:0 auto;padding:0;word-wrap:break-word;position:relative;min-height:130px}
#header-right{padding:0;margin:25px auto 20px;width:100%;max-width:26%;display:block}
#header-left{padding:0;margin:0 auto;width:100%;max-width:74%;float:left;text-align:left}
#r-header{padding:0;margin:20px auto 0;display:block}
#header h1,#header h2{color:#fff!important;margin:auto;position:relative;padding:0 0 5px;font-size:220%!important;line-height:1.2em;display:block;font-weight:bold}
#header h1 a,#header h1 a:hover,#header h2 a,#header h2 a:hover{color:#fff}
#header .description{margin:auto;color:rgba(225,225,225,.8);font-weight:normal;font-size:14px;display:block}
#content-wrapper{background:#fafafa;width:100%;position:relative;display:block;max-width:980px;margin:0 auto;padding:0;word-wrap:break-word}
#content-wrapper:before{content:"";background:#fafafa;position:absolute;top:0;bottom:0;right:100%;height:100%;width:100%;display:block;overflow:hidden}
#main-wrapper:before{content:"";background:#fff;position:absolute;top:0;bottom:0;left:100%;height:100%;width:100%;display:block;overflow:hidden}
#main-wrapper:after{content:"";background:#fff;position:absolute;top:0;bottom:0;right:0;left:0;width:100%;max-width:66%;border-left:1px solid #E2E2E2;display:block;overflow:hidden}
.limit-wrapper{width:100%;max-width:980px;margin:0 auto;word-wrap:break-word;position:relative;overflow:hidden}
/* Advertisement wrapper */
#ads-wrapper,#ads2-wrapper{background:#fff;margin:0 auto;padding:0;width:auto;max-width:100%;height:auto;list-style:none;padding:0;text-align:center;border-bottom:1px solid #E2E2E2}
#ads2-wrapper{border-bottom:none;border-top:1px solid #E2E2E2}
#ads1{display:block;float:right;width:100%;max-width:50%}
#ads2{display:block;float:left;width:100%;max-width:50%}
#ads1 .widget-content,#ads2 .widget-content,#ads3 .widget-content{margin:0 auto;padding:25px 0 20px}
#ads-wrapper,#ads2-wrapper img,#ads1 img,#ads2 img,#r-header img{max-width:100%;height:auto;text-align:center}
/* Top Nav */
#navi-top{position:relative;background:#111;color:#aaa;width:100%}
#navi-top ul{position:relative;background:#111;margin:0;padding:0;word-wrap:break-word;position:relative}
#navi-top li{list-style:none;float:right}
#navi-top li a{padding:10px 0 12px 20px;font-size:13px;color:#aaaaaa;display:block;overflow:hidden}
#navi-top li a:hover{color:#fff}
/* Menu Wrapper */
.menu-wrapper{margin:0 auto;text-align:center;padding:0}
.page-menu{background:#68bb47;text-align:center;width:auto;padding:0;margin:0;font-size:100%;font-weight:400}
.page-menu ul{margin:0 auto;padding:0}
.page-menu ul li{list-style:none;display:inline-block;transition:all 400ms ease-in-out;position:relative}
.page-menu ul li a:hover{background:#fff;color:#111}
.page-menu ul li a{color:#fff;padding:14px 15px;display:inline-block;text-decoration:none}
.page-menu ul li a i{font-size:18px;font-weight:normal}
.page-menu ul li a img{vertical-align:middle!important}
.page-menu ul ul{display:none;list-style:none;position:absolute;top:100%;width:190px;z-index:9999;overflow:hidden}
.page-menu ul li:hover ul{display:block}
.page-menu ul ul li a{background:rgb(111,220,111);color:#fff!important;float:none;display:inline-block;padding:8px 15px;text-align:right;width:190px}
.page-menu ul ul li a:hover{color:#fff!important;background:#68bb47}
#show-menu,#close-menu{transition:all .3s ease-in;display:none}
/* Main wrapper */
#main-wrapper{background:#fff;width:100%;max-width:66%;float:right;padding:30px 0 0;margin:0 auto;word-wrap:break-word;overflow:hidden}
.post,#comments,.breadcrumbs{position:relative;display:block;z-index:1;margin-left:40px!important}
.related-post,#related-post{position:relative;display:block;z-index:1}
/* Reset post */
.post-body{margin:0 auto;line-height:1.7em;padding:0;font-family:Tajawal}
.post h1 a,.post h1 a:hover{color:#3b7dc1}
.post-body a.img,.post-body .separator a{margin-right:0!important;margin-left:0!important}
.mobile h1,.mobile h2{margin:0 0 10px!important}
.updated{text-decoration:none!important}
/* bullet dan nummber */
.post-body ul{display:block;list-style-type:disc;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0px;-webkit-margin-end:0px;-webkit-padding-start:40px;}
.post-body ol{counter-reset:li;list-style:none;margin-right:0;padding-right:0;display:block}
.post-body ol li{list-style:outside none none;margin:0 10px 5px 0!important;padding:4px 10px 4px 5px!important;position:relative;text-indent:14px}
.post-body ol li:before{background:#68bb47;border-radius:2px;color:#fff;content:counter(li,decimal);counter-increment:li;font:bold 14px Changa;margin:0 0 10px;padding:0 4px 0 3px!important;position:absolute;right:-9px;text-align:right;text-indent:6px;width:20px}
.resource{padding:0;color:#66798a;font:normal normal 11px/normal Tajawal,Verdana,Arial,Sans-Serif;width:auto}
/* more css */
.separator{float:none;max-width:100%;height:auto;width:auto;padding:0;margin:0 auto;text-align:center!important;overflow:hidden}
table img,.separator img,.separator a img{max-width:100%!important;height:auto;width:auto!important;margin:0;padding:0;text-align:center!important}
::selection{background:#68bb47;text-shadow:none;color:#fff!important}
.post-body::selection{background:#68bb47;color:#fff!important}
/* Post info */
.post-info{display:block;position:relative;margin:4px auto;padding:0;font-weight:400;color:#aaa;overflow:hidden;font-size:13px!important}
.author,.author a,.clock a{text-transform:capitalize;font-weight:normal!important;color:#aaa!important;margin:0;border:none}
.clock i{margin-right:10px}
.post-info a:hover{color:#111!important}
/* Sidebar wrapper */
#sidebar-wrapper{background:#fafafa;width:100%;max-width:330px;float:left;display:block;word-wrap:break-word;list-style:none;padding-top:30px;overflow:hidden}
#sidebar-wrapper h2,#footer-wrapper h2{font-size:19px;line-height:1.2em;display:inline-block;font-weight:700;padding:0;margin:0 0 15px;padding:0 0 15px;position:relative;color:#111;font-weight:700;font-family:Changa}
#sidebar-wrapper h2:before,#footer-wrapper h2:before{content:"";display:block;width:800px;height:1px;position:absolute;background:#E2E2E2;right:0;left:0;bottom:0;z-index:0}
#sidebar-wrapper h2:after,#footer-wrapper h2:after{content:"";display:inline-block;width:100%;height:3px;position:absolute;background:#68bb47;right:0;bottom:-1px;z-index:1}
#sidebar1,#sidebar2,#sidebar3,#sidebar4,#sidebar5{margin-right:30px}
#sidebar1 .widget-content,#sidebar2 .widget-content,#sidebar3 .widget-content,#sidebar4 .widget-content{margin:0 auto 30px;padding:0}
#ContactForm1{display:none}
/* Search wrapper */
#search-form{padding:0 30px 0 0;margin:auto;position:relative}
#search-wrapper{margin:0;padding:0;overflow:hidden;width:100%}
#search-wrapper table{width:100%;margin:0;position:relative;height:40px}
#search-wrapper td.search-boxs1{color:#cbd1e1!important}
#search-wrapper input#search-boxs1[type="text"]{background:transparent;height:38px;line-height:38px;margin:0;padding:0 10px;width:100%;border:1px solid #ddd;color:#aaa!important}
#search-wrapper input#search-button1[type="submit"]{font-size:15px;background:#68bb47;color:#fff;height:40px;line-height:40px;margin:0;padding:0 20px;border:none;outline:none;font-weight:normal!important;transition:all 0.25s;position:absolute;left:0;top:0;z-index:2;border:none;cursor:pointer}
#search-wrapper input#search-button1[type="submit"]:hover{background:#222}
#search-wrapper input#search-boxs1[type="text"]:focus{outline:none;color:#444!important}
/* Social Wrapper */
#social-wrapper{position:relative;margin:25px 30px 35px 0}
.social-facebook,.social-pinterest,.social-twitter,.social-googleplus,.social-rss{float:right;margin:0 auto;padding:0;display:inline;color:#fff!important;width:25%;text-align:center;height:90px;font-size:12px;text-transform:capitalize;font-weight:400;transition:all 0.25s}
#social-wrapper a i{font-family:FontAwesome;font-size:20px;margin:15px auto 5px;font-weight:normal;height:40px;width:40px;line-height:40px;text-align:center;background:rgba(0,0,0,.2);border-radius:99em}
#social-wrapper a p{display:block;font-size:8px;line-height:1.2em;padding:0;margin:auto;display:none}
.social-facebook:hover,.social-pinterest:hover,.social-twitter:hover,.social-googleplus:hover,.social-rss:hover{background:#333;text-decoration:none}
.social-facebook{background-color:#526ba5}
.social-twitter{background-color:#33a1e1}
.social-rss{background-color:#ea7237}
.social-googleplus{background-color:#e54343}
/* CSS label */
.widget-content.cloud-label-widget-content{display:inline-block;width:100%}
.widget-content.list-label-widget-content{padding:0}
.widget-content.cloud-label-widget-content{display:inline-block}
.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:right;padding:10px}
.label-count{white-space:nowrap;display:inline-block}
.Label ul{list-style:none!important;margin:0;padding:0;width:100%}
.Label li{position:relative;background:#f1f1f1;color:#444;padding:0;margin:0 0 7px;text-align:right;max-width:100%;font-size:90%;transition:all .3s ease-out;border-radius:99em;overflow:hidden;border-bottom:1px solid #e9e9e9}
.Label li:hover{background:#68bb47;color:#fff}
.Label li a{padding:12px;display:block;position:relative;line-height:1.2em!important;color:#444;text-decoration:none;transition:all .3s ease-out;font-weight:normal!important}
.Label li a:hover{color:#fff!important}
.Label li span{float:left;height:30px;line-height:30px!important;width:30px;text-align:center;display:inline-block;background:#fff;color:#aaa;position:absolute;top:5px;left:6px;z-index:2;border-radius:99em}
.label-size{position:relative;display:block;float:right;margin:0 4px 4px 0;font-size:13px;transition:all 0.3s}
.label-size a{background:#fff;background-image:linear-gradient(to bottom,rgba(255,255,255,1)0,rgba(250,250,250,1)70%,rgba(246,246,246,1)99%,rgba(246,246,246,1)100%);display:inline-block;color:#444;padding:5px 8px;font-weight:normal!important;border:1px solid #e3e3e3;background-repeat:repeat-y;background-size:100% 90px;background-position:0 -30px;transition:all .3s}
.label-count{opacity:0;visibility:hidden;font-size:85%;display:inline-block;position:absolute;top:-10px;left:-10px;background:#68bb47;color:#fff;white-space:nowrap;padding:0;width:22px;height:22px;line-height:22px;border-radius:100%;text-align:center;z-index:1;transition:all .3s}
.label-size:hover .label-count{opacity:1;visibility:visible;top:-5px}
.label-size a:hover{color:#444;background-image:linear-gradient(to bottom,rgba(255,255,255,1)0,rgba(250,250,250,1)18%,rgba(255,255,255,1)99%,rgba(255,255,255,1)100%);background-position:0 0}
/* Popular Post */
.PopularPosts ul{list-style:none;margin:0;padding:0;overflow:hidden}
.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:#64707a}
.PopularPosts ul li img{display:flex;align-items:center;display:block;width:100%;height:auto}
.PopularPosts ul li .item-thumbnail{display:block;margin-left:10px;width:120px;height:70px;border:1px solid #f5f5f5;overflow:hidden;float:right;background-position:center}
.PopularPosts ul li{background:transparent;margin:0 0 10px;padding:0 0 10px;position:relative;transition:all .3s;border-bottom:1px solid #eee;line-height:1.2em}
.PopularPosts ul li:last-child{border:none;padding-bottom:0;margin-bottom:0}
.PopularPosts ul li a:hover{color:#68bb47!important}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color:#111;transition:all .3s;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.PopularPosts .widget-content ul li:hover a,.PopularPosts .widget-content ul li a:hover{color:#68bb47}
.PopularPosts .item-snippet{display:none}
.PopularPosts .item-title{padding-bottom:.2em;padding:0 5px}
/* Css Breadcrumbs */
.breadcrumbs{font-size:13px;overflow:hidden;padding:0;margin:0 auto 10px;position:relative;color:#ccc;overflow:hidden;display:block}
.breadcrumbs b{font-weight:normal!important;font-size:10px!important;color:#333;display:inline}
.breadcrumbs i{margin-left:5px;color:#333}
.breadcrumbs a{color:#68bb47;font-weight:normal;margin:0 4px}
.breadcrumbs span a{color:#68bb47;padding:0}
.breadcrumbs >span:last-child{width:0;color:#ccc}
.breadcrumbs span a:hover{color:#333}
.breadcrumbs a:hover{color:#333}
/* Subscribe wrapper */
#subscribe-wrapper{background:#68bb47;margin:0 auto;padding:20px 0 30px;width:100%;height:auto;color:#aaa;display:block;overflow:hidden}
#subscribe-css{position:relative;width:100%;max-width:800px;padding:20px 0;margin:0 auto;display:block;overflow:hidden}
.subscribe-wrapper{color:#fff;font-size:16px;line-height:normal;margin:0 10px;text-align:center;text-transform:none;font-weight:400}
.subscribe-form{clear:both;display:block;overflow:hidden}
form.subscribe-form{clear:both;display:block;margin:0 10px;width:auto;overflow:hidden}
input.subscribe-css-email-field[type="text"]{color:#FFF!important}
.subscribe-css-email-field{background:#089435;color:#fff!important;margin:10px 0;padding:17px 20px;width:50%;outline:none;border:none}
.subscribe-css-email-button{background:rgba(0,0,0,.6);color:#fff;cursor:pointer;font-weight:700;padding:15px 50px;margin-right:15px;text-transform:none;font-size:16px;border:none;transition:all .3s}
.subscribe-css-email-button:hover{background:#222}
#subscribe-css p.subscribe-text{color:#fff;margin:0 10px 0;text-align:center;font-size:170%;font-weight:400;line-height:1.3em}
#subscribe-css p.subscribe-text b{font-weight:bold}
#subscribe-css p.subscribe-text span{font-weight:400;font-style:italic;text-transform:lowercase}
#subscribe-css p.newsby{color:#f5f5f5;text-align:center;font-size:11px;margin:0 auto 10px;padding:0;font-weight:400}
/* footer-wrapper */
#footer-wrapper{background:#111;margin:0 auto;padding:35px 0 0;width:100%;color:#aaa}
#footer-wrapper h2{color:#fff}
#footer-wrapper h2:before{background:#333}
#footer_wrap{width:100%;max-width:980px;position:relative;display:block;overflow:hidden;margin:0 auto;padding:0 0 35px}
.footer_left{float:left;width:100%;max-width:55%;margin:0 auto;padding:0}
.footer_right{float:right;width:100%;max-width:43%;display:block;margin:0 auto 30px;padding:0;overflow:hidden}
.footer_right p{margin:0 0 0 20px;line-height:1.4em!important}
.footer_right b{font-weight:700;color:#fff}
#footer1,#footer2{width:100%;max-width:48%;overflow:hidden}
#foot1 .widget-content,#foot2 .widget-content{padding:0;margin:0}
.footer_left ul{padding:0!important;margin:0!important;list-style:none!important;position:relative}
.footer_left li{position:relative;display:block;padding:0;margin:0 0 4px 0;list-style:circle}
.footer_left li a{color:#aaa;font-size:13px;font-weight:bold;padding:0;margin:0}
.footer_left li a:hover{color:#fff}
.credit-wrapper{clear:both;background:#000;position:relative;margin:0 auto;padding:30px 10px;text-align:center;color:#aaa;font-weight:normal;font-size:13px;line-height:1.4em}
.credit-wrapper a{color:#fff;list-style:none;transition:all .3s ease-in}
.credit-wrapper a:hover{color:#68bb47}
/* Comment Wrapper */
#comments{margin:15px 0 0 0;list-style:none!important;font-style:normal}
/* CSS Comments Style2 Ar1web.com */
#allHolder{margin-right:20px!important}
#comments{background:#fff;clear:both;margin:10px 7px 0 9px;line-height:1em;padding:10px;border:1px solid #eee}
#comments h3{background:#fff;display:none;line-height:20px;margin-bottom:20px;margin-top:0;font-family:'Open Sans',sans-serif;font-size:14px;position:absolute;color:#333;font-weight:700;text-transform:uppercase;padding:10px 20px 10px 50px;border:1px solid #eaeaea}
#comments h3:before{font-family:fontawesome;content:"\f086";margin-left:10px;font-size:20px;padding:10px 15px;position:absolute;right:0;top:0}
.comment_avatar_wrap{border-radius:10%;width:46px;height:46px;border:none;background:none;text-align:center;padding:0;overflow:hidden}
#comments .comment_avatar img{border-radius:100%;width:70px;height:70px;max-width:70px;max-height:70px;float:right;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdKukgw8ZGVSoFpspxbo3E-nzp8NQqd5SaCOL7nM-25irb5rj3X66NvFx2bW75sCmBe_BFTIKy85i2xZmTMMG_0AiIdnKLZJeNbaAAKeYu4LUIox1wBcMZtPU-n8AYuK0EniVVcfbSy4yL/s1600/backcomments.png) no-repeat;overflow:hidden}
.comment_avatar img{border-radius:10%;width:46px;height:46px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdKukgw8ZGVSoFpspxbo3E-nzp8NQqd5SaCOL7nM-25irb5rj3X66NvFx2bW75sCmBe_BFTIKy85i2xZmTMMG_0AiIdnKLZJeNbaAAKeYu4LUIox1wBcMZtPU-n8AYuK0EniVVcfbSy4yL/s1600/backcomments.png) no-repeat;overflow:hidden}
.comment_name a{font-family:'Open Sans',sans-serif;font-weight:700;font-size:15px;padding:5px 0;color:#333;text-decoration:none}
.comment_child .comment_name a{color:#333}
.comment_child .comment_name a:hover{color:#07ACEC}
.comment_admin .comment_name{background:#fff;padding:0 20px 0 15px;right:5px;top:10px;display:inline;font-weight:700;font-size:16px;font-family:'Open Sans',sans-serif;text-decoration:none;border-radius:3px}
.comment_admin .comment_date{font-weight:300;font-size:12px}
.comment_name{font-size:16px;font-family:'Open Sans',sans-serif;font-weight:700;padding:0 20px 0 20px;position:absolute;right:5px;top:10px;display:inline;line-height:35px;transition:all .3s ease-out}
.comment_name:hover,.comment_name a:hover,.comment_admin .comment_name a:hover,.comment_admin .comment_name:hover{color:#07ACEC}
.comment_service{position:absolute;top:-35px;left:0;z-index:9}
.item-control{display:block}
.comment_date a{font-size:11px;font-weight:400;text-transform:none;text-decoration:initial;color:#aaa!important;text-align:center;padding:1px 6px;opacity:0.9;transition:all .3s ease-out}
.comment_date a:hover{color:#07ACEC!important}
.comment-delete{position:absolute;display:inline-block;z-index:1;top:40px;left:0;color:#aaa!important;text-align:center;font-family:'Open Sans';font-size:11px;padding:2px 6px;opacity:0.9;transition:all .3s ease-out}
.comment-delete:hover{color:#07ACEC!important}
.comment_body{margin:5px 0;padding:0;position:relative}
.comment_king{margin:20px 0;margin-right:90px;padding:0;position:relative;border:1px solid #eee}
.comment_king:before,.comment_king:after{content:"";border-top-color:transparent!important;border-bottom-color:transparent!important;border-right-color:transparent!important;border-left-color:#fff;border-style:solid;border-width:8px;height:0;width:0;right:-16px;top:20px;position:absolute}
.kingz:before{border-color:#9E9E9E}
.comment_body p{line-height:1.6em;color:#444;font-size:14px;font-family:cursive,'Droid Arabic Naskh';word-wrap:break-word;padding:20px;padding-top:30px;position:relative;transition:all .3s ease-out;text-align:right}
.comment_child .comment_body p{color:#444}
.comment_body p img{vertical-align:middle;margin:0 5px}
.comment_inner{padding-bottom:5px;margin:5px 0}
.comment_child .comment_wrap{padding-right:7%}
.comment_child .comment_body{margin-top:-15px}
.comment_reply{display:inline-block;color:#555!important;text-align:center;font-family:'Open Sans';font-size:11px;margin:0;padding:4px 6px 6px 6px;opacity:0.9;border-radius:2px;position:absolute;top:40px;left:25px}
.comment_reply:hover{text-decoration:none!important;color:#222!important}
.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,sans-serif;font-size:15px;color:#444}
#comment-editor{width:103%!important;background: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{position:relative;background:#fff;color:#908C8C;font-size:14px;font-family:droid arabic kufi;line-height:1.5em;padding:15px;border:1px solid #E5E5E5;transition:all .3s ease-out;text-align:right}
.comment-form p:after,.comment-form p:before{top:100%;right:9%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none}
.comment-form p:after{border-color:rgba(68,68,68,0);border-top-color:#fff;border-width:12px;margin-right:-12px}
.comment-form p:before{border-color:rgba(221,221,221,0);border-top-color:#cdd5b7;border-width:13px;margin-right:-13px;transition:all .3s ease-out}
.comment-form p:hover:before{border-top-color:#b9c1a3}
.comment_reply_form{padding:0 0 0 7%}
.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;letter-spacing:1px;color:#444}
img.comment_emo{margin:0;padding:0;vertical-align:middle;width:25px;height:25px}
.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}
.unneeded-paging-control,.comment_author_flag{display:none}
.comment_admin .comment_author_flag{display:inline-block;font-size:8px;color:#fff;background:#22A1C4;padding:5px;text-align:center;border-radius:4px;line-height:normal;font-family:cursive}
.comment_child .comment_admin .comment_author_flag{color:#fff}
.spammer-detected{font-size:14px!important;color:#fff!important;background:#5cb0d8!important;margin:25px;display:inline-block;padding:10px 15px!important}
.deleted-comment{display:block;color:#fff;word-wrap:break-word;background:#96af50;margin-top:10px;padding:10px;font-size:14px;font-family:'Open Sans',Helvetica,Arial,sans-serif;opacity:.99!important}
iframe{border:none;overflow:hidden}
.paging-control-container{text-align:center;margin:0 0 0 25%}
.paging-control-container a{text-align:center;margin:0 auto;background:#444;padding:5px 10px;color:#fff;transition:all .3s ease-out}
.paging-control-container a:hover{background:#e6ae48;color:#fff}
.comment_header{padding:0}
.comment_child .comment_header{padding:0}
#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 Tajawal,Verdana,Arial,Sans-Serif;line-height:1.6em;color:#eee}
#codes{border:none;width:100%;height:200px;display:block;background-color:#333;color:#aaa;font:normal 12px 'Courier New',Monospace;margin:7px 0 10px;padding:8px;box-shadow:inset 0 0 0 1px #ddd;transition:all 0.5s linear}
#codes:focus{background-color:#303030;color:#aaa;border:none;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:'Open Sans';font-weight:400;padding:4px 10px;text-decoration:none;background:#eee;color:#aaa;display:inline-block;transition:initial;cursor:pointer;border:0}
button:hover{background:#aaa;color:#fff}
button:active{background:#aaa;color:#fff}
button[disabled],button[disabled]:active{color:#fff;cursor:default}
#opt1,#opt2,#opt3,#opt4,#opt5{display:inline-block;vertical-align:middle;border:none;outline:none;margin:0 10px 0 0}
.small-button a,.small-button1 a{font-size:12px;cursor:pointer;font-weight:700;margin:10px 5px 5px 0;text-decoration:none;text-transform:none;text-shadow:none;display:inline-block;color:#fff;padding:4px 10px;cursor:pointer;border-radius:2px;transition:all 0.3s ease-out}
.small-button1 a{background-color:#22a1c4;transition:all 0.3s ease-out;font-family:droid arabic kufi}
.small-button1:hover a{background-color:#1D95B6;color:#fff}
span.small-button,span.small-button1{text-align:right;display:inline-block;float:left;margin-top:-10px;font-weight:normal}
/* CSS Post Table */
table{border-collapse:collapse;border-spacing:0}
.post-body table td{border:1px solid #e9e9e9;padding:10px;text-align:right;vertical-align:top}
.post-body table th{border:1px solid #e4373d;padding:10px;text-align:right;vertical-align:top;background:#68bb47!important;color:#fff}
.post-body td,.post-body th{vertical-align:top;text-align:right;font-size:13px;padding:3px 5px}
.post-body th{background:#fff;font-weight:400;font-size:14px}
table{max-width:100%;width:100%;margin:1.5em auto}
table.section-columns td.first.columns-cell{border-right:none}
table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}
table.columns-2 td.columns-cell{width:50%}
table.columns-3 td.columns-cell{width:50%}
table.columns-4 td.columns-cell{width:30%}
table.section-columns td.columns-cell{vertical-align:top}
table.tr-caption-container{padding:4px;margin-bottom:.5em}
td.tr-caption{font-size:80%}
.post-body td img,.post-body th img{list-style:none;max-width:100%;height:auto;padding:0!important;margin:0!important}
.post-body table.tr-caption-container img,.post-body table.tr-caption-container img,.post-body img{list-style:none;max-width:100%;height:auto;padding:0!important;margin:0!important}
.post-body img{width:100%!important;max-width:100%!important;height:auto!important}
.post-body table.tr-caption-container td{border:none;padding:0!important;margin:0!important}
.post-body table caption{max-width:100%;height:auto;border:none!important;padding:0!important}
/* Status msg if click label */
.status-msg-body{padding:10px 0;display:none}
.status-msg-wrap{display:none;font-size:14px;margin-right: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;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:2px #999 solid}
.status-msg-border{display:none;border:0;position:relative;width:99%}
/*
Date:24 Fev 2015
Author:Pedro Oliveira kanytu@gmail . com
*/
.hljs{color:#a9b7c6;background:#282b2e;display:block;overflow-x:auto;padding:0.5em}
.hljs-number,.hljs-literal,.hljs-symbol,.hljs-bullet{color:#6897BB}
.hljs-keyword,.hljs-selector-tag,.hljs-deletion{color:#cc7832}
.hljs-variable,.hljs-template-variable,.hljs-link{color:#629755}
.hljs-comment,.hljs-quote{color:#808080}
.hljs-meta{color:#bbb529}
.hljs-string,.hljs-attribute,.hljs-addition{color:#6A8759}
.hljs-section,.hljs-title,.hljs-type{color:#ffc66d}
.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#e8bf6a}
.hljs-emphasis{font-style:italic}
.hljs-strong{font-weight:bold}
pre,code{background:#282b2e;overflow:auto;color:#484c50;font-size:12px!important}
/* Responsive */
@media screen and (max-width:768px){#navi-top ul{margin:0 10px}.post,#comments,.breadcrumbs{margin-right:10px!important;margin-left:10px!important}#header h1,#header h2,#header .description{text-align:center;margin-right:10px;margin-left:10px}#r-header{text-align:center;margin:20px 10px 0}#header-right,#header-left,#main-wrapper,#sidebar-wrapper,#ads1,#ads2{max-width:100%!important;width:100%!important;float:none!important;margin-left:0!important;margin-right:0!important;border:none!important;position:relative}#ads1 .widget-content{margin:0 auto;padding:25px 10px 15px}#ads2 .widget-content{margin:0 auto;padding:0 10px 20px}#ads2 .widget-content{padding-right:10px;padding-left:10px}#main-wrapper:after,#main-wrapper:before,#content-wrapper:before{display:none!important}#main-wrapper{border-bottom:1px solid #E2E2E2!important}#search-form,#social-wrapper{margin-right:10px;margin-left:10px;padding:0}#sidebar1,#sidebar2,#sidebar3,#sidebar4,#sidebar5{margin:auto;padding:0 10px}#footers_limit,.creditfooter{margin:0 10px}/* Menu mobile - tablet - smartphone */#show-menu{display:block;z-index:3;height:45px}#show-menu a,#close-menu a{cursor:pointer;font-size:16px;color:#fff!important;font-weight:normal!important;height:45px;line-height:45px;width:100%;text-align:right!important}#mobile-menu-show{display:none}#close-menu{display:none;border-bottom:1px solid #68bb47}.page-menu ul{margin:0 auto;padding:0}.page-menu ul li{list-style:none;display:block;width:100%;transition:all 400ms ease-in-out;position:relative}.page-menu ul li a{color:#fff;padding:14px 0;display:block;text-align:center;width:100%;text-decoration:none}.page-menu ul li a i{font-size:18px;font-weight:normal}.page-menu ul li a img{vertical-align:middle!important}.page-menu ul ul{display:none;list-style:none;position:absolute;top:100%;width:100%;right:0;left:0;z-index:9999;overflow:hidden}.page-menu ul li:hover ul{display:block;background:rgb(111,220,111)}.page-menu ul ul li a{background:rgb(111,220,111);color:#fff!important;float:none;display:block;padding:10px 0;text-align:center;width:100%}#footer_wrap{max-width:100%}.footer_left,.footer_right{width:100%;max-width:100%!important;float:none;display:block}#footer1,#footer2{max-width:100%!important;margin-bottom:40px!important;display:block}#ads3 .widget-content{margin-left:10px!important;margin-right:10px!important}}
@media screen and (max-width:736px){#main-wrapper{max-width:75%}}
@media screen and (max-width:667px){#main-wrapper{max-width:73%}}
@media screen and (max-width:600px){#wrapper{width:100%}#sidebar-wrapper{width:100%;max-width:300px;margin:auto;float:none}#main-wrapper{max-width:100%}#sidebar1 .widget-content{text-align:center!important}#header h1{font-size:185%!important}}
@media screen and (max-width:480px){#header h1{font-size:170%!important}#subscribe-css{max-width:97%}.subscribe-css-email-field{width:100%;padding:17px 0!important;margin-bottom:15px!important;text-align:center;float:none}.subscribe-css-email-button{width:100%;padding:15px 0;margin-right:0!important}}
@media screen and (max-width:414px){#sidebar2,#sidebar3,#sidebar4,#sidebar5{padding:0 15px}.post-label{text-align:center!important}}
@media screen and (max-width:320px){.post h1{font-size:140%!important}}}
@media screen and (max-width:240px){#header h1{font-size:120%}}
</style>
<style HREF='foo.css' media='print, handheld' type='text/css'>
* { display: none; }
</style>
<b:if cond='data:blog.pageType != "static_page" and data:blog.pageType != "item"'>
<style type='text/css'>
.post{margin:0 0 20px 40px;padding:0 0 20px;overflow:hidden}
.post h2{margin:auto;padding:0 0 5px;font-size:170%;margin:0}
.post h2 a{color:#2a2b31;text-decoration:none;font-weight:bold!important;line-height:1.1em;font-family:Changa}
.post h2 a:hover{color:#68bb47!important}
.post-body{padding:0;margin:0}
.post-snippet{color:#666;line-height:1.4em;margin:0;font-size:13px;font-weight:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-thumbnail{float:right;margin-left:15px;padding:0;width:300px;height:180px;position:relative;display:block;overflow:hidden}
img.post-thumb{width:100%;height:auto;overflow:hidden}
a.thickbox{clear:both;padding:0;background:transparent;color:#fff;font-weight:normal;font-size:15px;margin:auto;display:block;text-align:center;position:absolute;bottom:0;right:0;left:0;width:100%;height:40px;line-height:40px;transition:all .2s ease-in-out}
.post-thumbnail a.thickbox{margin-bottom:-50px}
.post-thumbnail:hover a.thickbox,.post:hover a.thickbox{display:block;margin-bottom:0;bottom:41%;transition:all .2s ease-in-out}
.post-thumbnail:hover .thumbnail_mode,.post:hover .thumbnail_mode{background:#000;display:block;height:100%}
.post-thumbnail:hover .thumbnail_mode img,.post:hover .thumbnail_mode img{opacity:.5}
/* Page navigation configure */
#blog-pager,.blog-pager{display:none}
.pagenav{position:relative;margin:0 auto 20px;display:inline-block;width:100%;z-index:1}
.pagenav span,.pagenav a{font-weight:normal;color:#444;cursor:pointer;display:inline-block;font-size:16px;padding:12px 20px;margin:0 auto;border:1px solid #E2E2E2}
.pagenav a{border-right:none!important}
.pagenav .pages{display:none;background-color:transparent;color:#0f9d58;font-weight:400;font-size:11px}
.pagenav a:hover{background:#68bb47;color:#fff;transition:initial;border-color:#68bb47}
.pagenav .current{background:#eee;color:#444;border-color:#ddd}
/* Responsivitation */
@media screen and (max-width:768px){.post{margin:10px 0 20px!important;padding:0 10px 20px}.post-thumbnail{float:left;margin-left:0;margin-right:15px}.pagenav{margin:0 10px 30px!important}}
@media screen and (max-width:414px){.post-thumbnail{height:auto;width:100%;margin:0 0 15px;float:none;text-align:center}.post-thumbnail img{width:100%;height:auto!important}.post h2,.post-info,.post-snippet{text-align:center!important}}
</style>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
.post{color:#000;font-weight:400;line-height:1.6em}
.post-body{padding-bottom:15px}
/* post title */
.post h1{color:#222!important;margin:auto;padding:0 0 7px;font-size:230%!important;line-height:1.2em;font-weight:700}
table{width:100%}
.tr-caption{font-size:87%!important;color:#929292!important;font-style:italic!important;padding-bottom:12px!important}
/* Post info */
.post-info{margin:5px auto 20px}
/* Tag heading */
.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{font-family:Changa;position:relative;font-size:20px;line-height:1.4em;margin:0!important;font-weight:bold!important;color:#111;display:block}
.post-body h3{font-size:18px}
.post-body h4{font-size:17px}
.post-body h5{font-size:16px}
.post-body h6{font-size:15px}
.post-body h2{background-color:#68bb47;border-bottom:4px solid rgba(0,0,0,0.1);color:#fff;padding:4px 8px 5px}
.post-body h3{border-bottom:1px dashed #bbb;padding:10px 0}
.post h4{color:#000;font-weight:bold;text-align:right!important;padding:10px}
.post h4::before{color:#00ab03;content:"\f058";float:right;font:22px fontawesome;margin-left:5px}
/* blockquote */
.post blockquote{background-color:#f8f8f8;border:1px dashed #bbb;margin:0 auto;padding:10px;width:100%}
/* share Wrapper */
#share-wrapper{}
span.sharetitle{width:75px;display:inline-block;float:right;background:#ddd;text-transform:capitalize;font-size:15px;padding:0;text-align:center;font-weight:400;color:#777;height:45px;line-height:1.2em!important;overflow:hidden;margin-left:4px}
span.sharetitle:before{content:"\f1e0";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;font-size:15px;padding:0;margin-top:5px;text-align:center;width:75px;display:inline-block}
.sharethis{position:relative;margin:0}
.share{position:relative;margin:0}
.share a{display:inline-block;color:#fff;padding:0;width:75px;text-align:center;height:45px;line-height:45px;transition:all 0.25s}
.share a:hover{background:#333}
.share i{font-size:25px;padding:0;margin:0;line-height:45px}
a.gp{background:#de3425}
a.fb{background:#395796}
a.tw{background:#4cb0ea}
a.pr{background:#0a7111}
a.pin{background:#ce2127}
a.wa{background:#0dc143}
/* Advertise post wrapper */
.adspost1{padding:0;width:auto;text-align:center;height:auto;margin:0 auto;display:block}
.adspost2{margin:15px;display:block;text-align:center;width:auto}
.adstautan{margin-right:20px;margin-left:5px;float:right;display:block}
.adsimple img{width:100%;max-width:auto;height:auto;padding:0}
.adsimple{width:100%;max-width:auto;height:auto;padding:15px 0 0;overflow:hidden;text-align:center}
/* css related posts */
.related-post h4{margin:30px 4px 10px!important;font-size:18px;font-weight:700;padding:0;color:#aaa}
.related-post{margin:0 0 0 -4px;padding:0;font-size:13px;text-align:right;box-sizing:border-box}
.related-post,.related-post-style-3 .related-post-item{-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.related-post-style-3,.related-post-style-3 li{margin:0!important;padding:0!important;list-style:none;word-wrap:break-word;overflow:hidden}
.related-post-style-3 .related-post-item{display:block;float:right;width:25%;height:170px;padding-right:4px!important;margin:0 0 4px!important;box-sizing:border-box}
.related-post-style-3 .related-post-item-thumbnail{display:block;margin:0 0 7px;width:100%;height:90px;max-width:none;max-height:none;background-color:transparent;padding:0}
.related-post-style-3 .related-post-item-tooltip{padding:0;overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.4em!important}
.related-post-style-3 .related-post-item-tooltip a.related-post-item-title{font-size:13px;font-weight:700;display:block;color:#555!important}
.related-post-style-3 .related-post-item-tooltip a.related-post-item-title:hover{color:#68bb47!important}
/* Navigation wrapper */
#blog-pager,.blog-pager{display:block;position:relative;z-index:1}
#blog-pager-newer-link,#blog-pager-older-link{font-size:100%!important}
.blog-pager-older-link,.home-link,.blog-pager-newer-link{padding:0!important}
.nexprev-alleft,.nexprev-alright,.pager-title-right{transition:all .3s ease-in-out}
.nexprev{margin:40px 0 20px 0;padding:0;height:auto;display:block;z-index:1}
.nexprev{display:none}
#navi-post .nexprev{display:block}
.nexprev-alleft,.nexprev-alright{color:#333;width:50%;position:relative;-moz-box-sizing:border-box;margin:0}
.nexprev-alright{height:auto;float:right;padding:0;text-align:right;box-sizing:border-box}
.nexprev-alleft,.nexprev-alright{-webkit-box-sizing:border-box}
.nexprev-alleft{height:auto;float:left;padding:0 0 0 40px;text-align:left;box-sizing:border-box}
.nexprev-alleft a:hover,.nexprev-alleft:hover .pager-title-right,.nexprev-alright a:hover,.nexprev-alright:hover .pager-title-right{color:#68bb47!important}
.current-pageright,.current-pageleft,.nexprev-alleft a,.nexprev-alright a{font-size:16px;font-weight:700;text-decoration:none;line-height:1.3em}
.nexprev-alleft a,.nexprev-alright a{color:#333;font-size:15px;font-weight:700;line-height:1.3em;display:block}
#blog-pager,.isinexprev-alleft,.isinexprev-alright{margin:0!important}
.nexprev .top-pager{display:block;font-size:17px;font-weight:700;color:#aaa;margin-bottom:10px;padding:0}
.clear{clear:both}
/* Short codes */
.button{list-style:none;text-align:center;border:none;display:block;padding:40px auto;clear:both;text-decoration:none;display:block;overflow:hidden;position:relative}
.button ul{clear:both;margin:auto;padding:0}
.button li{display:inline;margin:0 3px!important;padding:0!important;list-style:none}
.button li a.demo,.button li a.download{list-style:none;position:relative;display:inline-block;vertical-align:top;height:35px;line-height:35px;padding:0;font-size:15px;color:#fff;font-weight:bold;text-align:center;text-decoration:none;cursor:pointer;width:100%;max-width:60px;list-style:none!important}
.button li a.demo{background:transparent!important;border:4px solid #68bb47;color:#68bb47!important;margin-bottom:10px!important}
.button li a.download{background:#68bb47;border:4px solid #68bb47}
.button li a.demo:hover{border-color:#111!important;color:#111!important}
.button li a.download:hover{border-color:#111!important;background:#111}
.first-character{float:right;color:#111;font-size:75px;padding-top:20px;padding-left:8px;padding-right:3px;padding-bottom:15px;font-family:Changa}
#flippy{text-align:center;margin:20px auto}
#flippy button{position:relative;display:inline-block;vertical-align:top;height:36px;line-height:36px;padding:0 20px;font-size:13px;color:#fff;text-align:center;text-decoration:none;border-radius:2px;cursor:pointer;background:#68bb47;border:0}
#flippy button:hover,#flippy button:focus{background:#d5452f;color:#fff;outline:none}
/* Responsivination */
@media screen and (max-width:1024px){.related-post{margin:0 0 0 -2px}.related-post-style-3 .related-post-item{height:123px;padding-right:2px!important;margin:0 0 2px!important}.related-post-style-3 .related-post-item-thumbnail{height:67px}.related-post-style-3 .related-post-item-tooltip a.related-post-item-title{font-size:12pxt}}
@media screen and (max-width:880px){.related-post-style-3 .related-post-item{float:none;width:100%;height:103px;margin:0 0 12px!important}.related-post-style-3 .related-post-item>a.related-post-item-title{display:inline!important;float:right;width:50%}.related-post-style-3 .related-post-item-thumbnail{height:123px}.related-post-style-3 .related-post-item-tooltip{padding:0 7px;overflow:hidden;width:50%;float:right;display:inline;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.related-post-style-3 .related-post-item-tooltip a.related-post-item-title{font-size:14px;font-weight:700;color:#666666!important}}
@media screen and (max-width:800px){.related-post-style-3 .related-post-item{display:block;float:right;width:25%;height:160px;padding-right:4px!important;margin:0 0 4px!important;box-sizing:border-box}.related-post-style-3 .related-post-item>a.related-post-item-title{display:block!important;float:none;width:100%}.related-post-style-3 .related-post-item-thumbnail{height:113px}.related-post-style-3 .related-post-item-tooltip{padding:0 7px;overflow:hidden;text-overflow:ellipsis;width:100%;float:none;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.related-post-style-3 .related-post-item-tooltip a.related-post-item-title{font-size:13px}}
@media screen and (max-width:768px){.nexprev{margin-right:10px!important;margin-left:10px!important}.nexprev-alleft{padding-left:0!important}}
@media screen and (max-width:603px){.nexprev-alleft,.nexprev-alright{width:100%;padding:0}.isinexprev-alright{text-align:center}.isinexprev-alleft{text-align:center;margin-top:30px!important}}
@media screen and (max-width:603px){.related-post{margin:0 0 0 -2px}.related-post-style-3 .related-post-item{height:123px;padding-right:2px!important;margin:0 0 2px!important}.related-post-style-3 .related-post-item-thumbnail{height:67px}.related-post-style-3 .related-post-item-tooltip a.related-post-item-title{font-size:12px}}
@media screen and (max-width:533px){.related-post-style-3 .related-post-item{float:none;width:100%;height:108px;margin:0 0 12px!important}.related-post-style-3 .related-post-item>a.related-post-item-title{display:inline!important;float:right;width:50%}.related-post-style-3 .related-post-item-thumbnail{height:108px}.related-post-style-3 .related-post-item-tooltip{padding:0 7px;overflow:hidden;width:50%;float:right;display:inline;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.related-post-style-3 .related-post-item-tooltip a.related-post-item-title{font-size:14px;font-weight:700;color:#666666!important}}
@media screen and (max-width:414px){.related-post-style-3 .related-post-item,.related-post-style-3 .related-post-item-thumbnail{height:87px}}
@media screen and (max-width:375px){.related-post-style-3 .related-post-item,.related-post-style-3 .related-post-item-thumbnail{height:77px}.related-post-style-3 .related-post-item-tooltip{-webkit-line-clamp:3}}
@media screen and (max-width:320px){.related-post-style-3 .related-post-item,.related-post-style-3 .related-post-item-thumbnail{height:63px}.related-post h4{font-size:24px}}
@media screen and (max-width:480px){.related-post-style-2 .related-post-item-summary,.related-post-style-2 .related-post-item-thumbnail{display:none!important}}
@media screen and (max-width:414px){.post h1{font-size:180%!important}.gp-del{display:block}#share-this a{min-width:100%;padding:0;text-align:center!important;height:45px;line-height:45px;margin:0 auto 3px!important}#share-this a.this-gp i,#share-this i{display:none}#share-this a.this-gp{height:auto;margin:0 auto;padding:0}.adspost2{margin:0 15px 15px}}
</style>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
/* Static page */
#main-wrapper{min-height:500px;}
.post h2{color:#222 !important;margin:auto;padding:0 0 7px;font-size:230% !important;line-height:1.2em;font-weight:700}
.post h2 a{color:#222 !important;}
.post-info{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}
#comments{display:none!important}
/* Contact form */
#ContactForm1_contact-form-email,#ContactForm1_contact-form-name{width:70%;height:auto;margin:5px auto 15px;padding:10px;background:#ebebeb;border:1px solid #ccc;color:#777;border-radius:3px;}
#ContactForm1_contact-form-email-message:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-name:focus{background:#fffff7;outline:0}
#ContactForm1_contact-form-email-message{width:95%;height:170px;margin:5px auto;padding:10px;background:#ebebeb;border:1px solid #ccc;color:#777;font-family:Changa;border-radius:3px;}
#ContactForm1_contact-form-submit{display:block;height:35px;float:right;color:#FFF;padding:0 40px;margin:10px 0 5px;cursor:pointer;background-color:#68bb47;border:none!important;border-radius:3px;text-shadow:0 1px 0 #de5135}
#ContactForm1_contact-form-submit:hover{opacity:.9}
#ContactForm1_contact-form-submit:active{position:relative;top:2px;}
#ContactForm1_contact-form-submit:focus{outline:0}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{width:100%;margin-top:15px;text-align:right}
@media screen and (max-width:768px){#ContactForm1_contact-form-email,#ContactForm1_contact-form-email-message,#ContactForm1_contact-form-name{width:96%}
}
@media screen and (max-width:480px){#ContactForm1_contact-form-email,#ContactForm1_contact-form-email-message,#ContactForm1_contact-form-name{width:94%}
}
</style>
</b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<style type='text/css'>
/* Error 404 */
#error-page {background-color:#fff;margin:0 auto;padding:50px 0;text-align:center;display:block;overflow:hidden;line-height:1.4em;}
#error-inner {margin:auto;text-align:center;display:block}
#error-inner .box-404 {position:relative;font-weight:bold;width:220px;height:210px;background:#cd0000;color:#fff;font-size:80px;line-height:210px;margin:35px auto 25px;border-radius:99em}
#error-inner h3 {color:#cd0000;font-weight:bold;font-size:50px;display:block;font-family:Changa}
#error-inner h2 {color:#111;line-height:1.4em;font-size:45px;font-weight:bold}
#error-inner p {line-height:1.4em;font-size:24px;color:#222;padding:0}
</style>
</b:if>
<script type='text/javascript'>
//<![CDATA[
var _0x1384=["\x75\x73\x65\x20\x73\x74\x72\x69\x63\x74","\x6C\x69\x6E\x6B","\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74","\x64\x6F\x63\x75\x6D\x65\x6E\x74","\x73\x63\x72\x69\x70\x74","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65","\x72\x65\x6C","\x73\x74\x79\x6C\x65\x73\x68\x65\x65\x74","\x68\x72\x65\x66","\x6D\x65\x64\x69\x61","\x6F\x6E\x6C\x79\x20\x78","\x69\x6E\x73\x65\x72\x74\x42\x65\x66\x6F\x72\x65","\x70\x61\x72\x65\x6E\x74\x4E\x6F\x64\x65","\x61\x6C\x6C","\x2F\x2F\x6D\x61\x78\x63\x64\x6E\x2E\x62\x6F\x6F\x74\x73\x74\x72\x61\x70\x63\x64\x6E\x2E\x63\x6F\x6D\x2F\x66\x6F\x6E\x74\x2D\x61\x77\x65\x73\x6F\x6D\x65\x2F\x34\x2E\x35\x2E\x30\x2F\x63\x73\x73\x2F\x66\x6F\x6E\x74\x2D\x61\x77\x65\x73\x6F\x6D\x65\x2E\x6D\x69\x6E\x2E\x63\x73\x73","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x66\x6F\x6E\x74\x73\x2E\x67\x6F\x6F\x67\x6C\x65\x61\x70\x69\x73\x2E\x63\x6F\x6D\x2F\x63\x73\x73\x3F\x66\x61\x6D\x69\x6C\x79\x3D\x4D\x6F\x6E\x74\x73\x65\x72\x72\x61\x74\x3A\x34\x30\x30\x2C\x37\x30\x30"];function loadCSS(_0x4902x2,_0x4902x3,_0x4902x4){_0x1384[0];var _0x4902x5=window[_0x1384[3]][_0x1384[2]](_0x1384[1]);var _0x4902x6=_0x4902x3|| window[_0x1384[3]][_0x1384[5]](_0x1384[4])[0];_0x4902x5[_0x1384[6]]= _0x1384[7];_0x4902x5[_0x1384[8]]= _0x4902x2;_0x4902x5[_0x1384[9]]= _0x1384[10];_0x4902x6[_0x1384[12]][_0x1384[11]](_0x4902x5,_0x4902x6);setTimeout(function(){_0x4902x5[_0x1384[9]]= _0x4902x4|| _0x1384[13]})}loadCSS(_0x1384[14]);loadCSS(_0x1384[15])
//]]>
</script>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
//<![CDATA[
var _0x7996=["\x3C\x69\x6D\x67\x20\x77\x69\x64\x74\x68\x3D\x22","\x22\x20\x68\x65\x69\x67\x68\x74\x3D\x22","\x22\x20\x73\x72\x63\x3D\x22","\x2F\x73\x37\x32\x2D\x63\x2F","\x2F\x77","\x2D\x68","\x2D\x63\x2F","\x72\x65\x70\x6C\x61\x63\x65","\x22\x20\x61\x6C\x74\x3D\x22","","\x22\x20\x74\x69\x74\x6C\x65\x3D\x22","\x22\x2F\x3E"];function bung_thumbnail(_0x7767x2,_0x7767x3){var _0x7767x4=300;var _0x7767x5=180;image_tag= _0x7996[0]+ _0x7767x4+ _0x7996[1]+ _0x7767x5+ _0x7996[2]+ _0x7767x2[_0x7996[7]](_0x7996[3],_0x7996[4]+ _0x7767x4+ _0x7996[5]+ _0x7767x5+ _0x7996[6])+ _0x7996[8]+ _0x7767x3[_0x7996[7]](/"/g,_0x7996[9])+ _0x7996[10]+ _0x7767x3[_0x7996[7]](/"/g,_0x7996[9])+ _0x7996[11];if(_0x7767x3!= _0x7996[9]){return image_tag}else {return _0x7996[9]}}
//]]>
</script>
</b:if>
</b:if>
<div class='fixednot' style=' position: fixed; bottom: 0; z-index: 99999; background: #fff; right: 0; width: 100%; text-align: center; padding: 3px 0; '>
</div>
</head><!--<head/>-->
<body expr:class='"loading" + data:blog.mobileClass'><div>
<div id='wrapper'>
<div id='top-wrapper'>
<!--Top Naviation-->
<div id='navi-top'>
<div class='limit-wrapper' id='limit-wrapper'>
<ul>
<li><a href='/p/blog-page_27.html' title='Contact'>اتصل بنا</a></li>
<li><a href='https://ahme5.blogspot.com/p/blog-page_21.html' title='Privacy'>سياسة الخصوصية</a></li>
<li><a href='/p/blog-page_74.html'>اتفاقة الاستخدام</a></li>
</ul>
</div>
</div>
<!--Header Wrapper-->
<div id='header-wrapper'>
<div class='limit-wrapper' id='limit-wrapper'>
<!--Header left-->
<div id='header-left'>
<b:section class='r-header' id='r-header' maxwidgets='1' preferred='yes'/>
<div class='clear'/>
</div>
<div class='clear'/>
<!--Header right-->
<div id='header-right'>
<header itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/WPHeader'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='مو (رأس الصفحة)' type='Header' version='1'>
<b:widget-settings>
<b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_ZpnKdSK0ulwmKQZHXPCqjdYC0VkbTnqzqVc3POA1tcEvl5dKqCjge2WXgspF_zoLT_uFU6WFlrDQNfb-mrdCXiQ8KtW71puRgwHfp4rpt2RhG8ZCCrbTtau6Oyc0OGiM5i-2iMRMJ0Q/s790/%25D9%2585%25D9%2588%25D9%2586%25D8%25B3%25D8%25AA%25D8%25B1+%25D9%2584%25D9%2584%25D9%2585%25D8%25B9%25D9%2584%25D9%2588%25D9%2585%25D9%258A%25D8%25A7%25D8%25AA.png</b:widget-setting>
<b:widget-setting name='displayHeight'>71</b:widget-setting>
<b:widget-setting name='sectionWidth'>790</b:widget-setting>
<b:widget-setting name='useImage'>true</b:widget-setting>
<b:widget-setting name='shrinkToFit'>true</b:widget-setting>
<b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
<b:widget-setting name='displayWidth'>277</b:widget-setting>
</b:widget-settings>
<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'>
<h1 class='title' itemprop='headline' style='background: transparent; border-width: 0px'><b:if cond='data:blog.pageType != "item"'> <b:include name='title'/> <b:else/> <data:blog.pageName/> </b:if></h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + 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'>
<h1 class='title' itemprop='headline' style='background: transparent; border-width: 0px'><b:if cond='data:blog.pageType != "item"'> <b:include name='title'/> <b:else/> <data:blog.pageName/> </b:if></h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<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:if cond='data:blog.pageType == "index"'>
<h1 class='title' itemprop='headline name'><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'><data:title/></a></h1>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<h1 class='title' itemprop='headline name'><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'><data:title/></a></h1>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<h2 class='title' itemprop='name headline'><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'><data:title/></a></h2>
<b:else/>
<h2 class='title' itemprop='name headline'><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'><data:title/></a></h2>
</b:if>
</b:if>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description' itemprop='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title' itemprop='name'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl' itemprop='url'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
</header>
</div>
<div class='clear'/>
</div>
</div>
<div class='menu-wrapper' id='menu-wrapper'>
<!--Navigation Wrapper-->
<nav class='page-menu' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<div class='show-menu' id='show-menu'><a href='javascript:void(0)' onclick='document.getElementById('mobile-menu-show').style.display='block';document.getElementById('close-menu').style.display='block';document.getElementById('show-menu').style.display='none''><i aria-hidden='true' class='fa fa-bars'/> القائمة</a></div>
<div id='close-menu'><a href='javascript:void(0)' onclick='document.getElementById('mobile-menu-show').style.display='none';document.getElementById('close-menu').style.display='none';document.getElementById('show-menu').style.display='block''><i aria-hidden='true' class='fa fa-times'/> اغلاق</a></div>
<ul class='menu-mobil' id='mobile-menu-show'>
<li><a expr:title='data:blog.title' href='/' itemprop='url'><i aria-hidden='true' class='fa fa-home'/></a></li>
<li><a href='/search/label/اندرويد' itemprop='url' title='كل مايخص الاندرويد'><span itemprop='name'>كيف تتعلم البرمجة </span>برامج واكواد جاهزه</span></a>
<ul>
<li><a href='/search/label/تطبيقات%20أندرويد' itemprop='url' title='أفضل تطبيقات الأندرويد'><span itemprop='name'>تطبيقات اندرويد</span></a></li>
<li><a href='/search/label/العاب' itemprop='url' title='أفضل الالعاب'><span itemprop='name'>العاب</span></a></li>
</ul>
</li>
<li><a href='/search/label/الكمبيوتر%20والاب%20توب' itemprop='url' title='الكومبيوتروالابتوب'><span itemprop='name'>الحاسوب</span></a>
<ul>
<li><a href='/search/label/شروحات%20كمبيوتر' itemprop='url' title='شروحات متنوعه للحاسوب'><span itemprop='name'>شروحات</span></a></li>
<li><a href='/search/label/برامج%20ويندوز%20مجانية?' itemprop='url' title='برامج مجانية للحاسوب'><span itemprop='name'> برامج</span></a></li>
</ul>
</li>
<li><a href='/search/label/البرمجة' itemprop='url' title='مقالات متخصصة في البرمجة واللغات البرمجية'><span itemprop='name'>البرمجة</span></a></li>
<li><a href='/search/label/الحمايه' itemprop='url' title='اساليب الحماية علي الانترنت'><span itemprop='name'>الحماية</span></a></li>
<li><a href='/search/label/الربح%20من%20الانترنت' itemprop='url' title='طرق ربح من الانترنت'><span itemprop='name'>الربح من الانترنت</span></a></li>
<li><a href='/search/label/ادسنس' itemprop='url' title='شروحات ادسنس'><span itemprop='name'>أدسنس</span></a></li>
<li><a href='/search/label/بلوجر' itemprop='url' title='كل مايخص بلوجر'><span itemprop='name'>بلوجر</span></a>
<ul>
<li><a href='/search/label/دورة%20بلوجر' itemprop='url' title='دورة تعليم بلوجر'><span itemprop='name'>دورة بلوجر</span></a></li>
<li><a href='/search/label/قوالب%20بلوجر' itemprop='url' title='أفضل قوالب بلوجر'><span itemprop='name'>قوالب بلوجر</span></a></li>
<li><a href='/search/label/إضافات%20بلوجر' itemprop='url' title='إضافات قوالب'><span itemprop='name'>إضافات بلوجر</span></a></li>
<li><a href='/p/blog-page.html' itemprop='url' title='محول أكواد الجافا وادسنس'><span itemprop='name'>محول الاكواد</span></a></li>
</ul>
</li>
<li><a href='/search/label/مقالات%20تقنية' itemprop='url' title='مقالات تقنية مفيدة'><span itemprop='name'>مقالات تقنية</span></a></li>
<li><a href='/search/label/الفيسبوك' itemprop='url' title='مقالات وشروحات الفيسبوك'><span itemprop='name'>الفيسبوك</span></a></li>
</ul>
<div class='clear'/>
</nav>
<div class='clear'/>
</div>
<!--Advertise Wrapper-->
<div id='ads-wrapper'>
<div class='limit-wrapper' id='ads-wrap'>
<b:section class='ads1' id='ads1' maxwidgets='1' preferred='yes'>
<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>
<b:section class='ads2' id='ads2' maxwidgets='1' preferred='yes'>
<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
<b:if cond='data:blog.pageType != "error_page"'>
<div id='content-wrapper'>
<div itemscope='itemscope' itemtype='http://schema.org/Blog'>
<div id='main-wrapper'>
<!--Main Wrapper-->
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog' version='1'>
<b:widget-settings>
<b:widget-setting name='commentLabel'>comments</b:widget-setting>
<b:widget-setting name='showShareButtons'>true</b:widget-setting>
<b:widget-setting name='authorLabel'>By</b:widget-setting>
<b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='timestampLabel'>at</b:widget-setting>
<b:widget-setting name='reactionsLabel'>ردرود الأفعال:</b:widget-setting>
<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLocation'>false</b:widget-setting>
<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='backlinksLabel'>Links to this post</b:widget-setting>
<b:widget-setting name='showDateHeader'>false</b:widget-setting>
<b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
<b:widget-setting name='showAuthor'>true</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='postLabelsLabel'>تم النشر في قسم :</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='top'>
<b:include data='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:include name='nextprev'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include name='nav-post'/>
</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 alt='delete icon' expr:title='data:top.deleteBacklinkMsg' height='13' src='//www.blogger.com/img/icon_delete13.gif' width='13'/>
</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='data:backlink.url' expr:title='data:backlink.title' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' expr:title='data:post.createLinkLabel' rel='nofollow' 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' id='breadcrumbs'><span class='breadhome'><i class='fa fa-bars'/> <a expr:href='data:blog.homepageUrl' rel='tag'>الرئيسية </a> <b>\</b> </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' id='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span class='breadhome' typeof='v:Breadcrumb'><i class='fa fa-bars'/> <a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>الرئيسية</a></span>
<b:loop values='data:post.labels' var='label'>
<span class='breadlabel' typeof='v:Breadcrumb'> <b>\</b> <a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span></b:loop>
</div>
<b:else/>
<div class='breadcrumbs'><span class='breadhome'><i class='fa fa-bars'/> <a expr:href='data:blog.homepageUrl' rel='tag'>الرئيسية</a> <b>\</b> </span><span class='breadlabel'>غير مصنف</span> <b>\</b> <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' id='breadcrumbs'>
<span class='breadhome'><i class='fa fa-bars'/> <a expr:href='data:blog.homepageUrl'>الرئيسية </a> <b>\</b> </span><span>الارشيف لـ <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs' id='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span class='breadhome'><i class='fa fa-bars'/> <a expr:href='data:blog.homepageUrl'>الرئيسية</a> <b>\</b> </span><span class='breadlabel'>كل المواضيع </span>
<b:else/>
<span class='breadhome'><i class='fa fa-bars'/> <a expr:href='data:blog.homepageUrl'>الرئيسية</a> <b>\</b> </span><span class='breadlabel'>مواضيع من <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:includable id='comment_picker' var='post'/>
<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>
</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_avatar'>
<img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
</div>
<div class='comment_king kingz'>
<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>
<span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
<data:comment.timestamp/>
</a></span>
<div class='comment_author_flag'>المشرف</div>
</div>
<span class='comment_service'>
<b:include data='comment' name='commentDeleteIcon'/>
<a class='comment_reply' expr:href='"#r_"+data:comment.anchorName' expr:id='"r"+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Reply'><i class='fa fa-reply'/></a>
</span>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
<div class='clear'/>
</b:if>
</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>
</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://twemoji.maxcdn.com/36x36/1f600.png',
':(' ,'http://twemoji.maxcdn.com/36x36/1f615.png',
'hihi' ,'http://twemoji.maxcdn.com/36x36/1f601.png',
':-)' ,'http://twemoji.maxcdn.com/36x36/1f60f.png',
':D' ,'http://twemoji.maxcdn.com/36x36/1f603.png',
'=D' ,'http://twemoji.maxcdn.com/36x36/1f62c.png',
':-d' ,'http://twemoji.maxcdn.com/36x36/1f604.png',
';(' ,'http://twemoji.maxcdn.com/36x36/1f61e.png',
';-(' ,'http://twemoji.maxcdn.com/36x36/1f62d.png',
'@-)' ,'http://twemoji.maxcdn.com/36x36/1f616.png',
':P' ,'http://twemoji.maxcdn.com/36x36/1f61c.png',
':o' ,'http://twemoji.maxcdn.com/36x36/1f62e.png',
':>)','http://twemoji.maxcdn.com/36x36/1f606.png',
'(o)' ,'http://twemoji.maxcdn.com/36x36/1f609.png',
'[-(' ,'http://twemoji.maxcdn.com/36x36/1f614.png',
':-?' ,'http://twemoji.maxcdn.com/36x36/2753.png',
'(p)' ,'http://twemoji.maxcdn.com/36x36/1f619.png',
':-s' ,'http://twemoji.maxcdn.com/36x36/1f625.png',
'(m)' ,'http://twemoji.maxcdn.com/36x36/1f620.png',
'8-)' ,'http://twemoji.maxcdn.com/36x36/1f60e.png',
':-t' ,'http://twemoji.maxcdn.com/36x36/1f624.png',
':-b' ,'http://twemoji.maxcdn.com/36x36/1f634.png',
'b-(' ,'http://twemoji.maxcdn.com/36x36/1f635.png',
':-#' ,'http://twemoji.maxcdn.com/36x36/1f637.png',
'=p~' ,'http://twemoji.maxcdn.com/36x36/1f35c.png',
'$-)' ,'http://twemoji.maxcdn.com/36x36/1f4b5.png',
'(y)' ,'http://twemoji.maxcdn.com/36x36/1f44d.png',
'(f)' ,'http://twemoji.maxcdn.com/36x36/1f33a.png',
'x-)' ,'http://twemoji.maxcdn.com/36x36/1f60d.png',
'(k)' ,'http://twemoji.maxcdn.com/36x36/1f496.png',
'(h)' ,'http://twemoji.maxcdn.com/36x36/1f44f.png',
'(c)' ,'http://twemoji.maxcdn.com/36x36/2615.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)?\//,"/s100-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'>
</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='padding-bottom: 10px;'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title' style='margin: 10px;'>
<data:post.title/>
</h3></a>
<div class='mobile-index-contents'>
<div class='mobilethumb' style='float: right;margin: 5px 15px 0 15px;'><a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl' expr:title='data:post.title' style='width:100%;height:auto'/></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='margin: 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='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
<a expr:href='data:post.url' style='float:left;margin-left:10px'>Read more</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='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'>
<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='margin: 10px 0;font-size: 17px;'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' 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='data:post.url' 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='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "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='nav-post' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<div class='nexprev'>
<div class='blog-pager' id='blog-pager'>
<div class='nexprev-alright'>
<div class='isinexprev-alright'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<span class='top-pager'>إقرأ </span>
<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>
</b:if>
<div class='clear'/>
</div>
</div>
<div class='nexprev-alleft'>
<div class='isinexprev-alleft'>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<span class='top-pager'>إقرأ</span>
<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>
</b:if>
<div class='clear'/>
</div>
</div>
</div>
<div class='clear'/>
</div>
</b:if>
</b:includable>
<b:includable id='nextprev'>
<b:if cond='data:blog.pageType != "item"'>
<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>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:if>
</b:includable>
<b:includable id='post' var='post'>
<article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta expr:itemid='data:post.link ? data:post.link : data:post.url' 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='600' itemprop='width'/>
<meta content='300' 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGWyjxnx9Vk_k4cXJ-ErunYAuQSIvJvIAkYq6K5W5GQxxd3964WUNeirexSr-e8y3LL3CL8TDIw26xJccztlo8xik7Bh9EqJysqRh0Cdb-yUTHhZ05XB80t8uVxzPsR8PqqlU53vBn-Ro/s1600/logo2png.png' itemprop='url'/>
<meta content='125px' itemprop='width'/>
<meta content='125px' itemprop='height'/>
</div>
<meta expr:content='data:blog.title' itemprop='name'/>
</div>
<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"'>
<div class='post-thumbnail'>
<div class='thumbnail_mode'>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url' expr:title='data:post.title'><script type='text/javascript'>
document.write(bung_thumbnail("<data:post.thumbnailUrl/>","<data:post.title/>"));
</script></a>
<b:else/>
<b:if cond='data:post.firstImageUrl'><a expr:href='data:post.url' expr:title='data:post.title'><img class='post-thumb' expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title' height='72' width='72'/></a>
<b:else/>
<a expr:href='data:post.url' expr:title='data:post.title'><img class='post-thumb' expr:alt='data:post.title' expr:title='data:post.title' height='72' itemprop='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4ObCe6eQ-UlZr06xCvQISRYDNHmlr7fA-oaN3nW7hhw5ovJc7F7_BJ6SFmPqEvuoHaMHf9R4QoPQI77rwCs3GZAWyOyC5WUlyRURvWaOyYZfIILzFJ1guRdZiYoXrGr6aAHshbMnmX3Y/s1600/bung_thumbnail.png' width='72'/></a>
</b:if>
</b:if>
</div>
<a class='thickbox' expr:href='data:post.url' expr:title='data:post.title'><i aria-hidden='true' class='fa fa-file-text-o'/> إقرأ المزيد</a>
</div>
</b:if>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title' itemprop='url mainEntityOfPage'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title' itemprop='url mainEntityOfPage'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title' itemprop='url mainEntityOfPage'><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' expr:title='data:post.title' itemprop='url mainEntityOfPage'><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' id='post-header'>
<div class='post-header-line-1'>
<h3 class='post-info'><div><!-- One for all -->
<span class='author' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'><i class='fa fa-user'/> <a expr:href='data:post.authorProfileUrl' itemprop='url' rel='publisher' title='author profile'>
<span class='post-author vcard'><span class='url fn' itemprop='name'><data:post.author/></span>
</span></a></span><span class='clock' itemprop='dateModified'> <i class='fa fa-calendar-o'/> <a class='updated published' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a></span></div></h3>
</div> </div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='artbody' itemprop='articleBody description'><data:post.body/></div></b:if>
<b:if cond='data:blog.pageType == "item"'>
<div class='adspost1'>
<!-- iklan di atas postingan -->
</div>
<div class='artbody' itemprop='articleBody description'><data:post.body/></div>
<div class='adspost2'>
<!-- iklan di bawah postingan -->
</div>
<div class='clear'/>
</b:if>
<b:if cond='data:blog.pageType != "static_page" and data:blog.pageType != "item"'>
<div class='post-snippet' itemprop='articleBody'><data:post.snippet/></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='post-footer-line post-footer-line-1'>
<div class='share-wrpaper' id='share-wrapper'>
<span class='sharetitle'>شارك</span>
<b:include data='post' name='share-tool'/>
</div>
<div class='related-post' id='related-post'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>"<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if></b:loop></b:if>];var relatedPostConfig={homePage:"<data:blog.homepageUrl/>",widgetTitle:"<h4>مواضيع ذات صلة :</h4>",numPosts:8,summaryLength:0,titleLength:"auto",thumbnailSize:172,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Read More",widgetStyle:3,callBack:function(){}}
</script>
</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:if cond='data:blog.pageType == "item"'>
<div id='navi-post'>
<b:include data='post' name='nav-post'/>
</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='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='share-tool' var='post'>
<script type='text/javascript'>
//<![CDATA[
var _0x37c4=["\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x68\x61\x72\x65\x74\x68\x69\x73\x22\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x68\x61\x72\x65\x22\x3E\x0D\x3C\x61\x20\x63\x6C\x61\x73\x73\x3D\x22\x67\x70\x22\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x73\x3A\x2F\x2F\x70\x6C\x75\x73\x2E\x67\x6F\x6F\x67\x6C\x65\x2E\x63\x6F\x6D\x2F\x73\x68\x61\x72\x65\x3F\x75\x72\x6C\x3D","\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x53\x68\x61\x72\x65\x20\x74\x6F\x20\x47\x6F\x6F\x67\x6C\x65\x2B\x22\x3E\x0D\x20\x20\x20\x20\x3C\x69\x20\x63\x6C\x61\x73\x73\x3D\x22\x66\x61\x20\x66\x61\x2D\x67\x6F\x6F\x67\x6C\x65\x2D\x70\x6C\x75\x73\x22\x3E\x3C\x2F\x69\x3E\x3C\x2F\x61\x3E\x0D\x3C\x61\x20\x63\x6C\x61\x73\x73\x3D\x22\x66\x62\x22\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x73\x3A\x2F\x2F\x77\x77\x77\x2E\x66\x61\x63\x65\x62\x6F\x6F\x6B\x2E\x63\x6F\x6D\x2F\x73\x68\x61\x72\x65\x72\x2F\x73\x68\x61\x72\x65\x72\x2E\x70\x68\x70\x3F\x75\x3D","\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x53\x68\x61\x72\x65\x20\x74\x6F\x20\x46\x61\x63\x65\x62\x6F\x6F\x6B\x22\x3E\x0D\x20\x20\x20\x20\x3C\x69\x20\x63\x6C\x61\x73\x73\x3D\x22\x66\x61\x20\x66\x61\x2D\x66\x61\x63\x65\x62\x6F\x6F\x6B\x22\x3E\x3C\x2F\x69\x3E\x3C\x2F\x61\x3E\x0D\x3C\x61\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x77\x22\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x73\x3A\x2F\x2F\x74\x77\x69\x74\x74\x65\x72\x2E\x63\x6F\x6D\x2F\x69\x6E\x74\x65\x6E\x74\x2F\x74\x77\x65\x65\x74\x3F\x74\x65\x78\x74\x3D","\x74\x69\x74\x6C\x65","\x26\x75\x72\x6C\x3D","\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x53\x68\x61\x72\x65\x20\x74\x6F\x20\x54\x77\x69\x74\x74\x65\x72\x22\x3E\x0D\x20\x20\x20\x20\x3C\x69\x20\x63\x6C\x61\x73\x73\x3D\x22\x66\x61\x20\x66\x61\x2D\x74\x77\x69\x74\x74\x65\x72\x22\x3E\x3C\x2F\x69\x3E\x3C\x2F\x61\x3E\x0D\x3C\x61\x20\x63\x6C\x61\x73\x73\x3D\x22\x70\x69\x6E\x22\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x70\x69\x6E\x74\x65\x72\x65\x73\x74\x2E\x63\x6F\x6D\x2F\x70\x69\x6E\x2F\x63\x72\x65\x61\x74\x65\x2F\x62\x75\x74\x74\x6F\x6E\x2F\x3F\x73\x6F\x75\x72\x63\x65\x5F\x75\x72\x6C\x3D","\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x53\x68\x61\x72\x65\x20\x74\x6F\x20\x50\x69\x6E\x74\x65\x72\x65\x73\x74\x22\x3E\x0D\x20\x20\x20\x20\x3C\x69\x20\x63\x6C\x61\x73\x73\x3D\x22\x66\x61\x20\x66\x61\x2D\x70\x69\x6E\x74\x65\x72\x65\x73\x74\x22\x3E\x3C\x2F\x69\x3E\x3C\x2F\x61\x3E\x0D\x3C\x2F\x64\x69\x76\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6C\x65\x61\x72\x22\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x64\x69\x76\x3E\x20\x0D","\x77\x72\x69\x74\x65"];var siteurl=window[_0x37c4[1]][_0x37c4[0]];document[_0x37c4[9]](_0x37c4[2]+ siteurl+ _0x37c4[3]+ siteurl+ _0x37c4[4]+ encodeURIComponent(document[_0x37c4[5]])+ _0x37c4[6]+ siteurl+ _0x37c4[7]+ siteurl+ _0x37c4[8])
//]]>
</script>
</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.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></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'>
<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'/>
<b:includable id='threaded_comments' var='post'/>
</b:widget>
</b:section>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div class='pagenav'>
<script type='text/javascript'>
var pageNaviConf = {
perPage: 7,
numPages: 4,
firstText: "الاولى",
lastText: "السابق",
nextText: "التالى",
prevText: "السابق"
}
</script>
<script type='text/javascript'>
//<![CDATA[
var _0x7ba7=["\x68\x72\x65\x66","\x2F\x73\x65\x61\x72\x63\x68\x2F\x6C\x61\x62\x65\x6C\x2F","\x69\x6E\x64\x65\x78\x4F\x66","\x6C\x65\x6E\x67\x74\x68","\x73\x75\x62\x73\x74\x72","","\x3F","\x3F\x75\x70\x64\x61\x74\x65\x64\x2D\x6D\x61\x78\x3D","\x2F\x73\x65\x61\x72\x63\x68\x3F\x75\x70\x64\x61\x74\x65\x64\x2D\x6D\x61\x78\x3D","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x70\x65\x72\x50\x61\x67\x65","\x63\x65\x69\x6C","\x3F\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D","\x70\x75\x73\x68","\x2F\x3F\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D","\x24\x74","\x70\x75\x62\x6C\x69\x73\x68\x65\x64","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","\x26\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D","\x73\x68\x6F\x77","\x6E\x75\x6D\x50\x61\x67\x65\x73","\x66\x6C\x6F\x6F\x72","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x70\x61\x67\x65\x73\x22\x3E\x50\x61\x67\x65\x73\x20","\x20\x6F\x66\x20","\x3C\x2F\x73\x70\x61\x6E\x3E\x20","\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E","\x66\x69\x72\x73\x74\x54\x65\x78\x74","\x3C\x2F\x61\x3E","\x70\x72\x65\x76\x54\x65\x78\x74","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x75\x72\x72\x65\x6E\x74\x22\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E","\x6E\x65\x78\x74\x54\x65\x78\x74","\x6C\x61\x73\x74\x54\x65\x78\x74","\x77\x72\x69\x74\x65","\x3F\x71\x3D","\x2E\x68\x74\x6D\x6C","\x3C\x73\x63\x72\x69\x70\x74\x20\x74\x79\x70\x65\x3D\x22\x74\x65\x78\x74\x2F\x6A\x61\x76\x61\x73\x63\x72\x69\x70\x74\x22\x20\x73\x72\x63\x3D\x22\x2F\x66\x65\x65\x64\x73\x2F\x70\x6F\x73\x74\x73\x2F\x73\x75\x6D\x6D\x61\x72\x79\x2F\x2D\x2F","\x3F\x61\x6C\x74\x3D\x6A\x73\x6F\x6E\x2D\x69\x6E\x2D\x73\x63\x72\x69\x70\x74\x26\x63\x61\x6C\x6C\x62\x61\x63\x6B\x3D\x70\x61\x67\x65\x4E\x61\x76\x69\x26\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D\x39\x39\x39\x39\x39\x22\x3E\x3C\x2F\x73\x63\x72\x69\x70\x74\x3E","\x3C\x73\x63\x72\x69\x70\x74\x20\x74\x79\x70\x65\x3D\x22\x74\x65\x78\x74\x2F\x6A\x61\x76\x61\x73\x63\x72\x69\x70\x74\x22\x20\x73\x72\x63\x3D\x22\x2F\x66\x65\x65\x64\x73\x2F\x70\x6F\x73\x74\x73\x2F\x73\x75\x6D\x6D\x61\x72\x79\x3F\x61\x6C\x74\x3D\x6A\x73\x6F\x6E\x2D\x69\x6E\x2D\x73\x63\x72\x69\x70\x74\x26\x63\x61\x6C\x6C\x62\x61\x63\x6B\x3D\x70\x61\x67\x65\x4E\x61\x76\x69\x26\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D\x39\x39\x39\x39\x39\x22\x3E\x3C\x2F\x73\x63\x72\x69\x70\x74\x3E"];function pageNavi(_0x8220x2){var _0x8220x3=location[_0x7ba7[0]],_0x8220x4=_0x8220x3[_0x7ba7[2]](_0x7ba7[1])!= -1,_0x8220x5=_0x8220x4?_0x8220x3[_0x7ba7[4]](_0x8220x3[_0x7ba7[2]](_0x7ba7[1])+ 14,_0x8220x3[_0x7ba7[3]]):_0x7ba7[5];_0x8220x5= _0x8220x5[_0x7ba7[2]](_0x7ba7[6])!= -1?_0x8220x5[_0x7ba7[4]](0,_0x8220x5[_0x7ba7[2]](_0x7ba7[6])):_0x8220x5;var _0x8220x6=_0x8220x4?_0x7ba7[1]+ _0x8220x5+ _0x7ba7[7]:_0x7ba7[8],_0x8220x7=_0x8220x2[_0x7ba7[10]][_0x7ba7[9]][_0x7ba7[3]],_0x8220x8=Math[_0x7ba7[12]](_0x8220x7/ pageNaviConf[_0x7ba7[11]]);if(_0x8220x8<= 1){return};var _0x8220x9=1,_0x8220xa=[_0x7ba7[5]];_0x8220x4?_0x8220xa[_0x7ba7[14]](_0x7ba7[1]+ _0x8220x5+ _0x7ba7[13]+ pageNaviConf[_0x7ba7[11]]):_0x8220xa[_0x7ba7[14]](_0x7ba7[15]+ pageNaviConf[_0x7ba7[11]]);for(var _0x8220xb=2;_0x8220xb<= _0x8220x8;_0x8220xb++){var _0x8220xc=(_0x8220xb- 1)* pageNaviConf[_0x7ba7[11]]- 1,_0x8220xd=_0x8220x2[_0x7ba7[10]][_0x7ba7[9]][_0x8220xc][_0x7ba7[17]][_0x7ba7[16]],_0x8220xe=_0x8220xd[_0x7ba7[18]](0,19)+ _0x8220xd[_0x7ba7[18]](23,29);_0x8220xe= encodeURIComponent(_0x8220xe);if(_0x8220x3[_0x7ba7[2]](_0x8220xe)!= -1){_0x8220x9= _0x8220xb};_0x8220xa[_0x7ba7[14]](_0x8220x6+ _0x8220xe+ _0x7ba7[19]+ pageNaviConf[_0x7ba7[11]])};pageNavi[_0x7ba7[20]](_0x8220xa,_0x8220x9,_0x8220x8)}pageNavi[_0x7ba7[20]]= function(_0x8220xe,_0x8220x8,_0x8220x5){var _0x8220xb=Math[_0x7ba7[22]]((pageNaviConf[_0x7ba7[21]]- 1)/ 2),_0x8220x6=pageNaviConf[_0x7ba7[21]]- 1- _0x8220xb,_0x8220xc=_0x8220x8- _0x8220xb;if(_0x8220xc<= 0){_0x8220xc= 1};endPage= _0x8220x8+ _0x8220x6;if((endPage- _0x8220xc)< pageNaviConf[_0x7ba7[21]]){endPage= _0x8220xc+ pageNaviConf[_0x7ba7[21]]- 1};if(endPage> _0x8220x5){endPage= _0x8220x5;_0x8220xc= _0x8220x5- pageNaviConf[_0x7ba7[21]]+ 1};if(_0x8220xc<= 0){_0x8220xc= 1};var _0x8220xd=_0x7ba7[23]+ _0x8220x8+ _0x7ba7[24]+ _0x8220x5+ _0x7ba7[25];if(_0x8220xc> 1){_0x8220xd+= _0x7ba7[26]+ _0x8220xe[1]+ _0x7ba7[27]+ pageNaviConf[_0x7ba7[28]]+ _0x7ba7[29]};if(_0x8220x8> 1){_0x8220xd+= _0x7ba7[26]+ _0x8220xe[_0x8220x8- 1]+ _0x7ba7[27]+ pageNaviConf[_0x7ba7[30]]+ _0x7ba7[29]};for(i= _0x8220xc;i<= endPage;++i){if(i== _0x8220x8){_0x8220xd+= _0x7ba7[31]+ i+ _0x7ba7[32]}else {_0x8220xd+= _0x7ba7[26]+ _0x8220xe[i]+ _0x7ba7[27]+ i+ _0x7ba7[29]}};if(_0x8220x8< _0x8220x5){_0x8220xd+= _0x7ba7[26]+ _0x8220xe[_0x8220x8+ 1]+ _0x7ba7[27]+ pageNaviConf[_0x7ba7[33]]+ _0x7ba7[29]};if(endPage< _0x8220x5){_0x8220xd+= _0x7ba7[26]+ _0x8220xe[_0x8220x5]+ _0x7ba7[27]+ pageNaviConf[_0x7ba7[34]]+ _0x7ba7[29]};document[_0x7ba7[35]](_0x8220xd)};(function(){var _0x8220xd=location[_0x7ba7[0]];if(_0x8220xd[_0x7ba7[2]](_0x7ba7[36])!= -1|| _0x8220xd[_0x7ba7[2]](_0x7ba7[37])!= -1){return};var _0x8220xb=_0x8220xd[_0x7ba7[2]](_0x7ba7[1])+ 14;if(_0x8220xb!= 13){var _0x8220xc=_0x8220xd[_0x7ba7[2]](_0x7ba7[6]),_0x8220x5=(_0x8220xc== -1)?_0x8220xd[_0x7ba7[18]](_0x8220xb):_0x8220xd[_0x7ba7[18]](_0x8220xb,_0x8220xc);document[_0x7ba7[35]](_0x7ba7[38]+ _0x8220x5+ _0x7ba7[39])}else {document[_0x7ba7[35]](_0x7ba7[40])}})()
//]]>
</script>
<div class='clear'/>
</div>
</b:if></b:if>
</div>
</div>
<!--Sidebar Wrapper-->
<aside class='sidebar-wrapper' id='sidebar-wrapper'>
<div id='search-form'>
<form action='/search' id='search-wrapper' method='get'>
<table>
<tbody>
<tr>
<td class='search-boxs1'>
<input id='search-boxs1' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' type='text' value='ابحث هنا...'/>
</td>
<td class='search-button1'>
<input id='search-button1' type='submit' value='بحث'/>
</td>
</tr>
</tbody>
</table>
</form>
</div>
<div class='clear'/>
<div id='social-wrapper'>
<a class='social-googleplus' href='https://plus.google.com/u/0/b/100879436085395458250/' target='_blank' title='تابعناعلي جوجل بلاس'><i class='fa fa-google-plus'/><p>Circle us on</p><br/>جوجل</a>
<a class='social-facebook' href='https://www.facebook.com/monster.tecnology/' target='_blank' title='تابعنا علي الفيس بوك'><i class='fa fa-facebook'/><p>Like to our</p><br/>فيسبوك</a>
<a class='social-twitter' href='https://twitter.com/monster_tecn' target='_blank' title='تابعنا علي تويتر'><i class='fa fa-twitter'/><p>Follow us on</p><br/>تويتر</a>
<a class='social-googleplus' href='https://www.youtube.com/channel/UCp-8I4xFjm8ksKWAlqlbpjQ?sub_confirmation=1' target='_blank' title='اشترك الان في قناتنا'><i class='fa fa-youtube'/><p>Subscribe to our</p><br/>اليوتيوب</a>
</div>
<div class='clear'/>
<b:section class='sidebar1' id='sidebar1' preferred='yes'/>
<b:section class='sidebar2' id='sidebar2' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='مشاركات مميزة' type='PopularPosts' version='1'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>6</b:widget-setting>
<b:widget-setting name='showThumbnails'>true</b:widget-setting>
<b:widget-setting name='showSnippets'>false</b:widget-setting>
<b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting>
</b:widget-settings>
<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'>
<b:if cond='!data:showSnippets'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
<div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>
<b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 150) : data:post.thumbnail' var='image'>
<img alt='' border='0' expr:src='data:image'/>
</b:with>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<b:if cond='data:showSnippets'>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
</div>
<div style='clear: both;'/>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='sidebar3' id='sidebar3' showaddelement='yes'>
<b:widget id='Label1' locked='false' title='التسميات' type='Label' version='1'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>LIST</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
</b:widget-settings>
<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='ltr'>(<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='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='sidebar4' id='sidebar4' preferred='yes'/>
<b:section class='sidebar5' id='sidebar5' showaddelement='yes'>
<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:widget id='ContactForm1' locked='false' title='نموذج الاتصال' type='ContactForm'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<p/>
<data:contactFormNameMsg/>
<br/>
<input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/>
<p/>
<data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/>
<p/>
<data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/>
<p/>
<input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
<p/>
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
<p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
</div>
</form>
</div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</aside>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
</b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<div id='error-page'>
<div id='error-inner'>
<h3>خطأ</h3>
<div class='box-404'><div>404</div></div>
<h2>الصفحة غير موجودة</h2>
<p>لسبب ما أنت هنا .. ولسبب آخر عليك ان تنتقل لشئ مختلف</p>
</div>
</div>
</b:if>
<div class='clear'/>
<div id='ads2-wrapper'>
<div class='limit-wrapper' id='ads2-wrap'>
<b:section class='ads3' id='ads3' maxwidgets='1' 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:widget id='HTML5' locked='false' title='' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<img src="" alt="banner" />]]></b:widget-setting>
</b:widget-settings>
<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:includable>
</b:widget>
</b:section>
</div>
</div>
<div class='clear'/>
<div id='subscribe-wrapper'>
<div id='subscribe-css'>
<p class='subscribe-text'><b>إشترك</b>الان <span>فى</span> موقعنا </p>
<p class='newsby'>ليصلك كل جديد عنا ولنكون علي اتصال</p>
<div class='subscribe-wrapper'>
<div class='subscribe-form'>
<form action='//feedburner.google.com/fb/a/mailverify?uri=monstertecnology' class='subscribe-form' method='post' onsubmit='window.open ('//feedburner.google.com/fb/a/mailverify?uri=monstertecnology', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='monstertecnology'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' type='text' value='ضع بريدك الالكتروني هنا ياصديقي'/><input class='subscribe-css-email-button' title='' type='submit' value='اشترك!'/></form>
</div>
</div>
</div>
<div class='clear'/>
</div>
<div class='clear'/>
<footer itemprop='mainEntity' itemscope='itemscope' itemtype='//schema.org/WPFooter'>
<div id='footer-wrapper'>
<div class='footer_wrap' id='footer_wrap'>
<div class='footers_limit' id='footers_limit'>
<div class='footer_left' id='footer_left'>
<div class='footer1' id='footer1'>
<b:section class='foot1' id='foot1' maxwidgets='1' mobile='yes' preferred='yes'>
<b:widget id='Label2' locked='false' title='الأقسام الرئيسية' type='Label' version='1'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>CLOUD</b:widget-setting>
<b:widget-setting name='selectedLabelsList'>ادسنس,البنوك الالكترونية,الحمايه,الربح من الانترنت,الفيسبوك,الكمبيوتر والاب توب,اندرويد,بلوجر,مقالات تقنية</b:widget-setting>
<b:widget-setting name='showType'>USER_SELECTED</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
</b:widget-settings>
<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' expr:title='data:label.name'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"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' expr:title='data:label.name'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='footer2' id='footer2'>
<b:section class='foot2' id='foot2' maxwidgets='1' mobile='yes' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='ادوات المدونة' type='LinkList' version='1'>
<b:widget-settings>
<b:widget-setting name='link-5'>#</b:widget-setting>
<b:widget-setting name='link-3'>https://www.monstertecnology.com/p/blog-page_74.html</b:widget-setting>
<b:widget-setting name='link-4'>https://www.monstertecnology.com/sitemap.xml</b:widget-setting>
<b:widget-setting name='text-1'>عن الموقع about us</b:widget-setting>
<b:widget-setting name='text-0'>سياسة الخصوصية privacy policy</b:widget-setting>
<b:widget-setting name='text-3'>اتفاقية الاستخدام</b:widget-setting>
<b:widget-setting name='text-2'>فهرس الموضوعات</b:widget-setting>
<b:widget-setting name='text-5'>صفحة ثابتة</b:widget-setting>
<b:widget-setting name='text-4'>خريطة الموقع</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='link-1'>https://www.monstertecnology.com/p/blog-page_31.html</b:widget-setting>
<b:widget-setting name='link-2'>https://www.monstertecnology.com/p/index.html</b:widget-setting>
<b:widget-setting name='link-0'>https://www.monstertecnology.com/p/privacy-policy.html</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' expr:title='data:link.name'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div class='footer_right' id='footer_right'>
<div class='footers_limit' id='footers_limit'>
<h2>حول</h2>
<p><b>مونستر للمعلوميات</b>موقع مونستر للمعلوميات هو موقع تقني متخصص في عرض مقالات تقنية , وشروحات الاندرويد,وتطبيقات الاندرويد , بالاضافة إلي العديد من شروحات بلوجر وادسنس والربح من الانترنت , وبرامج الحاسوب وشروحات الحاسوب</p>
</div>
</div>
</div>
</div>
<div class='credit-wrapper'>
<div class='creditfooter'>
جميع الحقوق محفوظة <span itemscope='itemscope' itemtype='https://schema.org/Organization'><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'><span itemprop='name'><data:blog.title/></span></a></span> © <span>2019</span>
<span> تطوير القالب</span><a href='http://monstertecnology.blogspot.com' id='cnmuprot' rel='dofollow' target='_blank'>مونسترللمعلوميات</a>
</div>
</div>
</div>
</footer>
</div>
</div>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>Artikel Terkait:</h4>",widgetStyle:1,homePage:"http://www.dte.web.id",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:200,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<span style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"…":t;r=("media$thumbnail"in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/.*?:\/\//g , "//").replace(/\/s[0-9]+(\-c)?/, "/s"+d.thumbnailSize):d.noImage;u=("summary"in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"…":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='<li><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</li>"}else{if(A==3||A==4){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="'+v+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+"</a></div>"+y+"</li>"}else{if(A==5){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-item-tooltip"><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</span></span>"+y+"</div></li>"}else{c+='<li><a title="'+t+'" href="'+v+'"'+b+">"+w+"</a></li>"}}}}}s.innerHTML=c+="</ul>"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]);var _0xe169=["\x73\x63\x72\x69\x70\x74","\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74","\x73\x72\x63","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x63\x64\x6E\x2E\x72\x61\x77\x67\x69\x74\x2E\x63\x6F\x6D\x2F\x62\x75\x6E\x67\x66\x72\x61\x6E\x67\x6B\x69\x2F\x68\x69\x67\x68\x6C\x69\x67\x68\x74\x2F\x6D\x61\x73\x74\x65\x72\x2F\x68\x69\x67\x68\x6C\x69\x67\x68\x74\x32\x2E\x6A\x73","\x61\x70\x70\x65\x6E\x64\x43\x68\x69\x6C\x64","\x62\x6F\x64\x79","\x61\x64\x64\x45\x76\x65\x6E\x74\x4C\x69\x73\x74\x65\x6E\x65\x72","\x6C\x6F\x61\x64","\x61\x74\x74\x61\x63\x68\x45\x76\x65\x6E\x74","\x6F\x6E\x6C\x6F\x61\x64"];function downloadJSAtOnload(){var _0xb83fx2=document[_0xe169[1]](_0xe169[0]);_0xb83fx2[_0xe169[2]]= _0xe169[3],document[_0xe169[5]][_0xe169[4]](_0xb83fx2)}window[_0xe169[6]]?window[_0xe169[6]](_0xe169[7],downloadJSAtOnload,!1):window[_0xe169[8]]?window[_0xe169[8]](_0xe169[9],downloadJSAtOnload):window[_0xe169[9]]= downloadJSAtOnload;if (typeof(jQuery) == 'undefined') {document.write("<scr" + "ipt type=\"text/javascript\" src=\"//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");}
//]]>
</script>
</b:if>
<!--</body>--></body>
</HTML>