XML Version

<?xml version="1.0" encoding="UTF-8" ?
>
<!DOCTYPE html>
<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml'>
<head>

<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found</title>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
</b:if>

<meta content='blogger' name='generator'/>
<meta charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>

<meta content='AA Sholihul Arifin MR' name='author'/>
<meta content='follow, all' name='alexabot'/>
<meta content='-5;120' name='geo.position'/>
<meta content='2013, Sholihul Arifin MR' name='copyright'/>
<meta content='id' name='language'/>
<meta content='Indonesia' name='geo.placename'/>

<meta content='global' name='target'/>
<meta content='Indonesia' name='geo.country'/>
<meta content='all, follow' name='robots'/>
<meta content='all' name='googlebot'/>
<meta content='all' name='msnbot'/>
<meta content='all' name='Googlebot-Image'/>
<meta content='all' name='Slurp'/>
<meta content='all' name='ZyBorg'/>
<meta content='all' name='Scooter'/>
<meta content='ALL' name='spiders'/>
<meta content='general' name='rating'/>
<meta content='2 days' name='revisit-after'/>
<meta content='2 days' name='revisit'/>
<meta content='all' name='WEBCRAWLERS'/>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>

<meta expr:content='data:blog.pageName' name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageTitle' name='keywords'/>
</b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>

<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.url' property='og:url'/>

<meta name='twitter:card' content='summary'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>

<meta content='226875977396331' property='fb:app_id'/>

<meta content='xxx' name='twitter:site'/>
<meta content='xxx' name='twitter:creator'/>

<link href='https://plus.google.com/+AA Sholihul Arifin MR /about' rel='author'/>
<link href='https://plus.google.com/+AA Sholihul Arifin MR /posts' rel='publisher'/>
<link href='https://plus.google.com/+AA Sholihul Arifin MR /' rel='me'/>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title +

" - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"'
expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId +

"/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate'
type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<script type='application/ld+json'>{ "@context": "http://schema.org",

"@type": "WebSite", "url":
"<data:blog.homepageUrl/>", "potentialAction": { "@type":
"SearchAction", "target":
"<data:blog.homepageUrl/>?q={search_term}", "query-input": "required
name=search_term" } }</script>
<b:skin><![CDATA[
/*
-----------------------------------------------
Blogger Template Style
Theme Name : SEOFastBlogger Pro
Description : Responsive, SEO, Fast and Optimize Blogger Templates
Version : 1.0.5
Author : Sholihul Arifin MR
Author URL : http://www. Sholihul Arifin MR.com/
Theme URL : http://www. Sholihul Arifin MR.com/2016/02/seofastblogger-responsive-blogger-

template.html
Created Date : Februari 19, 2016
License : http://www. Sholihul Arifin MR.com/p/terms-of-use.html#template-license
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="colorscheme" description="General Color" type="color" default="#3498DB"

value="#3498DB"/>
<Variable name="textcolor" description="Text Color" type="color" default="#333" value="#333333"/>
<Variable name="linkcolor" description="Link Color" type="color" default="#58a"

value="#111111"/>
<Variable name="bordercolor" description="Border Color" type="color" default="#ecf0f1"

value="#ecf0f1"/>
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize

*/img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-
webkit-text-size-
adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,
section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-
align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{backgroun
d-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px
dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em
0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-
height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-
.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-
sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-
family:monospace,monospace;font-
size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visi
ble}button,select{text-transform:none}button,html
input[type=button],input[type=reset],input[type=submit]{-webkit-
appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-
focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-
height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-
box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-
button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-
webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-
button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px
solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.gmr-container{width:100%;max-width:990px;padding-right:15px;padding-left:15px;margin-
right:auto;margin-left:auto}
.gmr-container:after,.gmr-container:before,.gmr-row:after,.gmr-row:before{content:"";display:table}
.gmr-container:after,.gmr-row:after{clear:both}
.gmr-row{margin-right:-15px;margin-left:-15px}
.gmr-col-1-1,.gmr-col-1-10,.gmr-col-1-11,.gmr-col-1-12,.gmr-col-1-2,.gmr-col-1-3,.gmr-col-1-4,.gmr-col-
1-5,.gmr-col-1-6,.gmr-col-1-7,.gmr-col-1-8,.gmr-col-1-9,.gmr-col-10-12,.gmr-col-11-12,.gmr-col-2-
12,.gmr-col-2-3,.gmr-col-3-12,.gmr-col-4-12,.gmr-col-5-12,.gmr-col-6-12,.gmr-col-7-12,.gmr-col-8-
12,.gmr-col-9-12{float:left;position:relative;min-height:1px;padding-right:15px;padding-left:15px}.gmr-
col-1-1{width:100%}.gmr-col-2-3,.gmr-col-8-12{width:66.66%}.gmr-col-1-2,.gmr-col-6-
12{width:50%}.gmr-col-1-3,.gmr-col-4-12{width:33.33%}.gmr-col-1-4,.gmr-col-3-12{width:25%}.gmr-col-
1-5{width:20%}.gmr-col-1-6,.gmr-col-2-12{width:16.667%}.gmr-col-1-7{width:14.28%}.gmr-col-1-
8{width:12.5%}.gmr-col-1-9{width:11.1%}.gmr-col-1-10{width:10%}.gmr-col-1-11{width:9.09%}.gmr-col-
1-12{width:8.33%}.gmr-col-11-12{width:91.66%}.gmr-col-10-12{width:83.333%}.gmr-col-9-
12{width:75%}.gmr-col-5-12{width:41.66%}.gmr-col-7-12{width:58.33%}.gmr-pull-left{float:left}.gmr-
pull-right{float:right}.gmr-clearfix:after,.gmr-clearfix:before{display:table;content:" "}.gmr-
clearfix:after{clear:both}
a,
.label-size,
.gmr-transition{-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-

in;transition:all .3s ease-in}
html,
html a {-webkit-font-smoothing:antialiased !important;}
body{background:#f8f8f8;margin:auto;line-height:1.6;color:$textcolor;font:normal normal 14px "Open

Sans", Verdana, Geneva, sans-serif;}
a{color:$linkcolor;text-decoration:none;}
a:hover{color:$colorscheme;}
a img{border-width:0}
.gmr-item-post a{color:$colorscheme;text-decoration:underline;}
h1,h2,h3,h4,h5,h6,
.gmr-share .gmr-sharetext,
.gmr-logo{font-style:normal;font-weight:normal;font-family: "Open Sans", Tahoma, Geneva, sans-serif;}
.gmr-logo img{display:inline-block;text-align:left;}
h1,h2,h3,h4,h5,h6{line-height: 1.4;color:$textcolor;}
h1,h2,h3 {margin-top: 10px; margin-bottom: 10px;}
h4,h5 {margin-top: 5px;margin-bottom: 10px;}
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:16px;}
pre,code{font-family: "Consolas",monospace}
pre{white-space:pre;word-wrap:normal;overflow:auto;}
kbd{position:relative;color:#fff;background:#2c3e50;padding:3px 6px;}
h1.entry-title,
h2.entry-title,
h3.entry-title {margin-top: 0;}
a.timestamp-link,
abbr.published{border-width:0!important;}
img{vertical-align: middle;margin-right: auto;margin-left: auto;display: block;max-width: 100%;height:

auto;}
table {background-color: transparent;width: 100%;max-width: 100%;margin-bottom: 20px;}
table img{width: 100%;height: auto}
table.tr-caption-container{padding:0;border:none}
table td.tr-caption{font-size:12px;font-style:italic;}
table {border-spacing: 0;border-collapse: collapse;}
td,
th {padding: 0;}
th {text-align: left;}
.table {width: 100%;max-width: 100%;margin-bottom: 20px;}
.table a {text-decoration: none !important;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {padding: 8px;line-height: 1.42857143;vertical-align: top;}
.table > thead > tr > th {background-color:$colorscheme;color:#fff;vertical-align: bottom;}
.table > thead > tr > th a {color:#fff !important;}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {border-top: 0;}
.table > tbody > tr:nth-of-type(odd) {background-color: #f9f9f9;}
table col[class*="col-"] {position: static;display: table-column;float: none;}
table td[class*="col-"],
table th[class*="col-"] {position: static;display: table-cell;float: none;}
.table-responsive {min-height: .01%;overflow-x: auto;}

input[type="text"],
input[type="email"]{width: 100%;height: 40px;font-size: 14px;color: #666;border-width:0 0 2px;border-

style:solid;border-color:$bordercolor;padding-left: 10px;padding-right: 10px;margin-bottom: 15px;}
textarea{width: 100%;font-size: 14px;color: #666;border-width:0 0 2px;border-style:solid;border-

color:$bordercolor;padding-left: 10px;padding-right: 10px;margin-bottom: 15px;}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus{border-color:$colorscheme;}
input[type="button"],
input[type="submit"],
.gmr-btn {background-color: #3498DB;box-shadow: 0px 6px #2980B9;-moz-box-shadow: 0px 6px

#2980B9;-webkit-box-shadow: 0px 6px #2980B9;-webkit-transition: none;-moz-transition:
none;transition: none;display: inline-block;padding:10px 40px;margin: 0 0 10px 0;vertical-align:
middle;font-size: 16px;border:none !important;color: #fff !important;text-decoration: none !important;}
.gmr-btn:hover,
input[type="button"]:hover,
input[type="submit"]:hover{top:4px;position:relative;box-shadow: 0px 2px #2980B9;-moz-box-shadow:

0px 2px #2980B9;-webkit-box-shadow: 0px 2px #2980B9;}
.gmr-btn-red{background-color: #E74C3C;box-shadow: 0px 6px #BD3E31;-moz-box-shadow: 0px 6px

#BD3E31;-webkit-box-shadow: 0px 6px #BD3E31;}
.gmr-btn-red:hover{box-shadow: 0px 2px #BD3E31;-moz-box-shadow: 0px 2px #BD3E31;-webkit-box-

shadow: 0px 2px #BD3E31;}
.gmr-btn-green{background-color: #82BF56;box-shadow: 0px 6px #669644;-moz-box-shadow: 0px 6px

#669644;-webkit-box-shadow: 0px 6px #669644;}
.gmr-btn-green:hover{box-shadow: 0px 2px #669644;-moz-box-shadow: 0px 2px #669644;-webkit-box-

shadow: 0px 2px #669644;}
.gmr-btn-yellow{background-color: #F2CF66;box-shadow: 0px 6px #D1B358;-moz-box-shadow: 0px 6px

#D1B358;-webkit-box-shadow: 0px 6px #D1B358;}
.gmr-btn-yellow:hover{box-shadow: 0px 2px #D1B358;-moz-box-shadow: 0px 2px #D1B358;-webkit-box-

shadow: 0px 2px #D1B358;}
.gmr-btn-gray{background-color: #95a5a6;box-shadow: 0px 6px #7f8c8d;-webkit-box-shadow: 0px 6px
#7f8c8d;-moz-box-shadow: 0px 6px #7f8c8d;}
.gmr-btn-gray:hover{box-shadow: 0px 2px #7f8c8d;-moz-box-shadow: 0px 2px #7f8c8d;-webkit-box-

shadow: 0px 2px #7f8c8d;}
.gmr-btn-purple{background-color: #9b59b6;box-shadow: 0px 6px #8e44ad;-moz-box-shadow: 0px 6px

#8e44ad;-webkit-box-shadow: 0px 6px #8e44ad;}
.gmr-btn-purple:hover{box-shadow: 0px 2px #8e44ad;-moz-box-shadow: 0px 2px #8e44ad;-webkit-box-

shadow: 0px 2px #8e44ad;}
.gmr-btn-orange{background-color: #e67e22;box-shadow: 0px 6px #d35400;-moz-box-shadow: 0px 6px

#d35400;-webkit-box-shadow: 0px 6px #d35400;}
.gmr-btn-orange:hover{box-shadow: 0px 2px #d35400;-moz-box-shadow: 0px 2px #d35400;-webkit-box-

shadow: 0px 2px #d35400}
.gmr-btn-dark{background-color: #34495e;box-shadow: 0px 6px #2c3e50;-moz-box-shadow: 0px 6px

#2c3e50;-webkit-box-shadow: 0px 6px #2c3e50;}
.gmr-btn-dark:hover{box-shadow: 0px 2px #2c3e50;-moz-box-shadow: 0px 2px #2c3e50;-webkit-box-

shadow: 0px 2px #2c3e50;}
.gmr-btn-block{width:100%;display:block;text-align:center;}
.gmr-btn:active,
input[type="button"]:active,
input[type="submit"]:active{top:6px;position:relative;box-shadow: none;-moz-box-shadow: none;-

webkit-box-shadow: none;}
.post{-webkit-user-select:none;-khtml-user-select:none;-ms-user-select:none;-moz-user-select:none;}
pre,
table tr td,
kbd,
.gmr-color-item{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-
select:text;}
pre{padding:0;margin:.5em auto;white-space:pre;word-wrap:break-word;overflow:auto;background-
color:#2c3e50;position:relative;padding-top:33px;width:100%;-moz-tab-size:2;-o-tab-size:2;tab-
size:2;word-break:normal;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-
user-select:text;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;}
pre::-webkit-scrollbar,
pre::-moz-scrollbar,
pre code::-webkit-scrollbar,
pre code::-moz-scrollbar,
code::-webkit-scrollbar,
code::-moz-scrollbar {display:none;}
pre::before{font-size:15px;font-weight:700;position:absolute;top:0;padding:9px
10px;left:0;right:0;color:#fff!important;display:block;margin:0;text-indent:15px}
pre code{display:block;background:none;border:none;color:#fff;padding:25px 20px 20px 20px;font-

family:Consolas,Monaco,monospace;font-size:.83rem;white-space:pre;overflow:auto}
pre mark,
code mark,
pre code mark {background-color:#3498db!important;color:#fff!important;}
pre[data-codetype="gmrcss"]:before{content:"CSS";background-color:#3498DB;}
pre[data-codetype="gmrhtml"]:before{content:"HTML";background-color:#E74C3C;}
pre[data-codetype="gmrjs"]:before{content:"JS";background-color:#82BF56;}
pre[data-codetype="gmrjquery"]:before{content:"JQuery";background-color:#9b59b6;}
pre[data-codetype="gmrphp"]:before{content:"PHP";background-color:#e67e22;}
.gmr-hidden{display:none !important;}
.gmr-video{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.gmr-video iframe,
.gmr-video object,
.gmr-video embed{position:absolute;top:0;left:0;width:100%;height:100%;}
#navigationwrapper{z-index:1}
#gmrmenuLink {display: none;}
#gmrmenu{background:#fff;border-bottom:3px solid $colorscheme;height:50px;margin:0;padding:0}

#gmrmenu ul,
#gmrmenu li{margin:0;padding:0;list-style:none}
#gmrmenu ul{margin:0;padding:0}
#gmrmenu li{float:left;display:inline;position:relative;}
#gmrmenu a{text-transform:uppercase;display:block;line-height:47px;height:47px;margin:0 0;padding:0

15px;text-decoration:none;}
#gmrmenu li .active,
#gmrmenu li:hover > a,
#gmrmenu li a:hover{background:$colorscheme;color:#fff;}
#gmrmenu ul.menus{height:auto;width:200px;background:#fff;position:absolute;z-
index:99;display:none;}
#gmrmenu ul.menus:before {font-family: FontAwesome;font-size:30px;color:#fff;position:absolute;top:-

20px;left:20px;content:"\f0d8";}
#gmrmenu ul.menus a{line-height:30px;height:30px;font-size:11px;}
#gmrmenu ul.menus li{display:block;width:100%;}
#gmrmenu li:hover ul.menus{display:block;}
#gmrmenu li:hover > a.submenus,
#gmrmenu a.submenus:hover{background:$colorscheme;}
#gmrmenu a.submenus:after{content:"\f107";font-family:FontAwesome;font-style:normal;font-
weight:400;text-decoration:inherit;margin:0;padding:0 0 0 8px;display:inline-block;}
#gmrmenu li:hover > a.submenus:after,
#gmrmenu a.submenus:hover:after{content:"\f106";}
#gmrmenu ul.menus a:hover{background:#efefef;color:#333;}
.breadcrumb {padding: 15px 25px;margin: 0;background:$colorscheme;list-style: none;}
.breadcrumb > li a {color:#fff;}
.breadcrumb > li a:hover{color:#f8f8f8;}
.breadcrumb > li {display: inline-block;}

.breadcrumb > li + li:before {padding: 0 5px;color: #ccc;content: "\00bb ";}
.breadcrumb > li.disable{color:#ddd;}
.breadcrumb > li.disable.gmr-hidden{display:none;}
.breadcrumb > .active {color: #777;}
#header{margin:0;}
#header h1{ margin:0;padding:5px 0 0;line-height:1em;letter-spacing:normal;font-size:24px;}
#header a{text-decoration:none}
#gmr-header-inside{padding-top:30px;padding-bottom:30px;}
.gmr-logo {padding:0;margin:0;font-size:20px;text-transform:uppercase;color:$colorscheme;}
.gmr-logo a {color:$colorscheme;}
#gmr-header-search{width:100%;padding:0;margin:0;}
#gmr-header-search #search-form{width:100%;margin:0;padding:0;}
#gmr-header-search #search-text{width:100%;background:#fff;font-
size:12px;display:block;margin:0;height:40px;line-height:40px;padding-right:5%;padding-left:5%;border-
width:0 0 2px;border-style:solid;border-color:#ecf0f1;}
#gmr-header-search #search-text:focus{border-color:$colorscheme;}
.gmr-allwrap{margin:0 auto;}
#gmr-main-layout{margin:30px auto 0 auto;}
#gmr-main-wrapper{word-wrap:break-word;overflow:hidden}
.gmr-metapost,
.gmr-metapost a{font-size:13px;font-weight:600;color:#95a5a6}
.gmr-metapost .gmr-author,
.gmr-metapost .gmr-date{margin-right:10px}
.gmr-date{color:#95a5a6;font-size:13px;font-weight:600;}
.post{margin:0 0 30px;background:#fff;padding:20px;border-width:0 0 2px;border-style:solid;border-

color:#ecf0f1;}
.post h2.entry-title{font-size:24px;font-weight:300;line-height:1.3;}
.post-body{margin:10px 0;line-height:1.6;font-size:15px;}
.post-item{margin:10px 0 auto;font-size:14px;color:#555;line-height:1.6;}
.post-body blockquote{font-family: Georgia, "Times New Roman", serif;margin:0px;color: #b4b4b4;font-

weight: 400;line-height: 20px;font-style: italic;text-indent: 65px;position: relative;background:
#fff;border-left:3px solid #f8f8f8;padding: 20px;}
.post-body blockquote:before{content: '\201C';position: absolute;font-size: 85px;top: 25px;left: -

45px;color: $colorscheme;}
.post-body blockquote:after{content: '\201D';position: absolute;font-size: 85px;bottom: -10px;right:

25px;color: $colorscheme;}
.post-body blockquote p {display: inline;}
.gmr-footer-label {padding:10px 20px;background:#f8f8f8;border-width:0 0 2px;border-

style:solid;border-color:#ecf0f1;width:100%;display:block;}
.gmr-footer-label .post-labels{margin:0;padding:0;font-size:16px;}
.gmr-footer-label .post-labels a{margin-left:5px;font-size:12px;background:#fff;padding:2px 6px;}
.gmr-content-post{padding-left:270px;}
.gmr-thumbnail img.post-thumbnail{margin:0 12px 0 0;width:250px;float:left}
.gmr-blockpost-title{text-align:center;margin-bottom:20px;padding-bottom:10px;border-bottom:double
3px $bordercolor;}
.gmr-blockpost-title h1 {text-align:center;font-size:30px;font-weight:300;}
#comments{display:none}
#disqus_thread{margin-top:20px;}
#blog-pager{text-align:center;line-height:1.4em;margin:15px 0}
#blog-pager .gmr-textpager-newer{margin-left:5px;}
#blog-pager .gmr-textpager-older{margin-right:5px;}
#blog-pager .gmr-btn{padding:7px 10px;}
.gmr-pagenav {text-align:center;line-height:1.4em;margin:15px 0 30px 0;text-align:center;font-

size:14px;}
.gmr-pagenav span,
.gmr-pagenav a{background-color: #3498DB;box-shadow: 0px 6px #2980B9;-moz-box-shadow: 0px 6px
#2980B9;-webkit-box-shadow: 0px 6px #2980B9;-moz-transition: none;-webkit-transition:
none;transition: none;display: inline-block;padding:10px 15px;margin-left:3px;margin-right:3px;vertical-
align: middle;font-size: 14px;color: #fff !important;text-decoration: none !important;}
.gmr-pagenav .pages{background:$colorscheme;color:#fff;}
.gmr-pagenav .current,
.gmr-pagenav a:hover {top:4px;position:relative;box-shadow: 0px 2px #2980B9;-moz-box-shadow: 0px

2px #2980B9;-webkit-box-shadow: 0px 2px #2980B9;}
.gmr-pagenav a:active {top:6px;position:relative;box-shadow: none;-moz-box-shadow: none;-webkit-

box-shadow: none;}
.gmr-pagenav .pages {display:none;}
.feed-links{display:none;clear:both;line-height:1.5em}
.profile-img{float:left;margin-top:0;margin-right:5px;margin-bottom:5px;margin-
left:0;padding:4px;border:1px solid $bordercolor}
.profile-data{margin:0;line-height:1.6em}
.profile-datablock{margin:.5em 0}
.profile-textblock{margin:.5em 0;line-height:1.6em}
.gmr-share-top{margin-bottom:10px;}
.gmr-share{margin-top:10px;margin-bottom:20px;text-align:center;padding-bottom:0;border-
bottom:2px solid $bordercolor;}
.gmr-share .gmr-sharetext{display:block;margin-top:20px;margin-bottom:30px;}
.gmr-share .gmr-sharetext h3{font-size:18px !important;text-align:center;border-bottom:2px solid

$bordercolor;position:relative;}
.gmr-share .gmr-sharetext h3 span{background-color:#fff;position:relative;top: 10px;padding: 0 10px;}
.gmr-share .gmr-sharetext-btn{margin-left:5px;font-size:14px !important}
.gmr-share-top ul,
.gmr-share ul{list-style:none;margin:0;padding:0}
.gmr-share-top ul{text-align:center;margin:0;padding:0}
.gmr-share-top ul li{display:inline-block;width:49.5%;}
.gmr-share ul li{display:inline-block;}
.gmr-share-top ul li,
.gmr-share-btn{display:inline-block;color: #ffffff;font-size:18px;border: none;padding: 5px 10px;outline:

none;text-align: center;}
.gmr-share-btn.twitter {background:#55acee;}
.gmr-share-btn.gplus{background:#c0392b;}
.gmr-share-btn.pinterest{background:#dd4b39;}
.gmr-share-btn.facebook{background:#3B5998;}
.gmr-share-btn.stumbleupon{background:#EB4823;}
.gmr-share-btn.blogthis{background:#ff5700;}
.gmr-share-btn.linkedin{background:#4875B4;}
.gmr-share-btn.email{background:#444444;}
.gmr-share-btn:hover{color:#ffffff;background:#333333;}
.gmr-share-top ul li .gmr-share-btn{width:100%;padding: 10px 0;}
.gmr-share-top .gmr-sharetext-btn{margin-left:5px;font-size:16px !important}
.gmr-subscribebox{width:100%;padding:20px;background:#f8f8f8;margin:30px 0 0;}
.gmr-subscribebox #gmr-subscribe-input{width:100%;background:#fff;font-
size:12px;display:block;margin:0;height:40px;line-height:40px;padding:0 5%;border-width:0 0
2px;border-style:solid;border-color:#ecf0f1;}
.gmr-subscribebox #gmr-subscribe-input:focus{border-color:$colorscheme;}
.gmr-subscribebox .gmr-btn{margin-top:20px;}
#adsense1-wrapper,
#adsense2-wrapper{text-align:center;}
.adsense1 .widget-content{margin:0;padding:30px 0 0}
.adsense2 .widget-content{margin:0;padding:0 0 30px}
.gmr-layout-widget .widget{background:#fff;}
.gmr-layout-widget .widget-content{padding:0 20px 20px 20px;margin-bottom:30px;border-width:0 0
2px;border-style:solid;border-color:#ecf0f1;}
.gmr-layout-widget.gmr-footer .widget{border-color:#dfdfdf !important;}
.gmr-layout-widget #HTML10 .widget-content{padding:0px !important;}
.gmr-layout-widget .widget ul{list-style:none;margin:0;padding:0}
.gmr-layout-widget .widget li{display:block;margin:0;padding:5px 0 10px;border-bottom:2px solid

$bordercolor;line-height:1.5em;}
.gmr-layout-widget .widget li:last-child{border-bottom:none;padding:5px 0 5px;}
.gmr-layout-widget .widget h2,
.gmr-layout-widget .widget h3{font-size:18px;text-transform:uppercase;line-height:20px;margin:0 20px

10px;padding:20px 0 0;word-wrap:break-word;border-bottom:3px solid $bordercolor}
.gmr-layout-widget .widget h3 span{border-bottom:3px solid $colorscheme;display: inline-

block;padding:0 0 10px;margin-bottom:-3px;}
.PopularPosts .item-content{margin:0;padding:0}
.PopularPosts ul li .item-title{margin-bottom:5px;margin-top:5px;}
.PopularPosts .item-snippet{padding:0;margin:0;line-height:1.4em}
.PopularPosts .item-thumbnail{float:left;padding:0;margin:4px 10px 0 0}
.PopularPosts .item-thumbnail img{height:72px;width:72px;margin:0;}
.gmr-related-headtitle{display:block;margin-top:20px;margin-bottom:30px;}
.gmr-related-headtitle h2{font-size:18px !important;text-align:center;border-bottom:2px solid

$bordercolor;position:relative;}
.gmr-related-headtitle h2 span{background-color:#fff;position:relative;top: 10px;padding: 0 10px;}
.gmr-relatedpost {display:block;position: relative;}
.gmr-relatedpost ul {position:relative;padding:0;margin:0 -10px;}
.gmr-relatedpost ul li{display:inline-block;width:33.33%;margin:0 0 20px 0;padding:0;vertical-align: top;}
.gmr-relatedpost ul li .item-thumbnail a{display:block;padding:0;margin:0 10px;}
.gmr-relatedpost ul li .item-snippet{margin:0 10px;font-size:13px;color:#999;}

.gmr-relatedpost ul li .item-title{margin:5px 10px 10px;line-height:1.4;font-size:16px !important;}
.gmr-relatedpost ul li img{margin-bottom:10px;padding:0;width:100%;}
.follow-by-email-inner td{display: block;width: 100%;}
.FollowByEmail .follow-by-email-inner{padding:0;margin:0;}
.FollowByEmail .follow-by-email-inner table,
.FollowByEmail .follow-by-email-inner form{margin:0;padding:0;}
.FollowByEmail .follow-by-email-inner .follow-by-email-address{width: 100%;height: 40px;font-size:

14px;color: #666;border-width:0 0 2px;border-style:solid;border-color:$bordercolor;padding-left:
10px;padding-right: 10px;margin-bottom: 15px;}
.FollowByEmail .follow-by-email-inner .follow-by-email-address:focus{border-color:$colorscheme;}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit{width: 100%;background-color:

#3498DB;border-width:0;box-shadow: 0px 6px #2980B9;-moz-box-shadow: 0px 6px #2980B9;-webkit-
box-shadow: 0px 6px #2980B9;-webkit-transition: none;-moz-transition: none;transition: none;display:
block;padding:10px 40px;margin: 0 0 10px 0;vertical-align: middle;font-size: 16px;color: #fff
!important;text-decoration: none !important}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{top:4px;position:relative;box-

shadow: 0px 2px #2980B9;-moz-box-shadow: 0px 2px #2980B9;-webkit-box-shadow: 0px 2px #2980B9;}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:active{top:6px;position:relative;box-

shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;}
.gmr-notice {position: relative;margin-bottom: 20px;background: #f8f8f8;padding: 15px 15px 15px

30px;border-left: 4px solid $colorscheme;}
.gmr-notice:before {content:"\f129";font-family: FontAwesome;position: absolute;top: 50%;margin-top:

-15px;left: -18px;background-color: $colorscheme;color: #FFF;width: 30px;height: 30px;border-radius:
100%;text-align: center;line-height: 30px;font-weight: bold;}
.gmr-notice a {color:$colorscheme;}
.gmr-notice.status-msg-body{background: #fff;text-align:center;}
.cloud-label-widget-content{text-align:left}
.label-size{background:$colorscheme;display:inline-block;margin:0 6px 10px 0;line-height:1.6;}
.label-size a,
.label-size span{display:inline-block;padding:8px 12px;color:#fff;font-size:14px !important;}

.label-size:hover{background:#333;text-decoration:none}
.label-size a:hover{text-decoration:none}
.label-count{white-space:nowrap;background:#333;}
.widget.Label li {clear: both;}
.widget.Label li span {float:right;}
.jump-link{margin:5px 0;padding:0;font-size:11px;font-weight:700;text-transform:uppercase}
.showpage a,
.pagecurrent{font-size:12px;padding:8px 12px;margin-right:4px;color:#fff;background:$linkcolor;}
.showpage a:hover,
.pagecurrent{background:$colorscheme;text-decoration:none;color:#fff}
.showpageOf,
.firstpage,
.lastpage{display:none!important}
.feed-links,
a.quickedit{display: none!important;}
#gmr-credit-wrapper{background:#ecf0f1;width:100%;margin:0 auto;padding:30px 0 0;}
.credit{line-height:1.4em;background:#fff;border-top:3px solid $colorscheme;text-align:center;font-

size:12px;text-transform:uppercase;padding:30px 20px;}
.credit a:hover{color:$colorscheme;text-decoration:underline}
.gmr-copyright{margin-bottom:10px;}
h1.gmr-pagetitle{display:none !important}
.status-msg-hidden{display:none}
.toc-note{display:block;width:100%;text-align:center;margin-bottom:20px;}
/*
Responsive
************************************************/
@media (min-width: 992px) {
.container {width: 990px;}
@media screen and (max-width: 991px) {
.gmr-col-1-1,.gmr-col-2-3,.gmr-col-8-12,.gmr-col-1-2,.gmr-col-6-12,.gmr-col-1-3,.gmr-col-4-
12,.gmr-col-1-4,.gmr-col-3-12,.gmr-col-1-5,.gmr-col-1-6,.gmr-col-2-12,.gmr-col-1-7,.gmr-col-1-8,.gmr-
col-1-9,.gmr-col-1-10,.gmr-col-1-11,.gmr-col-1-12,.gmr-col-11-12,.gmr-col-10-12,.gmr-col-9-12,.gmr-col-
5-12,.gmr-col-7-12{
width: auto;
float: none;
.gmr-hide-on-mobile {display: none !important;width: 0;height: 0;}
.gmr-navigation {position:relative;padding:0;margin:0 auto;}
#gmrmenuLink{position:absolute;top: 0;right: auto;left: auto;height:47px;line-height:47px;text-

decoration:inherit;width:100%;text-align:center;z-index: 10;display:inline-block;}
#gmrmenuLink:before{content:"\f0c9";font-family:FontAwesome;font-style:normal;font-
weight:bold;display:inline-block;}
#gmrmenu {position:relative;}
#gmrmenu ul {background:#fff;position:absolute;top:50px;right:0;left:0;z-
index:3;height:auto;display:none;}
#gmrmenu.active ul{display:block;}
#gmrmenu ul.menus {width:100%;position:static;border:none;}
#gmrmenu ul.menus:before{display:none;}
#gmrmenu ul.menus a{padding:0 15px 0 35px;}
#gmrmenu li {display:block;float:none;width:auto;text-align:left;}
#gmrmenu a{padding:0 20px;}
#gmrmenu a.submenus{padding:0 20px;}

.gmr-logo {text-align:center;margin-bottom:10px;}
.gmr-thumbnail img.post-thumbnail{margin:0 15px 0 0;width:80px;}
.gmr-content-post{padding-left:95px;}
#blog-pager {padding:15px 0 15px;}
#comments{margin:0;padding:10px 0;}
@media screen and (max-width: 767px) {
.table-responsive {width: 100%;margin-bottom: 15px;overflow-y: hidden;-ms-overflow-style: -

ms-autohiding-scrollbar;}
.table-responsive > .table {margin-bottom: 0;}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {white-space: nowrap;}
.table-responsive > .table-bordered {border: 0;}
@media screen and (max-width:480px) {
.gmr-thumbnail img.post-thumbnail{margin:0 0 20px 0;width:100%;float:none;}
.gmr-content-post{padding-left:0;}
#blog-pager .gmr-textpager-newer,
#blog-pager .gmr-textpager-older,
.gmr-share-top .gmr-sharetext-btn,
.gmr-share .gmr-sharetext-btn{display:none;}
.gmr-relatedpost ul li{width:50%;}
@media (max-width:350px){
#comment-editor{width: 100%!important;margin:0 0!important;}
@media screen and (max-width:240px) {
#header img {max-width:100%;height:auto;}
]]></b:skin>
<b:if cond='data:blog.isMobile == "true"'>

<style>
.mobile .gmr-metapost .gmr-author,
.mobile .gmr-metapost .gmr-comment-link,
.mobile .post-item,
.mobile .breadcrumb > li.disable{display:none;}
.mobile .gmr-navigation {position:relative;padding:0;margin:0 auto;}
.mobile #gmrmenuLink{position:absolute;top: 0;right: auto;left: auto;height:47px;line-height:47px;text-

decoration:inherit;width:100%;text-align:center;z-index: 10;display:inline-block;}
.mobile #gmrmenuLink:before{content:"\f0c9";font-family:FontAwesome;font-style:normal;font-
weight:bold;display:inline-block;}
.mobile #gmrmenu {position:relative;}
.mobile #gmrmenu ul {position:absolute;top: 50px;right:0;background:#fff;left:0;z-

index:3;height:auto;display:none;}
.mobile #gmrmenu.active ul{display:block;}
.mobile #gmrmenu ul.menus {width:100%;position:static;border:none;}
.mobile #gmrmenu ul.menus a{padding:0 15px 0 35px;}
.mobile #gmrmenu ul.menus:before{display:none;}
.mobile #gmrmenu li {display:block;float:none;width:auto;text-align:left;}
.mobile #gmrmenu a{padding:0 20px;}
.mobile #gmrmenu a.submenus{padding:0 20px;}
.mobile .gmr-content-post{padding-left:0px;padding-right:90px;}
.mobile .gmr-thumbnail img.post-thumbnail{margin:0 0 0 10px;height:80px;width:80px;float:right}
</style>
</b:if>
<b:if cond='data:blog.pageType == "error_page"'>

<style>
.gmr-bubble-error {position:relative;padding:70px 30px;font-size:30px;margin:0 auto

80px;background:#f8f8f8;border-bottom:2px solid #efefef;text-align:center;}
.gmr-bubble-error:before {content:""; position:absolute; z-index:10; bottom:-40px;right:100px;

width:50px; height:50px; border:3px solid #CF000F; background:#fff;-webkit-border-radius:50px;-moz-
border-radius:50px;border-radius:50px;display:block;}
.gmr-bubble-error:after {content:"";position:absolute;z-index:10;bottom:-
60px;right:50px;width:25px;height:25px;border:3px solid #D9B611;background:#fff;-webkit-border-
radius:25px;-moz-border-radius:25px;border-radius:25px;display:block;}
.gmr-author-404{text-align:right;font-size:40px;font-weight:700;}
</style>
</b:if>
<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "p/flat-ui-color-

picker.html"'>

<style>
.gmr-color-js{padding: 10px;margin-bottom: 25px;border: none;width: 100%;display:block;}
.gmr-color-wrap{position:relative;clear:both;left:0;width:100%;z-index:500}
.gmr-color-picker{width:25%;padding-bottom:18%;color:#FFF;position:relative;float:left;top:0;bottom:0}
.gmr-color-item{position:absolute;margin:0;left:0;right:0;top:0;bottom:0;text-align:center;text-
transform:uppercase;padding:5%}
.gmr-color-item:hover{display:inline;z-index:999;overflow:hidden;cursor:pointer;-webkit-box-shadow:
0px 0px 10px 0px rgba(0,0,0,0.37);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.37);box-shadow:
0px 0px 10px 0px rgba(0,0,0,0.37);}
@media only screen and (min-width:768px) and (max-width:959px){
.gmr-color-picker{width:50%;color:#FFF}
.gmr-color-item{padding:8%;font-size:.875em}
.hex-number{position:relative;line-height:22px;text-align:center}
@media only screen and (max-width:767px){
@media only screen and (min-width:480px) and (max-width:767px){

</style>
</b:if>
<script type='text/javascript'>
//<![CDATA[
function loadCSS(e,t,n){"use strict";var

i=window.document.createElement("link"),o=t||window.document.getElementsByTagName("script")[0
];i.rel="stylesheet",i.href=e,i.media="only
x",o.parentNode.insertBefore(i,o),setTimeout(function(){i.media=n||"all"})}
loadCSS('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,600');
loadCSS('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css');
//]]>
</script>
<b:if cond='data:blog.isMobile == "false"'>
//<![CDATA[
function recentpostslist(e){document.write("<ul>");for(var
t=0;t<e.feed.entry.length&&t!=e.feed.entry.length;t++){for(var
r=0;r<e.feed.entry[t].link.length;r++)if("alternate"==e.feed.entry[t].link[r].rel){entryUrl=e.feed.entry[t].li
nk[r].href;break}var n=e.feed.entry[t].title.$t,l='<li><a href="'+entryUrl+'"
title="'+n+'">'+n+"</a></li>";document.write(l)}document.write("</ul>")}
//]]>
</script>
<b:if cond='data:blog.pageType != "item"'>

//<![CDATA[
function Sholihul Arifin MR _thumbnail_resize(t,a,e,i){var

s=t,c=a,g=!0,A="https://2.bp.blogspot.com/-
erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s72-c/default.png";return
1==g&&""==e&&(e=A),image_tag='<img src="'+e.replace("/s72-c/","/w"+s+"-c-h"+c+"/")+'" class="post-
thumbnail" alt="'+i+'" width="'+s+'" height="'+c+'" title="'+i+'"/>',""!=e?image_tag:""}
//]]>
</script>
</b:if>
</b:if>
//<![CDATA[
function readpostlabels(e){for(var
t,r,l,i=0;i<e.feed.entry.length&&(t=e.feed.entry[i],i!=e.feed.entry.length);i++){relatedTitles[relatedTitles
Num]=t.title.$t,l="","content"in t?l=t.content.$t:"summary"in
t&&(l=t.summary.$t),relatedpSummary[relatedTitlesNum]=removetags(l,relatedmaxnum);try{r=t.media
$thumbnail.url}catch(n){s=t.content.$t,a=s.indexOf("<img"),b=s.indexOf("src='",a),c=s.indexOf("'",b+5),d
=s.substr(b+5,c-b-5),r=-1!=a&&-1!=b&&-
1!=c&&""!=d?d:relatednoimage}relatedThumb[relatedTitlesNum]=r.replace("/s72-
c/","/w"+width_sizes+"-c-h"+height_sizes+"/");for(var
m=0;m<t.link.length;m++)if("alternate"==t.link[m].rel){relatedUrls[relatedTitlesNum]=t.link[m].href;brea
k}relatedTitlesNum++}}function showrelated(){for(var e=new Array(0),t=new Array(0),r=new
Array(0),l=new
Array(0),a=0;a<relatedUrls.length;a++)contains(e,relatedUrls[a])||(e.length+=1,e[e.length-
1]=relatedUrls[a],t.length+=1,t[t.length-1]=relatedTitles[a],r.length+=1,r[r.length-
1]=relatedpSummary[a],l.length+=1,l[l.length-
1]=relatedThumb[a]);relatedTitles=t,relatedUrls=e,relatedpSummary=r,relatedThumb=l;for(var
a=0;a<relatedTitles.length;a++){var d=Math.floor((relatedTitles.length-
1)*Math.random()),s=relatedTitles[a],i=relatedUrls[a],n=relatedpSummary[a],m=relatedThumb[a];relate
dTitles[a]=relatedTitles[d],relatedUrls[a]=relatedUrls[d],relatedpSummary[a]=relatedpSummary[d],relat
edThumb[a]=relatedThumb[d],relatedTitles[d]=s,relatedUrls[d]=i,relatedpSummary[d]=n,relatedThumb[
d]=m}for(var h,u=0,o=Math.floor((relatedTitles.length-
1)*Math.random()),T=o,g=document.URL;relatedPostsNum>u&&(relatedUrls[o]==g||(h="<li>",h+="<div
class='item-thumbnail'><a href='"+relatedUrls[o]+"?m=1' title='"+relatedTitles[o]+"'><img
src='"+relatedThumb[o]+"' title='"+relatedTitles[o]+"' width='"+width_sizes+"' height='"+height_sizes+"'
alt='"+relatedTitles[o]+"'/></a></div>",h+="<div class='item-title'><a href='"+relatedUrls[o]+"?m=1'
title='"+relatedTitles[o]+"'>"+relatedTitles[o]+"</a></div>",h+="<div class='item-
snippet'>"+relatedpSummary[o]+" ...
</div>",h+="</li>",document.write(h),u++,u!=relatedPostsNum))&&(o<relatedTitles.length-
1?o++:o=0,o!=T););}function removetags(e,t){for(var r=e.split("<"),l=0;l<r.length;l++)-
1!=r[l].indexOf(">")&&(r[l]=r[l].substring(r[l].indexOf(">")+1,r[l].length));return
r=r.join(""),r=r.substring(0,t-1)}function contains(e,t){for(var
r=0;r<e.length;r++)if(e[r]==t)return!0;return!1}var relatedTitles=new Array,relatedUrls=new
Array,relatedpSummary=new Array,relatedThumb=new
Array,relatedTitlesNum=0,relatedPostsNum=3,relatedmaxnum=75,width_sizes=185,height_sizes=115,re
latednoimage="https://2.bp.blogspot.com/-
erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s72-c/default.png";
//]]>
</script>
<b:else/>
//<![CDATA[
function readpostlabels(e){for(var
t,r,l,i=0;i<e.feed.entry.length&&(t=e.feed.entry[i],i!=e.feed.entry.length);i++){relatedTitles[relatedTitles
Num]=t.title.$t,l="","content"in t?l=t.content.$t:"summary"in
t&&(l=t.summary.$t),relatedpSummary[relatedTitlesNum]=removetags(l,relatedmaxnum);try{r=t.media
$thumbnail.url}catch(n){s=t.content.$t,a=s.indexOf("<img"),b=s.indexOf("src='",a),c=s.indexOf("'",b+5),d
=s.substr(b+5,c-b-5),r=-1!=a&&-1!=b&&-
1!=c&&""!=d?d:relatednoimage}relatedThumb[relatedTitlesNum]=r.replace("/s72-
c/","/w"+width_sizes+"-c-h"+height_sizes+"/");for(var
m=0;m<t.link.length;m++)if("alternate"==t.link[m].rel){relatedUrls[relatedTitlesNum]=t.link[m].href;brea
k}relatedTitlesNum++}}function showrelated(){for(var e=new Array(0),t=new Array(0),r=new
Array(0),l=new
Array(0),a=0;a<relatedUrls.length;a++)contains(e,relatedUrls[a])||(e.length+=1,e[e.length-
1]=relatedUrls[a],t.length+=1,t[t.length-1]=relatedTitles[a],r.length+=1,r[r.length-
1]=relatedpSummary[a],l.length+=1,l[l.length-
1]=relatedThumb[a]);relatedTitles=t,relatedUrls=e,relatedpSummary=r,relatedThumb=l;for(var
a=0;a<relatedTitles.length;a++){var d=Math.floor((relatedTitles.length-
1)*Math.random()),s=relatedTitles[a],i=relatedUrls[a],n=relatedpSummary[a],m=relatedThumb[a];relate
dTitles[a]=relatedTitles[d],relatedUrls[a]=relatedUrls[d],relatedpSummary[a]=relatedpSummary[d],relat
edThumb[a]=relatedThumb[d],relatedTitles[d]=s,relatedUrls[d]=i,relatedpSummary[d]=n,relatedThumb[
d]=m}for(var h,u=0,o=Math.floor((relatedTitles.length-
1)*Math.random()),T=o,g=document.URL;relatedPostsNum>u&&(relatedUrls[o]==g||(h="<li>",h+="<div
class='item-thumbnail'><a href='"+relatedUrls[o]+"' title='"+relatedTitles[o]+"'><img
src='"+relatedThumb[o]+"' title='"+relatedTitles[o]+"' width='"+width_sizes+"' height='"+height_sizes+"'
alt='"+relatedTitles[o]+"'/></a></div>",h+="<div class='item-title'><a href='"+relatedUrls[o]+"'
title='"+relatedTitles[o]+"'>"+relatedTitles[o]+"</a></div>",h+="<div class='item-
snippet'>"+relatedpSummary[o]+" ...
</div>",h+="</li>",document.write(h),u++,u!=relatedPostsNum))&&(o<relatedTitles.length-
1?o++:o=0,o!=T););}function removetags(e,t){for(var r=e.split("<"),l=0;l<r.length;l++)-
1!=r[l].indexOf(">")&&(r[l]=r[l].substring(r[l].indexOf(">")+1,r[l].length));return
r=r.join(""),r=r.substring(0,t-1)}function contains(e,t){for(var
r=0;r<e.length;r++)if(e[r]==t)return!0;return!1}var relatedTitles=new Array,relatedUrls=new
Array,relatedpSummary=new Array,relatedThumb=new
Array,relatedTitlesNum=0,relatedPostsNum=3,relatedmaxnum=75,width_sizes=185,height_sizes=115,re
latednoimage="https://2.bp.blogspot.com/-
erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s72-c/default.png";
//]]>
</script>
</b:if>
</b:if>
</head>
<body expr:class='"loading Sholihul Arifin MR " + data:blog.mobileClass'

itemscope='itemscope' itemtype="https://schema.org/WebPage">
<div id='top'/>
<div class='gmr-allwrap'>


<div id='gmr-header-inside' class='gmr-container' itemscope='itemscope'
itemtype='http://schema.org/WPHeader'>
<div class='gmr-row'>
<div id='gmr-header-left' class='gmr-col-1-2'>
<b:section class='header' id='header' maxwidgets='1'

showaddelement='no'>
<b:widget id='Header1' locked='true' title='Ulasan

Teknologi Masa Kini (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if
cond='data:imagePlacement == "BEHIND"'>
<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='gmr-
logo' style='background: transparent'>
<div
class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
<b:include name='description'/>
</div>
</div>
</div>
<b:else/>

<div class='gmr-logo'>
<a
expr:href='data:blog.homepageUrl' expr:title='data:title'>
<img
expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl'
expr:alt='data:title' expr:title='data:title'/>
</a>
<div class='gmr-
hidden'>
<b:include name='title'/>
</div>
<b:include
name='description'/>
</div>
</b:if>
<b:else/>

<div class='gmr-logo'>
<b:include
name='title'/>
<b:include
name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url ==
data:blog.homepageUrl'>
<a
expr:href='data:blog.homepageUrl' expr:title='data:title'><span
itemprop='headline'><data:title/></span></a>
<b:else/>
<a
expr:href='data:blog.homepageUrl' expr:title='data:title'><span
itemprop='headline'><data:title/></span></a>
</b:if>
</b:includable>
<b:includable id='description'>
<span class='gmr-hidden'
itemprop='description'><data:description/></span>
</b:includable>
</b:widget>
</b:section>
</div> 
<div id='header-right' class='gmr-col-1-2'>
<div id='gmr-header-search'>
<form action='/search' id='search-form' class='gmr-pull-

right' method='get' target='_top'>
<input id='search-text' placeholder='Search and

enter' name='q' type='text'/>
</form>
</div>
</div> 
</div> 
</div> 



<div id='navigationwrapper'>
<div class='gmr-container'>
<div class='gmr-col-1-1'>
<b:section class='gmr-navigation' id='navigation'

maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML2' locked='true'

mobile='yes' title='Navigation List' type='HTML'>
<div id='gmrmenuwrapper'
role='navigation' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'
class='widget-content'>
<b:if
cond='data:content != ""'>
<data:content/>
<b:else/>

<a
href='#gmrmenu' id='gmrmenuLink' class='menu-link' title='Open Menu'>

<span></span> Menu
</a>
<div
id='gmrmenu'>
<ul>
<li itemprop='url'><a expr:href='data:blog.homepageUrl' title='Home'

itemprop='name'>Home</a></li>
<li itemprop='url'><a href='#' title='Menu 1' itemprop='name'>Menu 1</a></li>
<li itemprop='url'>
<a class='submenus' href='#' title='Menu 4' itemprop='name'>Menu 4</a>
<ul class='menus'>
<li itemprop='url'><a href='#' itemprop='name' title='SubMenu 1'>SubMenu 1</a></li>
</ul>
</li>
<li itemprop='url'><a expr:href='data:blog.homepageUrl + "?m=1"' itemprop='name'
title='Mobile Template'>Mobile</a></li>
<li itemprop='url'><a href='#' itemprop='name' title='Download Now'>Download Now</a></li>
</ul>
</div>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
</div>


<div id='adsense1-wrapper' class='gmr-col-1-1'>
<b:section class='adsense1' id='HeaderBanner' maxwidgets='1'

showaddelement='yes'>
<b:widget id='HTML9' locked='true' title='Adsense

728x90' type='HTML'>
<b:if cond='data:content != ""'>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>


<div id='gmr-main-layout'>

<div id='gmr-main-wrapper' expr:class='data:blog.isMobile ==

"true" ? "gmr-col-1-1" : "gmr-col-8-12"' itemscope='itemscope' itemtype='http://schema.org/Blog'
role='main'>
<b:section class='main' id='main'

showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting

Blog' type='Blog'>
<b:includable id='breadcrumb'
var='posts'>
<div class='gmr-breadcrumb-
wrap'>
<b:if cond='data:blog.pageType
== "error_page"'>
<ol class='breadcrumb'
itemscope='itemscope' itemtype='http://schema.org/BreadcrumbList'>
<li
itemprop='itemListElement' itemscope='itemscope' itemtype='http://schema.org/ListItem'>
<a
expr:href='data:blog.homepageUrl' title='Home' itemprop='item'>
<span itemprop='name'>
Home
</span>
</a>
</li>
<li
class='disable'>
<span>Page Not Found</span>
</li>
</ol>
<b:else/>
<b:if
cond='data:blog.homepageUrl == data:blog.url'>

<b:else/>
<b:if
cond='data:blog.pageType == "item"'>

<ol
class='breadcrumb' itemscope='itemscope' itemtype='http://schema.org/BreadcrumbList'>
<li itemprop='itemListElement' itemscope='itemscope' itemtype='http://schema.org/ListItem'>
<a expr:href='data:blog.homepageUrl' title='Home' itemprop='item'>
Home
</span>
</a>
</li>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<li itemprop='itemListElement' itemscope='itemscope'

itemtype='http://schema.org/ListItem'>
<a itemprop='item' expr:href='data:label.url + "?&max-
results=7"' expr:title='data:label.name'>
<data:label.name/>
</span>
</a>
</li>
</b:loop>
<b:else/>
<li class='disable'>
<span>No Label</span>
</li>
</b:if>
<li class='disable gmr-hidden'>
<span><data:post.title/></span>
</li>
</b:loop>
</ol>
<b:else/>
<ol
class='breadcrumb' itemscope='itemscope' itemtype='http://schema.org/BreadcrumbList'>
<b:if cond='data:blog.pageType == "archive"'>

<li itemprop='itemListElement' itemscope='itemscope' itemtype='http://schema.org/ListItem'>
<a itemprop='item' expr:href='data:blog.homepageUrl' title='Home'>
Home
</span>
</a>
</li>
<data:blog.pageName/>
</li>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageName == ""'>

<a itemprop='item' expr:href='data:blog.homepageUrl'

title='Home'><span itemprop='name'>Home</span></a>
</li>
All posts
</li>
<b:else/>

<a itemprop='item' expr:href='data:blog.homepageUrl' title='Home'>
<span itemprop='name'>Home</span>
</a>
</li>
<data:blog.pageName/>
</li>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>


<a expr:href='data:blog.homepageUrl' title='Home' itemprop='item'>
Home
</span>
</a>
</li>
<b:loop values='data:posts' var='post'>
<li class='disable gmr-hidden'>
<span><data:post.title/></span>
</li>
</b:loop>
</b:if>
</b:if>
</ol>
</b:if>
</b:if>
</b:if>
</div>
</b:includable>
<b:includable id='errorpage'
var='posts'>
== "error_page"'>
<div class='post gmr-

item-post gmr-clearfix'>
<div class='gmr-bubble-
error'>
Upss! The page you're

looking for does not exist.
</div>
<div class='gmr-author-
404'><span style='color:#03A678'>4</span><span style='color:#22A7F0'>0</span><span
style='color:#CF000F'>4</span></div>
<p>Please go to <a
expr:href='data:blog.homepageUrl'>Home page</a> for more interesting article or try search
article.</p>
<div id='gmr-header-
search'>
<form
action='/search' id='search-form' class='gmr-pull-right' method='get' target='_top'>
<input
id='search-text' placeholder='Search and enter' name='q' type='text'/>
</form>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='gmrpagetitle'
var='posts'>
!= "item"'>
<b:if
cond='data:blog.homepageUrl == data:blog.url'>
<h1 class='gmr-
pagetitle'><data:blog.pageTitle/></h1>
<b:else/>
<b:if
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<h1 class='gmr-pagetitle'><data:blog.pageName/></h1>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageName == ""'>
<h1 class='gmr-pagetitle'>All posts in <data:blog.pageName/></h1>
<b:else/>
<h1 class='gmr-pagetitle'><data:blog.pageName/></h1>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

<div class='blog-posts hfeed'>
<b:include data='top'
name='status-message'/>
<b:include data='posts'
name='breadcrumb'/>
<b:include data='posts'
name='errorpage'/>
<data:defaultAdStart/>
<b:include
data='posts' name='gmrpagetitle'/>
<b:loop
values='data:posts' var='post'>
<div
class='post-outer'>
<b:include data='post' name='post'/>
</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>
<data:adEnd/>
</div>

== "error_page"'>

<b:else/>
<b:if
cond='data:blog.pageType != "item"'>
<b:if
cond='data:blog.pageType != "static_page"'>
<b:if
cond='data:blog.isMobile == "true"'>
<b:include name='nextprev'/>
<b:else/>
<div class='gmr-pagenav gmr-clearfix'>
var pageNaviConf = {perPage: 7, numPages: 5,firstText: "First", lastText:

"Last",nextText: "Next",prevText: "Prev"}
</script>
//<![CDATA[
function pageNavi(o){var m=location.href,l=m.indexOf("/search/label/")!=-

1,a=l?m.substr(m.indexOf("/search/label/")+14,m.length):"";a=a.indexOf("?")!=-
1?a.substr(0,a.indexOf("?")):a;var g=l?"/search/label/"+a+"?updated-max=":"/search?updated-
max=",k=o.feed.entry.length,e=Math.ceil(k/pageNaviConf.perPage);if(e<=1){return}var
n=1,h=[""];l?h.push("/search/label/"+a+"?max-results="+pageNaviConf.perPage):h.push("/?max-
results="+pageNaviConf.perPage);for(var d=2;d<=e;d++){var c=(d-1)*pageNaviConf.perPage-
1,b=o.feed.entry[c].published.$t,f=b.substring(0,19)+b.substring(23,29);f=encodeURIComponent(f);if(m.
indexOf(f)!=-1){n=d}h.push(g+f+"&max-
results="+pageNaviConf.perPage)}pageNavi.show(h,n,e)}pageNavi.show=function(f,e,a){var
d=Math.floor((pageNaviConf.numPages-1)/2),g=pageNaviConf.numPages-1-d,c=e-
d;if(c<=0){c=1}endPage=e+g;if((endPage-
c)<pageNaviConf.numPages){endPage=c+pageNaviConf.numPages-1}if(endPage>a){endPage=a;c=a-
pageNaviConf.numPages+1}if(c<=0){c=1}var b='<span class="pages">Pages '+e+' of '+a+"</span>
";if(c>1){b+='<a href="'+f[1]+'" title="First Page"
rel="nofollow">'+pageNaviConf.firstText+"</a>"}if(e>1){b+='<a href="'+f[e-1]+'" title="Previous Page"
rel="nofollow">'+pageNaviConf.prevText+"</a>"}for(i=c;i<=endPage;++i){if(i==e){b+='<span
class="current">'+i+"</span>"}else{b+='<a href="'+f[i]+'" title="Previous Page"
rel="nofollow">'+i+"</a>"}}if(e<a){b+='<a href="'+f[e+1]+'" title="Next Page"
rel="nofollow">'+pageNaviConf.nextText+"</a>"}if(endPage<a){b+='<a href="'+f[a]+'" title="Last Page"
rel="nofollow">'+pageNaviConf.lastText+"</a>"}document.write(b)};(function(){var
b=location.href;if(b.indexOf("?q=")!=-1||b.indexOf(".html")!=-1){return}var
d=b.indexOf("/search/label/")+14;if(d!=13){var c=b.indexOf("?"),a=(c==-
1)?b.substring(d):b.substring(d,c);document.write('<script type="text/javascript"
src="/feeds/posts/summary/-/'+a+'?alt=json-in-script&callback=pageNavi&max-
results=99999"><\/script>')}else{document.write('<script type="text/javascript"
src="/feeds/posts/summary?alt=json-in-script&callback=pageNavi&max-
results=99999"><\/script>')}})();
//]]>
</script>
</div>
</b:if>
</b:if>
</b:if>
</b:if>

<b:include name='feedLinks'/>
<b:if
cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinks' var='post'/>

<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'>
== "static_page"'>
<b:if
cond='data:post.showThreadedComments'>
<b:include data='post'
name='comments'/>
<b:else/>
name='comments'/>
</b:if>
</b:if>
== "item"'>
<b:if
cond='data:post.showThreadedComments'>
name='comments'/>
<b:else/>
name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments'
var='post'>
<div id="disqus_thread">
<a href='#' class='gmr-

btn gmr-btn-green gmr-btn-block' onclick='gmr_disqus();return false;'>Click To Add Comments</a>
</div>
<div class='comments'
id='comments'>
<h3>
<b:if
cond='data:post.numComments == 1'>
1
<data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>
</b:if>
</h3>
</div>
</b:includable>
<b:includable id='feedLinks'>
!= "item"'>

<b:if
cond='data:feedLinks'>
<div
class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/>

<div class='post-feeds'>
<b:loop
<b:if
cond='data:post.allowComments'>
<b:if
cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody'
var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop
values='data:links' var='f'>
<a class='feed-
link' expr:href='data:f.url' expr:type='data:f.mimeType' expr:title='data:f.name'
target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments'
var='post'/>
<b:includable id='nextprev'>
<div id='blog-pager' class='blog-

pager gmr-clearfix'>
<b:if
cond='data:newerPageUrl'>
<span id='blog-
pager-newer-link' class='gmr-pull-left'>
<a
class='blog-pager-newer-link gmr-btn' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId +
"_blog-pager-newer-link"' expr:title='data:newerPageTitle'>
<span class="fa fa-arrow-left"></span><span class='gmr-textpager-

newer'><data:newerPageTitle/></span>
</a>
</span>
</b:if>
<b:if
cond='data:olderPageUrl'>
<span id='blog-
pager-older-link' class='gmr-pull-right'>
<a
class='blog-pager-older-link gmr-btn' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId +
"_blog-pager-older-link"' expr:title='data:olderPageTitle'>
<span class='gmr-textpager-older'><data:olderPageTitle/></span><span class="fa fa-arrow-

right"></span>
</a>
</span>
</b:if>
<b:if
<a class='home-
link gmr-btn' expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><span class='fa fa-
home'></span></a>
</b:if>
</div>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry'

itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<link
itemprop='mainEntityOfPage' expr:href='data:post.link ? data:post.link : data:post.url'/>
<div class='gmr-
clearfix'>
<b:if
cond='data:blog.pageType == "index"'>
<b:if
cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url' expr:title='data:post.title'>
<div class='gmr-thumbnail' itemprop='image' itemscope='itemscope'

itemtype='https://schema.org/ImageObject'>
<img alt='thumbnail' class='post-thumbnail'

expr:src='data:post.thumbnailUrl' expr:title='data:post.title' width='40' height='40'/>
<b:else/>
document.write(Sholihul Arifin MR _thumbnail_resize( "250", "160",

"<data:post.thumbnailUrl/>","<data:post.title/>"));
</script>
</b:if>
<span expr:content='data:post.thumbnailUrl' itemprop='url'/>
<span itemprop='width' content='250'/>
<span itemprop='height' content='160'/>
</div>
</a>
<b:else/>
<b:if cond='data:post.firstImageUrl'>
<div class='gmr-thumbnail'>
<img expr:alt='data:post.title' expr:src='data:post.firstImageUrl'

expr:title='data:post.title'/>
<span expr:content='data:post.firstImageUrl' itemprop='url'/>
</div>
</a>
<b:else/>
<div class='gmr-thumbnail'>
<img expr:alt='data:post.title' expr:title='data:post.title' class='post-thumbnail'

width='180' height='120' src='https://2.bp.blogspot.com/-
erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/w180-c-h120/default.png'/>
<span content='//2.bp.blogspot.com/-
erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/w180-c-h120/default.png'
itemprop='url'/>
</div>
</a>
</b:if>
</b:if>
</b:if>
<b:if
cond='data:blog.pageType == "static_page"'>
<span
itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<b:else/>
<span content='https://2.bp.blogspot.com/-
itemprop='url'/>
</b:if>
</span>
</b:if>
<b:if
<span
itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<b:else/>
<span content='https://2.bp.blogspot.com/-
itemprop='url'/>

</b:if>
</span>
</b:if>
<b:if
<b:if
<div class='gmr-content-post'>
</b:if>
</b:if>
<b:if
<div class='gmr-blockpost-title'>
</b:if>
<b:if
<div class='gmr-blockpost-title'>
</b:if>
<b:if cond='data:post.title'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<h2 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='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'
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
</b:if>
<h1 class='post-title entry-title' itemprop='headline'>
<b:else/>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<h1 class='post-title entry-title' itemprop='name headline'>
<b:else/>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
</b:if>
<div class='gmr-metapost'>
<b:if cond='data:top.showAuthor'>
<span class='gmr-author vcard'>
<span class='fa fa-user'></span>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope'
itemtype='https://schema.org/Person'>
<span expr:content='data:post.authorProfileUrl'
itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author'

title='author profile'><span itemprop='name'><data:post.author/></span></a>
</span>
<b:else/>

<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</span>
<span itemprop='publisher' itemscope='itemscope'

itemtype='https://schema.org/Organization'>
<span itemprop='logo' itemscope='itemscope'

<b:if cond='data:sourceUrl'>
<span itemprop='url' expr:content='data:sourceUrl'/>
<b:else/>
<span itemprop='url'
content='https://lh3.googleusercontent.com/-
nBLWu9jEe50/VqTzRhmKlSI/AAAAAAAABnA/boYeK70a_T0/s346-Ic42/blogger.gif'/>
</b:if>
</span>
<span itemprop='name' expr:content='data:blog.title'/>
</span>
</b:if>
<b:if cond='data:top.showTimestamp'>
<span class='gmr-date'>
<span class='fa fa-clock-o'></span>
<span expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark'

title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601'
itemprop='datePublished dateModified'
expr:content='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</span>
</b:if>
<span class='gmr-author vcard' style='display:none;'>
<span class='fa fa-user'></span>
<b:if cond='data:post.authorProfileUrl'>

<span expr:content='data:post.authorProfileUrl'
itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author'

title='author profile'><span itemprop='name'><data:post.author/></span></a>
</span>
<b:else/>

<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</span>
<span itemprop='publisher' itemscope='itemscope'

itemtype='https://schema.org/Organization'>
<span itemprop='logo' itemscope='itemscope'

<b:if cond='data:sourceUrl'>
<span itemprop='url' expr:content='data:sourceUrl'/>
<b:else/>
<span itemprop='url'
content='https://lh3.googleusercontent.com/-
nBLWu9jEe50/VqTzRhmKlSI/AAAAAAAABnA/boYeK70a_T0/s346-Ic42/blogger.gif'/>
</b:if>
</span>
<span itemprop='name' expr:content='data:blog.title'/>
</span>
<span class='gmr-date' style='display:none;'>
<span class='fa fa-clock-o'></span>
<span expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark'

title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601'
itemprop='datePublished dateModified'
expr:content='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</span>
</b:if>
</div>
<b:if
</div>
</b:if>
<b:if
</div>
</b:if>

<b:if
<div class='gmr-share-top'>
<ul>
<b:if cond='data:top.showFacebookButton'>
<li>
<a class='gmr-share-btn 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='fa fa-facebook'></span><span class='gmr-

sharetext-btn'><data:top.shareToFacebookMsg/></span>
</a>
</li>
</b:if>
<b:if cond='data:top.showTwitterButton'>
<li>
<a class='gmr-share-btn twitter' expr:href='data:post.sharePostUrl +

"&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='fa fa-twitter'></span><span class='gmr-sharetext-

btn'><data:top.shareToTwitterMsg/></span>
</a>
</li>
</b:if>
</ul>
</div>
</b:if>
<b:if
<b:if cond='data:blog.pageType != "static_page"'>
<div class='post-item entry-content'>
<data:post.snippet/>
</div>
</b:if>
</b:if>
<b:if
<div class='post-body entry-content gmr-item-post'>
<data:post.body/>
</div>
</b:if>
<b:if
<div class='post-body entry-content gmr-item-post'>
<data:post.body/>
</div>
</b:if>
<b:if
<b:if
</div>
</b:if>
</b:if>
<b:if
<div
class='post-footer gmr-mark-footer'>
<div class='gmr-footer-label'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<b:if cond='data:postLabelsLabel != ""'>
<span class="fa fa-tags"></span>
</b:if>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?&max-results=7"'

expr:title='data:label.name' rel='tag'>
<data:label.name/>
</a>
<b:if cond='data:label.isLast != "true"'/>
</b:loop>
</b:if>
</span>
</div>
<b:include data='post' name='shareButtons'/>
</div>
</b:if>

<b:if
<b:include
name='nextprev'/>
</b:if>
</div>

<script type='text/javascript'>showrelated();</script>
</ul>
</div>
</b:if>


<div id='sidebar-wrapper' class='gmr-layout-widget gmr-col-4-

12' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='HTML10' locked='true'
title='Adsense 300x250' type='HTML'>
<div class='widget-
content'>
<data:content/>
</div>
</b:if>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false'

title='Popular Posts' type='PopularPosts'>
<b:if cond='data:title'>
<h3><span><data:title/></span></h3>
</b:if>
<div class='widget-content
popular-posts'>
<ul>
<b:loop
<li>
<b:if cond='data:showThumbnails == "false"'>

<b:if cond='data:showSnippets == "false"'>

<a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a>
<b:else/>

<div class='item-title'><a expr:href='data:post.href'

expr:title='data:post.title'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>

<div class='item-thumbnail-only gmr-clearfix'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title'

target='_blank'>
<img expr:src='data:post.thumbnail'
expr:title='data:post.title' expr:alt='data:post.title' expr:height='data:thumbnailSize'
expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'>
<a expr:href='data:post.href' expr:title='data:post.title'>
<data:post.title/>
</a>
</div>
</div>
<b:else/>

<div class='item-content gmr-clearfix'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title'
target='_blank'>
<img expr:src='data:post.thumbnail'
expr:title='data:post.title' expr:alt='data:post.title' border='0' expr:height='data:thumbnailSize'
expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'>
<a expr:href='data:post.href' expr:title='data:post.title'>
<data:post.title/>
</a>
</div>
<div class='item-snippet'>
<data:post.snippet/>
</div>
</div>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML111' locked='false'

title='Recent Post' type='HTML'>
<h3 class='gmr-
clearfix'><span><data:content/></span><a class='gmr-pull-right' expr:href='"/search/label/" +
data:content + "?&max-results=7"' expr:title='data:content'><i class='fa fa-ellipsis-
h'></i></a></h3>
<div class='widget-
content'>
<script
expr:src='"/feeds/posts/default/-/" + data:content + "?max-results=7&alt=json-in-
script&callback=recentpostslist"'/>
</div>
<b:else/>
<h3><span>Recent
Posts</span></h3>
<div class='widget-
content'>
<script
src='/feeds/posts/default?orderby=published&max-results=7&alt=json-in-
script&callback=recentpostslist'/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>

</div> 
</div> 
</div>


<div id='adsense2-wrapper' class='gmr-col-1-1'>
<b:section class='adsense2' id='FooterBanner' maxwidgets='1'

<b:widget id='HTML11' locked='true' title='Adsense

728x90' type='HTML'>

<data:content/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>


<div id='gmr-credit-wrapper' class='gmr-footer gmr-layout-widget' role='contentinfo'

itemscope='itemscope' itemtype='http://schema.org/WPFooter'>
<b:section class='footer1' id='Footer1'

<b:widget id='LinkList1' locked='false' title='Link

List' type='LinkList'>
<b:if cond='data:title != ""'>
</b:if>
<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>

<b:widget id='Label1' locked='false' title='Label'

type='Label'>
</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 + "?&max-

results=7"' 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 + "?&max-

results=7"' 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>

<b:widget id='FollowByEmail1' locked='false'
title='Subscribe Us' type='FollowByEmail'>
</b:if>
<div class='follow-by-
email-inner'>
<p>Update
artikel dari blog ini langsung di email anda.</p>
<form
action='https://feedburner.google.com/fb/a/mailverify'
expr:onsubmit='"window.open(\"https://feedburner.google.com/fb/a/mailverify?uri=&quot
; + data:feedPath + "\", \"popupwindow\",
\"scrollbars=yes,width=550,height=520\"); return true"' method='post'
target='popupwindow'>
<table>
<tr>
<td>
<input class='follow-by-email-address' name='email' placeholder='Email address...'

type='text'/>
</td>
<td>
<input class='follow-by-email-submit' type='submit' value='Submit'/>

</td>
</tr>
</table>
<input
expr:value='data:feedPath' name='uri' type='hidden'/>
<input
name='loc' type='hidden' value='en_US'/>
</form>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
<div class='credit'>
<div class='gmr-copyright'>Copyright <script

type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script>
© <a class='gmr-credit' expr:href='data:blog.homepageUrl'
expr:title='data:blog.title'><data:blog.title/></a></div>

<div class='gmr-credit'><a class="scroll" data-

speed="500" href="#top" rel='nofollow' title="back to top">Back to the top</a></div>
</div>
</div>
</div>
</div>
</div>

</div>
var disqus_shortname = ' Sholihul Arifin MR web';
var disqus_blogger_current_url = "<data:blog.canonicalUrl/>";
if (!disqus_blogger_current_url.length) {
disqus_blogger_current_url = "<data:blog.url/>";
var disqus_blogger_homepage_url = "<data:blog.homepageUrl/>";
var disqus_blogger_canonical_homepage_url = "<data:blog.canonicalHomepageUrl/>";
var disqus_loaded = false;
</script>
// This is the function that will load Disqus comments on demand

function gmr_disqus() {
if (!disqus_loaded) {
// This is to ensure that Disqus widget is loaded only once
disqus_loaded = true;
var bloggerjs = document.createElement('script');
bloggerjs.type = 'text/javascript';
bloggerjs.async = true;
bloggerjs.src =
'//'+disqus_shortname+'.disqus.com/blogger_item.js';
(document.getElementsByTagName('head')[0] ||
document.getElementsByTagName('body')[0]).appendChild(bloggerjs);
bloggerjs.src =
'//'+disqus_shortname+'.disqus.com/blogger_index.js';
</script>
<b:else/>

// This is the function that will load Disqus comments on demand
function gmr_disqus() {
if (!disqus_loaded) {
// This is to ensure that Disqus widget is loaded only once
disqus_loaded = true;
bloggerjs.src =
'//'+disqus_shortname+'.disqus.com/blogger_item.js';
bloggerjs.async = true;bloggerjs.src =
'//'+disqus_shortname+'.disqus.com/blogger_index.js';(document.getElementsBy
TagName('head')[0] ||
</script>
</b:if>
</b:if>
//<![CDATA[
// http://codepen.io/rleve/pen/iCbgy
!function(){"use strict";if("querySelector"in document&&"addEventListener"in

window&&Array.prototype.forEach){var e=function(e,t){var n,r=window.pageYOffset,o=e.offsetTop,i=o-
r,c=i/(t/16),a=function(){window.scrollBy(0,c),n()};n=c>=0?function(){var e=window.pageYOffset;(e>=o-
c||window.innerHeight+e>=document.body.offsetHeight)&&clearInterval(f)}:function(){var
e=window.pageYOffset;(o||0)>=e&&clearInterval(f)};var
f=setInterval(a,16)},t=document.querySelectorAll(".scroll");[].forEach.call(t,function(t){t.addEventListene
r("click",function(n){n.preventDefault();var
r=t.getAttribute("href"),o=document.querySelector(r),i=t.getAttribute("data-
speed");o&&e(o,i||500)},!1)})}}();
function
setActive(){for(aObj=document.getElementById("gmrmenu").getElementsByTagName("a"),i=0;i<aObj.le
ngth;i++)document.location.href.indexOf(aObj[i].href)>=0&&(aObj[i].className="active")}!function(e,t)
{function n(e,t){for(var
n=e.className.split(/\s+/),i=n.length,a=0;i>a;a++)if(n[a]===t){n.splice(a,1);break}i===n.length&&n.push(
t),e.className=n.join(" ")}var
i=t.getElementById("gmrmenuwrapper"),a=t.getElementById("gmrmenu"),m=t.getElementById("gmrme
nuLink");m.onclick=function(e){var
t="active";e.preventDefault(),n(i,t),n(a,t),n(m,t)}}(this,this.document),window.onload=setActive;
//]]>
</script>
<b:include data='blog' name='google-analytics'/>

 </body>
</html>

XML Version

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

XML Version

Hochgeladen von

Copyright:

Verfügbare Formate

<?xml version="1.0" encoding="UTF-8" ?

<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml'>

<b:if cond='data:blog.pageType == "error_page"'>

<title>Page Not Found</title>

<b:if cond='data:blog.pageType == "item"'>

<meta content='blogger' name='generator'/>

<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>

<meta content='AA Sholihul Arifin MR' name='author'/>

<meta content='follow, all' name='alexabot'/>

<meta content='-5;120' name='geo.position'/>

<meta content='2013, Sholihul Arifin MR' name='copyright'/>

<meta content='id' name='language'/>

<meta content='Indonesia' name='geo.placename'/>

<meta content='Indonesia' name='geo.country'/>

<meta content='all, follow' name='robots'/>

<meta content='all' name='googlebot'/>

<meta content='all' name='msnbot'/>

<meta content='all' name='Googlebot-Image'/>

<meta content='all' name='Slurp'/>

<meta content='all' name='ZyBorg'/>

<meta content='all' name='Scooter'/>

<meta content='ALL' name='spiders'/>

<meta content='general' name='rating'/>

<meta content='2 days' name='revisit-after'/>

<meta content='2 days' name='revisit'/>

<meta content='all' name='WEBCRAWLERS'/>

<b:if cond='data:blog.metaDescription != ""'>

<meta expr:content='data:blog.metaDescription' name='description'/>

<meta expr:content='data:blog.metaDescription' property='og:description'/>

<meta expr:content='data:blog.metaDescription' name='twitter:description'/>

<b:if cond='data:blog.pageType == "item"'>

<meta expr:content='data:blog.pageName' name='keywords'/>

<meta expr:content='data:blog.pageTitle' name='keywords'/>

<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>

<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>

<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>

<meta expr:content='data:blog.title' property='og:site_name'/>

<meta expr:content='data:blog.pageTitle' property='og:title'/>

<meta content='article' property='og:type'/>

<meta expr:content='data:blog.url' property='og:url'/>

<meta name='twitter:card' content='summary'/>

<meta expr:content='data:blog.pageTitle' name='twitter:title'/>

<meta content='226875977396331' property='fb:app_id'/>

<meta content='xxx' name='twitter:site'/>

<meta content='xxx' name='twitter:creator'/>

<link href='https://plus.google.com/+AA Sholihul Arifin MR /about' rel='author'/>

<link href='https://plus.google.com/+AA Sholihul Arifin MR /posts' rel='publisher'/>

<link href='https://plus.google.com/+AA Sholihul Arifin MR /' rel='me'/>

<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>

<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title +

<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId +

<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>

<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>

<link expr:href='data:blog.url' rel='canonical'/>

<script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://schema.org&quot;,

Blogger Template Style

<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>

<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title +

<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId +

<script type='application/ld+json'>{ "@context": "http://schema.org",