Asal asal

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

<!DOCTYPE html>

<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<head>

<!-- [ Meta Tag SEO ] -->

<meta charset='utf-8'/>

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

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

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>

<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'/>

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

<title><data:blog.pageTitle/></title>

<b:else/>

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

<title><data:blog.pageName/> - <data:blog.title/></title>

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

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

<title>Page Not Found - <data:blog.title/></title>

</b:if>

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

<meta content='noindex' name='robots'/>

</b:if>

<b:if cond='data:blog.searchLabel'>

<meta content='noindex,nofollow' name='robots'/>

</b:if>

<b:if cond='data:blog.isMobile'>

<meta content='noindex,nofollow' name='robots'/>

</b:if>

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

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

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>

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

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<meta content='xxxxx' name='keywords'/></b:if>

<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>

<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>

<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>

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

<b:if cond='data:blog.postImageThumbnailUrl'>

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

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

<b:if cond='data:blog.url == data:blog.homepageUrl'>

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

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

<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='website' property='og:type'/></b:if></b:if></b:if>

<b:if cond='data:blog.postImageThumbnailUrl'>

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

<b:else/></b:if>

<link href='/favicon.ico' rel='icon' type='image/x-icon'/>

<link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>

<link href='https://plus.google.com/xxxxx/about' rel='author'/>

<link href='https://plus.google.com/xxxxx' rel='me'/>

<meta content='xxxxx' name='google-site-verification'/>

<meta content='xxxxx' name='msvalidate.01'/>

<meta content='xxxxx' name='alexaVerifyID'/>

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

<meta content='xxxxx' name='Author'/>

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

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

<meta content='en_US' property='og:locale'/>

<meta content='en_GB' property='og:locale:alternate'/>

<meta content='id_ID' property='og:locale:alternate'/>

<!-- [ Social Media meta tag ] -->

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

<meta content='xxxxx' property='fb:admins'/>

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

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

<!-- [ CSS ] -->

<link href='https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css' rel='stylesheet' type='text/css'/>

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'/>

<link href='//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>

&lt;style type=&quot;text/css&quot;&gt;

&lt;!-- /*<b:skin><![CDATA[

/*

Theme Name : Revoltify

Theme Type : Minima Colored 3

Theme Published : 13 January 2015

Theme Base Color : White and Light Orange

Theme Designer : Arlina Design

Designer URL : http://arlinadesign.blogspot.com

Theme License : This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.

However, to satisfy the &#39;attribution&#39; clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:

http://creativecommons.org/licenses/by/3.0/

*/

/* CSS Reset */

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

/* CSS HTML5 */

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

/* CSS Framework */

.navbar,.post-feeds,.feed-links{display:none;}

.section,.widget{margin:0 0 0 0;padding:0 0 0 0;}

strong,b{font-weight:bold;padding: 0 0.25em;-webkit-transition: color 0.2s;transition: color 0.2s;}

strong,b:hover{left:-0.1em;content: '[';-webkit-transform: translateX(-100%);transform: translateX(-100%);}

cite,em,i{font-style:italic;}

a:link{color:#e8aa3e;text-decoration:none;outline:none;transition:all 0.25s;}

a:visited{color:#637182;text-decoration:none;}

a:link:hover{color:#444;text-decoration:none;}

a:visited:hover{color:#444;text-decoration:none;}

a img{border:none;border-width:0;outline:none;}

img{max-width:100%;vertical-align:middle;border:0;}

abbr,acronym{border-bottom:1px dotted;cursor:help;}

sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}

sub{top:.4em;}small{font-size:86%;}

kbd {display:inline-block;border:1px solid #ccc;border-radius:4px;padding:0.1em 0.5em;margin:0 0.2em;box-shadow:0 1px 0px rgba(0,0,0,0.2), 0 0 0 2px #fff inset;background-color:#f7f7f7;}

mark{background-color:#ffce00;color:#182025;}

p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;}

hr{height:1px;border:none;background-color:#444;}

/* CSS Blog Heading */

h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal;margin:0 0 0.6em;}

h1{font-size:200%}

h2{font-size:180%}

h3{font-size:160%}

h4{font-size:140%}

h5{font-size:120%}

h6{font-size:100%}

/* CSS Form */

input,button,select,textarea{font-size:100%;line-height:normal;vertical-align:baseline;}

textarea{display:block;box-sizing:border-box;}

pre,code{font-family:'Open Sans';color:#444;}

pre{white-space:pre;word-wrap:normal;overflow:auto;}

blockquote{margin-left:0;font-style:italic;position:relative;font-size:14px;padding:0px;

padding-left:60px;margin:40px 0px;border:0px;font-weight:400;}

blockquote:before {font-family:FontAwesome;font-style:normal;text-align:center;font-size:20px;

line-height:20px;content:"\f10d";color:#fff;background:#aaa;padding:10px;position:absolute;

top:0px;left:0px;}

*:focus {outline:0!important;}

/* CSS List */

ul,dl{margin:.5em 0em .5em 3em}

ol{list-style:decimal outside}

ul{list-style:disc outside}

li{margin:.5em 0}

dt{font-weight:bold}

dd{margin:0 0 .5em 2em}

/* CSS List Custom */

.post ul li span{position:relative;display:block;margin:0;padding:5px 8px;margin-bottom:10px;text-decoration:none;transition:all .3s ease-out;}

ol {counter-reset:li;list-style: none;font:15px 'Open Sans', 'lucida sans';

padding:0;margin-bottom:4em;text-shadow: 0 1px 0 rgba(255,255,255,.5);}

ol ol {margin: 0 0 0 2em;}

.post ol li{position:relative;display:block;padding:.4em .4em .4em .8em;

margin:.5em 0 .5em 2.5em;background:#fff;color:#666;text-decoration:none;

transition:all .3s ease-out;}

.post ol li:before {content:counter(li);counter-increment:li;position:absolute;left:-2.5em;

top:50%;margin-top:-1em;height:2em;width:2em;line-height:2em;text-align:center;}

/* CSS Post Table */

.post-body table th, .post-body table td, .post-body table caption{border:none;padding:10px 12px;text-align:left;vertical-align:top;}

.post-body th:nth-child(1){background:#f0f0f0;color:#333;}

.post-body th:nth-child(2){background:#f5f5f5;}

.post-body th:nth-child(3){background:#f9f9f9;}

.post-body th:nth-child(4){background:#f0f0f0;}

.post-body th:nth-child(5){background:#f5f5f5;}

.post-body table td:nth-child(1) {background:#00acd6;color:#fff;}

.post-body table td:nth-child(2) {background:#444;color:#fff;}

.post-body table td:nth-child(3) {background:#555;color:#fff;}

.post-body table td:nth-child(4) {background:#666;color:#fff;}

.post-body table td:nth-child(5) {background:#444;color:#fff;}

.post-body table.tr-caption-container {border:none;}

.post-body th{font-weight:700;}

.post-body table caption{border:none;font-style:italic;}

.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:none;}

.post-body th{background:#f9f9f9;}

.post-body table.tr-caption-container td {padding:12px;background:#2e3138;color:#b0b1b8;

font-family:'Roboto';font-size:13px;text-decoration:blink;border:1px solid #464a54;}

.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}

.post-body td.tr-caption {color:#878888;font-size:80%;padding:0px 8px 8px !important;}

img {max-width:100%;height:auto;border:none;}

table {max-width:97%;width:100%;margin:1.5em auto;}

table.section-columns td.first.columns-cell{border-left: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:33.33%}

table.columns-4 td.columns-cell{width:25%}

table.section-columns td.columns-cell{vertical-align:top}

table.tr-caption-container{padding:4px;margin-bottom:.5em}

td.tr-caption{font-size:80%}

.widget ul {padding:0;}

/* CSS Post Layout */

body {background:#f5f5f5 none repeat scroll top left;margin:0 0 0 0;margin:0 0 0 0;padding:0 0 0 0;color:#444;font-family:'Open Sans';font-size:13px;font-weight:400;text-align:left;}

body#layout #outer-wrapper, body#layout .post-inner, body#layout .sidebar, body#layout .sidebar2 {padding:0 0 0 0;}

body#layout .top-tab-widget-menu ul {display:none;}

body#layout #wrapper, body#layout .post-inner, body#layout .sidebar-inner {padding:0 0 0 0;}

body#layout .tably {float:left;width:79px;}

body#layout .header-wrapper {margin-top:0;}

body#layout #navigation {float:left;width:100%;}

body#layout .tably {float:left;width:100%;}

body#layout #header-wrapper {min-height:0px;width:100%;}

body#layout #header {width:30%;}

body#layout #header-right {width:70%;}

.clear {clear:both;}

.clear:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;

height:0;}

#navbar-iframe {display:none!important;}

header,nav,section,aside,article,footer {display:block;}

form.searchform {margin:0;}

body#layout #tably-1, body#layout #tably-2, body#layout #tably-3 {width:33.3%;float:left;}

/* CSS Global Wrapper */

#outer-wrapper {max-width:1100px;margin:0 auto;padding:0;overflow:hidden;}

#post-wrapper {float:left;width:70%;margin:0 0 10px;}

.post-inner {padding:15px 15px 0 0;}

#header-wrapper {margin:20px;overflow:hidden;}

#header {float:left;width:100%;max-width:257px;}

.header-right {float:right;padding:0;overflow:hidden;margin:0;width:100%;

max-width:728px;}

#sidebar-wrapper {float:right;width:30%;margin:0 auto;}

.sidebar-inner {padding:15px 0;}

#footer-wrapper {width:100%;text-align:left;overflow:hidden;margin:20px 0px 0px 0px}

.footer {padding-bottom:.2em;}

.footer-bottom {min-height:40px;}

#footx1,#footx2,#footx3 {margin:0 .2%}

#footer-widgetfix .footer-widget {width:30.6%;float:left;margin-left:20px;}

#footer-widgetfix {max-width:1100px;overflow:hidden;margin:0 auto;}

#footer-wrapper .widget-content {text-align:left;margin:20px 0 15px;}

#footer-wrapper .widget-content li {margin-left:-14px;}

#footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 0 0 15px;display:block;}

.ads-in-post{display:none}

.post-body .ads-in-post{display:inline-block;line-height:0}

.ads-post{margin:15px auto;line-height:0}

]]></b:skin>

<b:template-skin>

<![CDATA[

/* CSS Body Layout */

#layout ul {display:none;}

#layout,#layout .widget-content,#layout .add_widget {border:none;}

body#layout .add_widget {border:1px solid #ddd;}

#layout .add_widget a {color:#444;}

#layout:before {content:'Revoltify';text-transform:uppercase;font-size:20px;color:#999;

margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:sans-serif;}

#layout #HTML900 .widget-content{background-color:#9385d9!important}

#layout #HTML900 .layout-title{color:#fff!important;font-size:15px;text-transform:uppercase;line-height:37px;height:37px;font-weight:700}

#layout #HTML900 .editlink{color:#fff!important;border:1px solid #eee;height:33px;line-height:33px;padding:0 15px;font-weight:700;background-color:#555}

#layout #header-wrapper{min-height:0px;width:100%;margin:10px 0 0 0;}

#layout #footer-wrapper{padding:20px 0;overflow:visible;background:#f9f9f9;border-top:1px solid #ccc;}

#layout #footer-wrapper .add_widget {background-color:#9385d9;border:none;}

#layout #footer-wrapper .add_widget a {color:#fff;}

#layout #footer-wrapper .footer-column{width:33.33%;float:left}

#layout #footer-wrapper #column1,#layout #footer-wrapper #column2{margin:0}

#layout #footer-wrapper:before {content:'Footer Wrapper';text-transform:uppercase;font-size:16px;color:#aaa;margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:sans-serif;}

#layout div#post-wrapper:before {content:'Post Wrapper';text-transform:uppercase;font-size:16px;color:#aaa;margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:sans-serif;}

#layout #main-wrapper{width:70%;float:left}

#layout #sidebar-wrapper{width:30%;left:0;padding:0;float:right}

#layout #sidebar-wrapper:before {content:'Sidebar Wrapper';text-transform:uppercase;font-size:16px;color:#aaa;margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:sans-serif;}

#layout .draggable-widget .widget-wrap2 {background:#c1cfd9;}

#layout #banner,#layout #banner2 {background-color:#444;padding:20px 0!important;margin-bottom:20px;}

#layout #banner:before,#layout #banner2:before{content:'Ad Slot 970x90';font-size:13px;color:#fff;margin-bottom:20px;padding-bottom:5px;display:inline-block;font-weight:400;font-family:sans-serif}

#layout #banner .widget,#layout #banner2 .widget{width:80%;margin:5px auto!important;overflow:hidden;float:none}

#layout #banner .add_widget,#layout #banner2 .add_widget{width:80%;margin:5px auto!important;overflow:hidden;float:none}

]]>

</b:template-skin>

<style type='text/css'>

/* CSS Outer Wrapper */

#outer-wrapper {background:#fff;max-width:1100px;margin:0 auto;padding:20px;overflow:hidden;border-right:1px solid #ddd;border-left:1px solid #ddd;}

/* CSS Content Wrapper */

#content-wrapper {background-color:#fff;margin:10px auto;padding:0 20px;

word-wrap:break-word;}

/* CSS Header Wrapper */

#header-wrapper {margin:20px 20px 0 20px;padding:0;overflow:hidden;

background:rgba(0,0,0,0.5) url(&#39;http://1.bp.blogspot.com/-JvrGJOmfefw/VLBj1ico-KI/AAAAAAAAIlA/SoLbDLtxGbc/s1600/11-1100x575.jpg&#39;) fixed center;background-size:cover;background-blend-mode:overlay;max-width:1100px;min-height:300px;}

#Header1 {min-height:300px;}

#header-inner {position:absolute;top:30%;bottom:0;}

#header {float:left;min-width:257px;padding:0 30px;background:rgba(0,0,0,0.5);height:100%;

min-height:300px;padding:0 30px;}

#header h1, #header p {font-family:&#39;Open Sans&#39;;font-size:300%;font-weight:700;color:#fff;text-transform:uppercase;}

#header a {color:#fff;text-decoration:none;transition:all 0.3s ease-out;}

#header a:hover {color:#e8aa3e;}

#header .description {font-family:&#39;Open Sans&#39;;font-size:100%;font-weight:400;color:#eee;text-transform:none;}

.header img {display:block;}

.header-right {float:right;padding:0;overflow:hidden;margin:0;width:100%;

max-width:728px;}

.header-right img {display:block;}

/* CSS Main Menu */

nav {display:block;background:#fff;margin:0 20px;border-bottom:2px solid #ddd;transition:all 0.3s ease-out;}

nav:hover {border-bottom-color:#e8aa3e;}

.menu {display:block;margin:0;}

.menu li {display:inline-block;position:relative;margin:0;}

.menu li a {font-family:&#39;Open Sans&#39;;text-transform:uppercase;font-size:14px;font-weight:700;text-decoration:none;padding:20px 15px;display:block;color:#333;transition:all 0.3s ease-out;}

.menu li a:hover,.menu li:hover &gt; a {color:#e8aa3e;}

.menu ul {visibility:hidden;opacity:0;margin:0;padding:0;width:100%;min-width:160px;position:absolute;left:0px;background:#fff;z-index:99;transform:translate(-20px,0);transition:all 0.2s ease-out;}

.menu ul li {display:block;float:none;margin:0;padding:0;}

.menu ul li a {font-size:12px;font-weight:700;display:block;background:#222;color:#999;border-top:1px solid #333;border-bottom:1px solid #111;transition:all 0.3s ease-out;}

.menu ul li a:hover,.menu ul li:hover &gt; a {background:#292929;color:#fff;}

.menu li:hover &gt; ul {visibility:visible;opacity:1;transform:translate(0,0);}

.menu ul ul {left:160px;top:0px;visibility:hidden;opacity:0;transform:translate(20px,0);

transition:all 0.2s ease-out;}

.menu li &gt; ul ul:hover {visibility:visible;opacity:1;transform:translate(0,0);}

.responsive-menu {display:none;padding:20px 15px;background:#fafafa;

text-transform:uppercase;font-weight:400;font-family:&#39;Open Sans&#39;;}

.responsive-menu:hover {background:#f5f5f5;color:#e8aa3e;text-decoration:none;}

.responsive-menu a {color:#e8aa3e;}

.responsive-menu a:hover {color:#aaa;}

.menu li a.homer {margin-left:20px;}

/* CSS Fixed Search Button */

.menu li.searchbutton {background:transparent;margin:0;padding:0 20px;display:inline-block;text-transform:Capitalize;height:55px;line-height:55px;cursor:pointer;z-index:93;float:right;margin-right:20px;transition:all 600ms cubic-bezier(0.23,1,0.32,1);}

.menu li.searchbutton.active {background:transparent;color:#efa666;}

.menu li.searchbutton:after {content:&quot;\f002&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:none;position:relative;font-size:16px;}

#search {z-index:99;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);opacity:0;

visibility:hidden;transform:scale(1.2);transition:all 600ms cubic-bezier(0.23,1,0.32,1);}

#search.active {opacity:1;visibility:visible;transform:scale(1);z-index:100;margin:0;}

#search .input {position:absolute;top:0;left:0;right:0;bottom:0;width:95%;height:100px;

margin:auto;max-width:1100px;}

#search .input .search {float:left;width:calc(100% - 100px);height:100px;padding:0;

margin:0;border:0;outline:0;background:transparent;font-family: &#39;Open Sans&#39;, sans-serif;

font-size:60px;color:rgba(255,255,255,0.5);font-weight:700;line-height:100px;text-indent:50px;transition:all .3s ease-out;}

#search .input .submit {cursor:pointer;float:left;width:100px;height:100px;padding:0;margin:0;

border:0;outline:0;background:transparent;font-size:60px;color:rgba(255,255,255,0.5);text-align:center;line-height:100px;transition:all .3s ease-out;}

#search .input .search:focus,#search .input .submit:hover {color:rgba(255,255,255,0.8);}

#search #close {cursor:pointer;position:absolute;top:30px;right:30px;width:50px;height:50px;

padding:0;margin:0;border:0;outline:0;background:transparent;font-size:30px;color:rgba(255,255,255,0.5);text-align:center;line-height:50px;}

/* CSS Post Wrapper */

#post-wrapper {background:transparent;color:#444;float:left;width:70%;margin:0 0 10px;}

.post-inner {padding:15px 15px 0 0;}

.breadcrumbs {background:#fff;font-size:100%;height:45px;overflow:hidden;padding:0;}

.breadcrumbs &gt; span {padding:0;}

.breadcrumbs &gt; span:last-child {background:#fff;color:#aaa;border-right:none;font-family:&#39;Open Sans&#39;;font-size:13px;font-weight:300;padding:10px;line-height:30px;}

.breadcrumbs a {background:#fff;color:#00acd6;font-family:&#39;Open Sans&#39;;font-size:13px;

font-weight:normal;line-height:45px;}

.breadcrumbs span a {color:#00acd6;padding:10px;margin-left:5px;}

.breadcrumbs span:first-child a{background:#fff;color:#00acd6;margin-left:10px;}

.breadcrumbs span a:hover {background:#f9f9f9;color:#444;}

.breadcrumbs a:hover {background:#f9f9f9;color:#444;}

.post {background:#fff;margin:0 0 15px;padding:0;}

.post-body {line-height:1.6em;color:#444;margin-top:15px;margin-right:0;font-size:14px;}

.post-body img {max-width:95%;margin:0 auto;height:auto;}

h3.post-title, h2.post-title, h1.post-title {font-family:&#39;Open Sans&#39;,sans-serif;font-size:20px;font-weight:700;text-align:center;border-bottom:double #eee;border-top:double #eee;

padding:15px;}

h3.post-title a, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#666;}

h3.post-title a:hover, h2.post-title a:hover, h1.post-title a:hover {color:#e8aa3e!important;}

.post-info {background:transparent;margin-top:5px;margin-bottom:5px;color:#fff;font-size:11px;}

.post-info a {display:inline;background:transparent;color:#333;padding:4px 6px 4px 6px;transition:all .3s ease-out;}

.post-info a:hover {color:#e8aa3e;}

.author-info, .time-info, .comment-info, .label-info, .review-info {

margin-right:8px!important;display:inline;color:#333;}

.timestamp-link abbr {border-bottom:none;}

.halaman{padding:0;background:#f9f9f9;border:1px solid #ddd;}

.halaman-kiri{width:50%;float:left;margin:0;text-align:left;color:#e8aa3e;transition:all .3s ease-out;}

.halaman-kanan{width:50%;float:right;margin:0;text-align:right;color:#e8aa3e;transition:all .3s ease-out}

.halaman-kanan:hover .pager-title-left,.halaman-kiri:hover .pager-title-left{color:#444!important;}

.halaman-kiri a,.halaman-kanan a{color:#444;}

.halaman-kanan a:hover,.halaman-kiri a:hover{color:#e8aa3e!important;}

.halaman-kiri a,.halaman-kanan a,.current-pageleft,.current-pageright{font-size:14px;font-family: &#39;Open Sans&#39;,Helvetica,Arial,sans-serif;font-weight:300;background:none;text-decoration:none}

.current-pageleft{padding:0 0 0 15px;}

.current-pageright{padding:0 15px 0 0;}

.pager-title-left{font-family: &#39;Open Sans&#39;,sans-serif;font-size:22px;font-weight:700;text-transform:uppercase;transition:all .3s ease-out}

.isihalaman-kiri{margin:0}

.isihalaman-kanan{margin:5px 10px 10px}

#blog-pager-newer-link{float:left;padding:0 0 0 15px;}

#blog-pager-older-link{float:right;padding:0 15px 0 0;}

.blog-pager,#blog-pager{clear:both;text-align:center}

.feed-links{clear:both;line-height:2.5em}

span.post-author.vcard {visibility:hidden;width:0;height:0;}

.post-header, .post-footer {line-height:initial;width:0;height:0;}

/* CSS Mag Section */

.widget-item-control{display:none!important}

.box-title{margin-bottom:15px;border-bottom:1px solid #ddd!important;background:#fff;}

.box-title h2{padding:10px 20px 5px 10px;background-color:#4d6268;display:inline-block}

.box-title h2 a{color:#fff;font-weight:700;font-size:16px;text-transform:uppercase;display:block}

.box-title h2 a:before{content:&#39;\f09e&#39;;font-family:fontawesome;font-size:16px;vertical-align:middle;font-weight:400;margin-right:10px;background:#f47664;color:#fff;padding:13px 15px;}

.recent-date:before{content:&#39;\f073&#39;;font-family:fontawesome;color:#bbb}

.recent-date{color:#999;font-weight:400;font-size:12px}

.recent-author:before{content:&#39;\f007&#39;;font-family:fontawesome;color:#bbb}

.recent-author{color:#999;font-weight:400;font-size:12px}

.recent-title{font-family:&#39;Open Sans&#39;,sans-serif;font-size:15px;font-weight:400;}

.recent-title a:hover{text-decoration:none;color:#f47664}

.recent-block .recent-thumb{width:100%;height:150px;display:block}

.recent-block ul li{float:left;width:33%;display:inline-block;position:relative;padding:0;margin-right:.3%;margin-bottom:2px}

.recent-block .recent-title a{font-weight:700;margin-bottom:5px;display:inline-block}

.recpost .arl-tmb{float:left;margin-right:10px}

.recpost .post-panel{margin-left:70px}

.recent-date:before{margin-right:10px}

.recent-author:before{margin-right:10px}

.recent-author{margin-left:10px}

.item .post-heading{-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0}

.index article{padding:0 0 0 20px}

.tagstitle{float:left;margin:0 10px 0 0}

.authorLeft{float:left;margin-right:20px}

.authorContent .authorSocial{float:right}

.sidebar .LinkList li:before,.footer .LinkList li:before,.sidebar .PageList li:before,.footer .PageList li:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.item-icon{margin:0 0 10px;float:none;width:38px;height:38px;display:inline-block;line-height:38px;text-align:center;vertical-align:middle;background-color:#a3a3a3;color:#fff;font-size:18px;border-radius:2px;transition:.8s}

.item-count{display:block;color:#5f5f5f;font-weight:normal;font-size:14px;line-height:20px}

.item-text{display:block;color:#9d9d9d;font-size:12px;line-height:18px}

.authorDetails h2{float:left}

.authorDetails span{float:right}

/* CSS Comments */

#comments{background:#f9f9f9;clear:both;margin:20px auto 0;line-height:1em;padding:20px;border:1px solid #ddd;}

#comments h3{background:#fff;display:inline;line-height:20px;margin-bottom:20px;margin-top:0;font-family:&#39;Open Sans&#39;,sans-serif;font-size:14px;position:absolute;color:#333;font-weight:700;text-transform:uppercase;padding:10px 20px 10px 50px;border:1px solid #ddd;}

#comments h3:before {font-family:fontawesome;content:&quot;\f086&quot;;margin-right:10px;font-size:20px;padding:10px 15px;position:absolute;left:0;top:0;}

#comments .click-comment{background:#fff;color:#333;float:right;text-decoration:none;display:inline;line-height:20px;

margin-bottom:20px;margin-top:0;font-family:&#39;Open Sans&#39;,sans-serif;font-size:14px;

font-weight:700;text-transform:uppercase;padding:10px 20px;border:1px solid #ddd;}

#comments .click-comment:hover{background:#fff;color:#e8aa3e;}

.comment_avatar_wrap{border-radius:10%;width:46px;height:46px;border:none;background:none;text-align:center;padding:0;overflow:hidden;}

#comments .comment_avatar {border-radius:10%;width:46px;height:46px;max-width:46px;max-height:46px;background:#fff;padding:4px;text-align:center;position:absolute;top:0;left:0;overflow:hidden;border:1px solid #ddd}

#comments .comment_admin .comment_avatar{border-radius:10%;width:46px;height:46px;max-width:46px;max-height:46px;padding:4px;text-align:center;position:absolute;top:0;left:0;overflow:hidden;}

#comments .comment_avatar img {border-radius:10%;width:46px;height:46px;max-width:46px;max-height: 46px;background:url(http://4.bp.blogspot.com/-hLqBXiTrm0Q/VJ7pie2jM3I/AAAAAAAABwI/aHQypgTLHu8/s1600/avatwisted.png) no-repeat;overflow:hidden;}

.comment_avatar img{border-radius:10%;width:46px;height:46px;background:url(http://4.bp.blogspot.com/-hLqBXiTrm0Q/VJ7pie2jM3I/AAAAAAAABwI/aHQypgTLHu8/s1600/avatwisted.png) no-repeat;overflow:hidden;}

.comment_name a{font-family:&#39;Open Sans&#39;,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:#e8aa3e;}

.comment_admin .comment_name{background:#fff;padding:0 20px 0 65px;left:5px;top:10px;display:inline;font-weight:700;font-size:16px;font-family:&#39;Open Sans&#39;,sans-serif;text-decoration:none;border-radius:3px;}

.comment_admin .comment_date{left:10px;font-weight:700;font-size:11px;}

.comment_name{font-size:16px;background:#fff;font-family:&#39;Open Sans&#39;,sans-serif;font-weight:700;padding:0 20px 0 65px;position:absolute;left:5px;top:10px;display:inline;line-height:35px;border-radius:3px;border:1px solid #ddd;transition:all .3s ease-out;}

.comment_name:hover,.comment_name a:hover,.comment_admin .comment_name a:hover,.comment_admin .comment_name:hover{color:#e8aa3e;}

.comment_service{position:absolute;top:35px;right:0;}

.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:#e8aa3e!important;}

.comment-delete{position:absolute;display:inline-block;top:-1px;right:50px;

color:#aaa!important;text-align:center;font-family:&#39;Open Sans&#39;;font-size:11px;padding:2px 6px;opacity:0.9;transition:all .3s ease-out;}

.comment-delete:hover{color:#e8aa3e!important;}

.comment_body{margin:20px 0;padding:0;position:relative;}

.comment_body p{line-height:1.6em;color:#444;font-size:14px;font-family:&#39;Open Sans&#39;,Helvetica,Arial,sans-serif;word-wrap:break-word;background:#fff;padding:30px 20px;box-shadow:0 0 0 1px #ddd;position:relative;margin-top:25px;border-radius:3px;transition:all .3s ease-out;}

.comment_body p:before, .comment_body p:after {bottom:100%;left:5%;border:solid transparent;

content:&quot; &quot;;height:0;width:0;position:absolute;pointer-events:none;}

.comment_body p:after {border-color:rgba(255,255,255,0);border-bottom-color:#fff;

border-width:8px;margin-left:-8px;}

.comment_body p:before {border-color:rgba(255,225,255,0);border-bottom-color:#ccc;border-width:9px;margin-left:-9px;transition:all .3s ease-out;}

.comment_child .comment_body p{color:#444;}

.comment_body p img{vertical-align:middle;margin:0 5px;}

.comment_body p:hover{box-shadow:0 0 0 1px #bbb;}

.comment_body p:hover:before {border-bottom-color:#aaa;}

.comment_inner{padding-bottom:5px;margin:5px 0}

.comment_child .comment_wrap{padding-left:7%}

.comment_child .comment_body{margin-top:-15px;}

.comment_reply{display:inline-block;background:#e8aa3e;color:#fff!important;text-align:center;

font-family:&#39;Open Sans&#39;;font-size:11px;margin:0;padding:4px 6px 6px 6px;opacity:0.9;border-radius:2px;border:1px solid rgba(0,0,0,0.1);box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),inset 0 20px 20px rgba(255,255,255,0.2);text-shadow: 0 -1px 0 rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.2);}

.comment_reply:hover{text-decoration:none!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.5), inset 0 -20px 20px rgba(200,200,200,0.1);}

.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(&#39;http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif&#39;) no-repeat 50% 25%;position:relative;margin-left:-8px;margin-top:-15px}

.comment-form p{position:relative;background:#fff;color:#333;font-size:14px;font-family:&#39;Open Sans&#39;,Helvetica,Arial,sans-serif;line-height:1.5em;margin-bottom:20px;padding:15px;border:1px solid #ddd;border-bottom:2px solid #ccc;transition:all .3s ease-out;}

.comment-form p:hover{border-bottom-color:#e8aa3e;}

.comment-form p:after, .comment-form p:before {top:100%;left:10%;border:solid transparent;

content:&quot; &quot;;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-left:-12px;}

.comment-form p:before {border-color:rgba(221,221,221,0);border-top-color:#ccc;border-width:14px;margin-left:-14px;transition:all .3s ease-out;}

.comment-form p:hover:before{border-top-color:#e8aa3e;}

.comment_reply_form{padding:0 0 0 7%}

.comment_reply_form .comment-form{width:100%}

.comment_emo_list .item{float:left;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}

.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto}

.comment_img{max-width:100%!important}

#respond{overflow:hidden;padding-left:10px;clear:both}

.unneeded-paging-control,.comment_author_flag{display:none}

.comment_admin .comment_author_flag {display:inline-block;font-family:&#39;Open Sans&#39;;font-size:10px;color:#aaa;text-align:center;position:absolute;right:-50%;top:35%;line-height:normal;}

.comment_child .comment_admin .comment_author_flag {color:#aaa;}

.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:#a9b1b7;margin-top:10px;padding:10px;font-size:14px; font-family:&#39;Open Sans&#39;,Helvetica,Arial,sans-serif;}

iframe{border:none;overflow:hidden}

.paging-control-container{text-align:center;margin:0 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:left;}

.checkbox{font:11px Tahoma,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 &#39;Courier New&#39;,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:right;text-align:left;margin:0 auto}

button,button[disabled]:active{border:none;font-size:12px;font-family:&#39;Open Sans&#39;;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;font-family:&#39;Open Sans&#39;;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:1px solid rgba(0,0,0,0.1);box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),inset 0 20px 20px rgba(255,255,255,0.2);border-radius:2px;text-shadow: 0 -1px 0 rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.2);transition: all 0.3s ease-out;}

.small-button a {background-color:#0073b7;transition: all 0.3s ease-out;}

.small-button1 a {background-color:#e8aa3e;transition: all 0.3s ease-out;}

.small-button:hover a,.small-button1:hover a{color:#fff;display:inline-block;box-shadow:inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -20px 20px rgba(200,200,200,0.1);}

span.small-button,span.small-button1 {text-align:left;display:inline-block;}

/* CSS Syntax Highlighter */

pre {padding:35px 10px 10px 10px;margin:.5em 0;white-space:pre;word-wrap:break-word;overflow:auto;background-color:#333;position:relative;max-height:500px;box-shadow:0 0 0 1px #ddd;border-radius:3px;}

pre::before {font-size:13px;content:attr(title);position:absolute;top:0;background-color:transparent;padding:6px 10px 7px 10px;left:0;right:0;color:#333;display:block;margin:0 0 15px 0;font-weight:700;box-shadow:0 0 3px #ccc;}

pre::after {content:&quot;Double click to selection&quot;;padding:2px 10px;width:auto;height:auto;position:absolute;right:8px;top:4px;font-size:12px;color:#aaa;line-height:20px;transition:all 0.3s ease-in-out;}

pre:hover::after {opacity:0;top:-8px;visibility:visible;}

code {font-family:Consolas,Monaco,&#39;Andale Mono&#39;,&#39;Courier New&#39;,Courier,Monospace;line-height:16px;color:#aaa;background-color:transparent;

padding:1px 2px;font-size:12px;}

pre code {display:block;background:none;border:none;color:#aaa;direction:ltr;

text-align:left;word-spacing:normal;padding:10px;font-weight:bold;}

code .token.punctuation {color:#bbb;}

pre code .token.punctuation {color:#777;}

code .token.comment,code .token.prolog,code .token.doctype,code .token.cdata {color:#aaa;}

code .namespace {opacity:.8;}

code .token.property,code .token.tag,code .token.boolean,code .token.number {color:#d75046;}

code .token.selector,code .token.attr-name,code .token.string {color:#88a9ad;}

pre code .token.selector,pre code .token.attr-name {color:#00a1d6;}

pre code .token.string {color:#6fb401;}

code .token.entity,code .token.url,pre .language-css .token.string,pre .style .token.string {color:#5ac954;}

code .token.operator {color:#1887dd;}

code .token.atrule,code .token.attr-value {color:#009999;}

pre code .token.atrule,pre code .token.attr-value {color:#1baeb0;}

code .token.keyword {color:#e13200;font-style:italic;}

code .token.comment {font-style:italic;}

code .token.regex {color:#ccc;}

code .token.important {font-weight:bold;}

code .token.entity {cursor:help;}

pre mark {background-color:#ea4f4e!important;color:#fff!important;padding:2px;border-radius:2px;}

code mark {background-color:#ea4f4e!important;color:#fff!important;padding:2px;border-radius:2px;}

pre code mark {background-color:#ea4f4e!important;color:#fff!important;padding:2px;border-radius:2px;}

.comments pre {padding:10px 10px 15px 10px;background:#333;border-radius:3px;box-shadow:inset 0 0 5px rgba(0,0,0,0.2);text-shadow:0 -1px 0 rgba(0,0,0,0.3);}

.comments pre::before {content:&#39;Code&#39;;font-size:10px;font-weight:700;position:relative;top:0;background-color:#363636;padding:2px 8px;left:0;right:0;color:#fff;text-transform:uppercase;display:inline-block;margin:0 0 10px 0;border:none;border-radius:2px;border:1px solid #2a2a2a;box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),inset 0 20px 20px rgba(255,255,255,0.1);text-shadow: 0 -1px 0 rgba(0,0,0,0.3);}

.comments pre::after {font-size:11px;}

.comments pre code {color:#aaa;}

.comments pre.line-numbers {padding-left:10px;}

pre.line-numbers {position:relative;padding-left:3.0em;counter-reset:linenumber;}

pre.line-numbers &gt; code {position:relative;}

.line-numbers .line-numbers-rows {height:100%;position:absolute;top:0;font-size:100%;left:-3.5em;width:3.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;padding:10px 0 0 0;background:#00acd6;}

.line-numbers-rows &gt; span {display:block;counter-increment:linenumber;}

.line-numbers-rows &gt; span:before {content:counter(linenumber);color:#fff;display:block;

padding-right:0.8em;text-align:right;transition:350ms;}

pre[data-codetype=&quot;CSSku&quot;]:before,pre[data-codetype=&quot;HTMLku&quot;]:before,

pre[data-codetype=&quot;JavaScriptku&quot;]:before,pre[data-codetype=&quot;JQueryku&quot;]:before{background-color:#fff;}

/* CSS Shortcodes */

.button{float:left;list-style:none;text-align:center;width:95%;margin:10px;

padding:2px;font-size:14px;clear:both;}

.button ul {margin:0;padding:0}

.button li{display:inline;margin:5px;padding:0;list-style:none;}

.demo,.download {padding:8px 12px!important;color:#fff!important;font-weight:700;font-size:14px;font-family:&#39;Open Sans&#39;,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border:1px solid rgba(0,0,0,0.1);box-shadow: inset 0 1px 0 rgba(255,255,255,0.4),inset 0 20px 20px rgba(255,255,255,0.2);border-radius:2px;text-shadow:0 -1px 0 rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.2);transition:all 0.3s ease-out;}

.demo {background-color:#0073b7;}

.download {background-color:#e8aa3e;}

.demo:hover,.download:hover {color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,0.5), inset 0 -20px 20px rgba(200,200,200,0.1);}

.demo:before {content:&#39;\f135&#39;;display:inline-block;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}

.download:before {content:&#39;\f019&#39;;display:inline-block;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}

.first-letter{float:left;color:#e8aa3e;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px;font-family:Georgia}

.widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400}

.widget .post-body li{padding:0;line-height:1.5}

.alert-message{position:relative;display:block;background-color:#fafafa;padding:20px;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#333;border:1px solid}

.alert-message p{margin:0!important;padding:0;line-height:22px;font-size:13px;color:#333}

.alert-message span{font-size:14px!important}

.alert-message i{font-size:22px;text-align:left;display:inline-block;

position:absolute;right:0;top:0;padding:20px;opacity:0.8;}

.alert-message.success{background-color:#f1f9f7;border-color:#e0f1e9;color:#1d9d74}

.alert-message.success a,.alert-message.success span{color:#1d9d74}

.alert-message.alert{background-color:#DAEFFF;border-color:#8ED2FF;color:#378FFF}

.alert-message.alert a,.alert-message.alert span{color:#378FFF}

.alert-message.warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}

.alert-message.warning a,.alert-message.warning span{color:#8a6d3b}

.alert-message.error{background-color:#FFD7D2;border-color:#FF9494;color:#F55D5D}

.alert-message.error a,.alert-message.error span{color:#F55D5D}

.fa-check-circle:before{content:&quot;\f058&quot;}

.fa-info-circle:before{content:&quot;\f05a&quot;}

.fa-exclamation-triangle:before{content:&quot;\f071&quot;}

.fa-exclamation-circle:before{content:&quot;\f06a&quot;}

#flippy {text-align:center;}

#flippy button {margin:10px auto;cursor:pointer;font-weight:700;font-size:14px;font-family:&#39;Open Sans&#39;,sans-serif;background-color:#f56954;color:#fff!important;padding:8px 12px!important;text-transform:uppercase;border:1px solid rgba(0,0,0,0.1);box-shadow: inset 0 1px 0 rgba(255,255,255,0.4),inset 0 20px 20px rgba(255,255,255,0.2);border-radius:2px;text-shadow:0 -1px 0 rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.2);transition:all 0.3s ease-out;}

#flippy button:hover, #flippy button:focus {outline:none;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,0.5), inset 0 -20px 20px rgba(200,200,200,0.1);}

#flippanel {padding:1px;text-align:left;background:#f9f9f9;border:1px solid #ddd;}

#flippanel {padding:24px;display:none;}

#flippanel img {background:#f1f1f1;margin:10px auto;}

/* CSS Widget */

.widget ul {line-height:1.4em;}

.profile-img{display:inline;opacity:1;margin:0 6px 3px 0;}

.rich-snippet {padding:10px;margin:15px 0 0;border:3px solid #eee;font-size:12px;}

#Attribution1 {height:0px;visibility:hidden;display:none}

/* CSS Sidebar Wrapper */

#sidebar-wrapper {background:transparent;float:right;width:30%;margin:0 auto;}

.sidebar-inner {padding:15px 0;}

.sidebar h2, .sidebar2 h2, .tably h2 {font-family:&#39;Open Sans&#39;;font-size:15px;font-weight:700;color:#333;padding:10px 0;text-transform:uppercase;display:block;border-bottom:2px solid #eee;transition:All 0.4s ease-out;}

.sidebar h2:hover, .sidebar2 h2:hover, .tably h2:hover {border-bottom-color:#e8aa3e;}

.sidebar .widget,.sidebar2 .widget {background:#fff;margin:0 0 15px;}

.sidebar ul, .sidebar ol,.sidebar2 ul, .sidebar2 ol {list-style-type:none;margin:0 0 0 0;padding:10px;padding-top:0;}

.sidebar li,.sidebar2 li {margin:5px 0;padding:0 0 0 0;}

.sidebar h2 span,.sidebar2 h2 span {padding:6px 12px;border:1px solid #ddd;display:inline;

background:#fff;vertical-align:middle;}

.recomments li .avatarImg{float:left;margin:0 10px 0 0;position:relative;overflow:hidden;padding:0}

.recomments li img.rc-img {float:left;margin:0 10px 0 0;position:relative;overflow:hidden;

padding:0;width:45px;height:45px;background-size:cover;}

.recomments li{background:none!important;clear:both;list-style:none;word-break:break-all;display:block;overflow:hidden;padding:10px 0!important;margin:0!important;}

.recomments li span{color:#333;display:block;font-family:&#39;Open Sans&#39;;font-size:13px;font-weight:400;text-transform:lowercase;}

.avatarcomments{width:45px;height:45px}

.recomments a{color:#444;position:relative;font-size:14px;font-size:13px;text-transform:uppercase;display:block;overflow:hidden}

.recomments{list-style:none;padding:0}

.recomments li:first-child &gt; a:before {content:&quot;new&quot;;font-size:10px;font-weight:400;padding:0 4px;border-radius:2px;color:#fff;background:#e8aa3e;display:inline-block;position:absolute;right:0;top:0;}

#sidebar-wrapper .recpost li{overflow:hidden;border-bottom:1px solid #eee;padding:10px 0}

.recpost li:first-child{padding-top:0}

.recpost li:last-child{border-bottom:none}

.recpost .arl-tmb{display:block;width:60px;height:60px;}

.recpost .rcp-title{font-family:&#39;Open Sans&#39;;font-size:14px;font-weight:400;margin:0 0 6px 0;}

.recpost .rcp-title a{color:#333;font-weight:700;font-size:14px}

.recpost .rcp-title a:hover{color:#e8aa3e;text-decoration:none}

/* CSS Social Network Sidebar */

#social_networks{text-align:center;display:block;margin:15px auto;clear:both;}

#social_networks ul {display:block;margin:0 auto;padding:0;list-style:none;}

#social_networks li{text-align:center;display:inline-block;margin:0 5px;width:42px;

height:42px;border-radius:2px;transition:All 0.6s ease-out;}

#social_networks li:hover{color:#aaa;cursor:pointer;}

#social_networks li:hover a{color:#e8aa3e;}

#social_networks li a{display:inline-block;color:#aaa;line-height:42px;font-size:16px;transition:All 0.3s ease-out;}

#social_networks li a:hover{color:#e8aa3e;}

#social_networks li a span{display:none;}

#social_networks li.facebook,#social_networks li.twitter,#social_networks li.youtube,#social_networks li.googleplus,#social_networks li.pinterest{text-align:center;background:#f9f9f9;cursor:pointer;box-shadow:0 0 0 2px #ddd;transition:all 0.6s ease-out;}

#social_networks li a.facebook:hover,#social_networks li a.twitter:hover,#social_networks li a.youtube:hover,#social_networks li a.googleplus:hover,#social_networks li a.pinterest:hover{color:#e8aa3e;}

#social_networks li.facebook:hover,#social_networks li.twitter:hover,#social_networks li.youtube:hover,#social_networks li.googleplus:hover,#social_networks li.pinterest:hover{color:#e8aa3e;box-shadow:0 0 0 2px #f4bb57;}

/* CSS Subscribe Box */

#subscribe-box {width:auto;height:auto;background-color:#fff;box-shadow:0 0 0 3px #f6f6f6;}

#subscribe-box p {font-family:&#39;Open Sans&#39;;font-size:13px;color:#333;line-height:20px;padding:10px 20px 0 20px;margin:0;text-align:center;}

#subscribe-box .emailfield {padding:0px 20px 10px;}

#subscribe-box .emailfield input {background:#f5f5f5;color:#aaa;padding:10px;margin-top:10px;font-size:13px;font-family:&#39;Open Sans&#39;;width:91%;border:0;border-radius:3px;box-shadow:inset 0 0 3px rgba(0,0,0,0.1);transition:all 0.4s ease-out;}

#subscribe-box .emailfield input:focus {outline:none;border:none;color:#444;box-shadow:inset 0 0 3px rgba(0,0,0,0.2);}

#subscribe-box .emailfield .submitbutton {background:#8c949d;color:#fff!important;text-transform:uppercase;font-weight:bold;outline:none;width:99%;cursor:pointer;border-radius:3px;border:none;transition:all 0.4s ease-out;}

#subscribe-box .emailfield .submitbutton:hover, #subscribe-box .emailfield .submitbutton:active {background:#7e858d;outline:none;color:#fff;}

/* CSS Custom Stats */

#sidebar .Stats img {display:none!important;background-image:none;}

#sidebar .Stats .counter-wrapper {width:92%;text-align:right;margin:10px;line-height:35px;color:#333;font-family:&#39;Open Sans&#39;,sans-serif;font-weight:700;font-size:16px;}

#sidebar .Stats .counter-wrapper:after {content:&quot;Page Views&quot;;font-family:&#39;Open Sans&#39;,Arial, sans-serif;float:left;text-align:left;font-size:13px;font-weight:700;color:#333;}

#sidebar .counts {display:inline-block;width:92%;margin:10px;font-size:13px;line-height:35px;color:#333;font-weight:700;}

#sidebar .counts .count {display:inline-block;font-size:16px;height:30px;

vertical-align:top;direction:ltr;float:right;color:#333;font-family:&#39;Open Sans&#39;, sans-serif;font-weight:700!important;}

#sidebar .counts:hover .titles:before {color:#333!important;border-radius:2px;border-color:rgba(255,255,255,0.1);}

#sidebar .counter-wrapper.text-counter-wrapper:before,#sidebar .counts:before {display:inline-block;font-size:13px;font-family:FontAwesome;font-style:normal;font-weight:normal;margin:0 10px 0 10px;float:left;width:10px;text-align:center;}

#sidebar .counter-wrapper.text-counter-wrapper:before,#sidebar .counts:before {

display:block;background-color:#f9f9f9;color:#333;width:35px;height:35px;font-size:18px;line-height:35px;border-radius:2px;margin:0px 8px 0 0;}

.counter-wrapper.text-counter-wrapper:before {content:&quot;\f0e7&quot;;color:#333;}

#sidebar .counts.postx:before {content:&quot;\f09e&quot;;}

#Stats1_content {width:auto;height:auto;background-color:#fff;}

/* CSS Tabs */

.tabs, .tably {margin:0 0;}

.tabs .tably {padding:0 0;}

.tabs-menu {padding:0 0;margin:0;margin-bottom:0;}

.tabs-menu li {margin-bottom:0;margin-top:0;font-size:14px;font-family:&#39;Open Sans&#39;;font-weight:700;text-transform:uppercase;height:37px;line-height:37px;width:33.3%;list-style:none;text-align:center;display:inline-block;padding:3px 0;background:#fff;color:#333;cursor:pointer;position:relative;

transition:all 0.1s linear;}

.tabs-menu li:hover {opacity:0.9;background:#fff;color:#e8aa3e;}

.tabs-menu .active-tab {background:#fff;color:#e8aa3e;}

.tabs-menu .active-tab:hover {opacity:0.9;background:#fff;color:#333;}

.tabs-content {padding:10px;background:#fff;border-top:none;margin-bottom:15px;}

.tabs-content .sidebar li {margin:0 0;padding:0 0 0 0;}

.tabs-content .widget li {background:#fff;color:#333;float:none!important;}

.tabs-content .widget ul {background:#fff;color:#333;overflow:visible;}

.tabs-content .Label li {background:#fff!important;color:#333;float:left;padding:5px;margin-left:3px;text-align:left;width:44%;transition:.3s linear;}

.tabs-content .Label li:hover {background:transparent;color:#e8aa3e;}

.tabs-content .Label li a {color:#333!important;transition:.3s linear;}

.tabs-content .Label li a:hover {color:#e8aa3e;transition:.3s linear;}

.tabs-content .Label ul li a {color:#333!important;}

/* CSS Popular Post */

.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,

.PopularPosts li a img {margin:0;padding:0;list-style:none;border:none;

background:none;outline:none;}

.PopularPosts ul {margin:0;list-style:none;color:#333;}

.PopularPosts ul li img {display:block;margin-right:10px;padding:0;width:60px;height:60px;float:left;transition:all 0.3s ease-out;}

.PopularPosts ul li img:hover {background:#fff;opacity:0.9;}

.PopularPosts ul li {background-color:#fff;margin:2px;padding:0;position:relative;transition:all 0.3s ease-out;}

.PopularPosts ul li:first-child {border-top:none;}

.PopularPosts ul li:last-child {border-bottom:none;}

.PopularPosts ul li a:hover {color:#e8aa3e!important;}

.PopularPosts ul li .item-title a, .PopularPosts ul li a {font-weight:400;color:#333;text-decoration:none;font-size:14px;font-weight:700;font-family:&#39;Open Sans&#39;;transition:all 0.3s ease-out;}

.PopularPosts ul li .item-title a:hover, .PopularPosts ul li a:hover {color:#e8aa3e;}

.PopularPosts ul li:before {display:none;list-style:none;}

.PopularPosts ul li:first-child &gt; a:before {content:&quot;hot&quot;;font-size:10px;font-weight:400;padding:0 4px;border-radius:2px;color:#fff;background:#e8aa3e;display:inline-block;position:absolute;right:0;top:0;}

.PopularPosts .item-thumbnail {margin:0 0 0 0;}

.PopularPosts .item-snippet {font-size:11px;color:#333;font-weight:400;}

.profile-img{display:inline;opacity:1;margin:0 6px 3px 0;}

.PopularPosts .item-title {padding-bottom:.2em;padding:0 5px;}

/* CSS Footer Wrapper */

#footer-wrapper {width:100%;text-align:left;overflow:hidden;background:#f9f9f9;margin:0px 0px 0px 0px;padding:15px 0 0 0;margin-top:20px;border-top:2px solid #ddd;transition:all 0.4s ease-out;}

#footer-wrapper:hover {border-top-color:#e8aa3e;}

#footer-widgetfix .footer-widget {width:30.6%;float:left;margin-left:20px;padding-top:10px;padding-bottom:15px;}

#footer-widgetfix {max-width:1100px;overflow:hidden;margin:0 auto;}

#footer-wrapper h2 {font-family:&#39;Open Sans&#39;;font-size:15px;font-weight:700;color:#333;

padding:10px 0;text-transform:uppercase;display:block;border-bottom:2px solid #ddd;}

#footer-wrapper .widget-content {text-align:left;font-family:&#39;Open Sans&#39;,Helvetica;

margin:20px 0 15px;color:#333;}

#footer-wrapper .widget-content li {margin-left:-14px;color:#333}

#footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 0 0 0;display:block;}

.footer li a {padding-top:0;padding-right:0;line-height:2em;font-size:13px;

font-weight:400;font-family:&#39;Open Sans&#39;,Helvetica;color:#333;margin:0}

.footer li a:hover {color:#e8aa3e;}

#footerfix {overflow:hidden;background:#fff;padding:12px 5px;margin:15px 0 0 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}

.cpleft {float:left;margin:10px;color:#999;font-size:13px;font-family:&#39;Open Sans&#39;;font-weight:400;}

#cpright {float:right;margin:10px;color:#999;font-size:13px;font-family:&#39;Open Sans&#39;;font-weight:400;}

.cpleft a,#cpright a {color:#999;text-decoration:none;}

.cpleft a:hover,#cpright a:hover {color:#e8aa3e;text-decoration:none;}

.footer {font-weight:400;padding-bottom:.2em;}

.footer-bottom {min-height:40px;}

#footx1,#footx2,#footx3 {margin:0 .2%}

.footer {font-weight:400;padding-bottom:.2em;}

.footer-bottom .recpost li{overflow:hidden;padding:10px 0}

.footer-bottom .recpost li:first-child{padding-top:0}

.footer-bottom .recpost li:last-child{border-bottom:none}

.footer-bottom .recpost .arl-tmb{display:block;width:60px;height:60px;}

.footer-bottom .recpost .rcp-title{font-family:&#39;Open Sans&#39;;font-size:15px;font-weight:400;margin:0 0 8px 0;padding:0;}

.footer-bottom .recpost .rcp-title a{color:#333;font-weight:400;font-size:14px}

.footer-bottom .recpost .rcp-title a:hover{color:#e8aa3e;text-decoration:none}

/* CSS Contact */

#ContactForm1,#ContactForm1 br{display:none;}

#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{

width:50%;height:auto;margin:5px auto;padding:10px;background:#f9f9f9;color:#666;border:1px solid #ededed;border-radius:3px;transition:all 0.5s ease-out;}

#ContactForm1_contact-form-email-message{width:450px;height:175px;margin:5px 0;padding:10px;background:#f9f9f9;color:#666;font-family:&#39;Open Sans&#39;,sans-serif;border:1px solid #ededed;border-radius:3px;transition:all 0.5s ease-out;}

#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;border:1px solid #b7bfc5;border-bottom-color:#e8aa3e;}

#ContactForm1_contact-form-submit {font-family:&#39;Open Sans&#39;;float:left;background:#00acd6;color:#fff;margin:10px auto;vertical-align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border:1px solid rgba(0,0,0,0.1);box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),inset 0 20px 20px rgba(255,255,255,0.2);border-radius:2px;text-shadow: 0 -1px 0 rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.2);transition:all 0.4s ease-out;}

#ContactForm1_contact-form-submit:hover {color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,0.5), inset 0 -20px 20px rgba(200,200,200,0.1);}

#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{

width:450px;margin-top:35px;}

/* CSS label */

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {

font-size:100%;opacity:1}

.cloud-label-widget-content{text-align:left;padding:10px;}

.label-size {background:#fff;display:block;float:left;margin:0 5px 5px 0;

color:#666;font-size:11px;transition:.8s linear;}

.label-size a,.label-size span{display:inline-block;color:#666;padding:8px 10px;

font-weight:400;}

.label-size:hover {background:#e8aa3e;}

.label-size a:hover {color:#fff!important;}

.label-count {white-space:nowrap;padding-right:3px;margin-left:-3px;

background:#e25756;color:#fff;transition:all .3s ease-out;}

.label-count:hover {background:#e8aa3e;color:#fff;}

.label-size {line-height:1.2}

#sidebar-wrapper .Label li {background:#fff;color:#666;float:left;padding:10px 5px;margin-left:3px;text-align:left;width:95%;border-bottom:1px solid #eee;transition:all .3s ease-out;}

#sidebar-wrapper .Label li:hover {background:#fff;color:#e8aa3e;}

#sidebar-wrapper .Label li:before {content:&quot;\f105&quot;;font-family:FontAwesome;

font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px;

color:#666;transition:all .3s ease-out;}

#sidebar-wrapper .Label li:hover:before {padding-right:4px;color:#e8aa3e;}

#sidebar-wrapper .Label li a {color:#666;transition:all .3s ease-out;}

#sidebar-wrapper .Label li a:hover {color:#e8aa3e;}

#sidebar-wrapper .label-size{background:#fff;display:block;float:left;margin:0 5px 5px 0;font-size:11px;border:double #ddd;transition:all .3s ease-out;}

#sidebar-wrapper .label-size a {display:inline-block;color:#666;padding:8px 10px;

font-weight:400;transition:all .3s ease-out;}

#sidebar-wrapper .label-size a:hover {background:#e8aa3e;color:#fff;}

#sidebar-wrapper .Label li:before {content:&quot;\f105&quot;;font-family:FontAwesome;

font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px;

color:#666;transition:all .3s ease-out;}

#sidebar-wrapper .Label li:hover:before {margin:0 0 0 5px;color:#e8aa3e;}

#sidebar-wrapper .label-size:hover{background:#e8aa3e;color:#fff;border-color:#fdfdfd;}

#sidebar-wrapper .Label li span{float:right;background-color:#999;color:#fff;line-height:1.2;margin:0;padding:4px 6px;text-align:center;font-size:12px;transition:all .3s ease-out;}

#sidebar-wrapper .Label li span:hover{background-color:#e8aa3e;color:#fff}

#footer-wrapper .label-size{background:#333;color:#fff;display:block;float:left;margin:0 5px 5px 0;font-size:12px;transition:all .3s ease-out;}

#footer-wrapper .label-size a {display:inline-block;color:#fff;padding:8px 10px;

font-weight:400;transition:all .3s ease-out;}

#footer-wrapper .label-size a:hover {background:#e8aa3e;color:#fff;}

#footer-wrapper .label-size a:before {content:&quot;\f02b&quot;;font-family:FontAwesome;

font-style:normal;font-weight:normal;text-decoration:none;padding-right:4px;

color:#fff;transition:all .3s ease-out;}

#footer-wrapper .label-size a:hover:before {content:&quot;\f061&quot;;font-family:FontAwesome;

font-style:normal;font-weight:normal;text-decoration:none;color:#fff;}

#footer-wrapper .label-size:hover, #footer-wrapper-inner .label-size:hover{background:#e8aa3e;color:#fff;}

#footer-wrapper .label-count {white-space:nowrap;padding:3px;

background:#333;color:#fff!important;transition:all .3s ease-out;}

#footer-wrapper .Label li {background:transparent;float:left;padding:10px 5px;margin:0;text-align:left;width:45%;transition:all .3s ease-out;}

#footer-wrapper .Label li:hover {color:#e8aa3e;}

#footer-wrapper .Label li a {color:#666;transition:all .3s ease-out;}

#footer-wrapper .Label li a:hover {color:#e8aa3e;}

#footer-wrapper .Label li span{float:right;color:#333;margin:0;padding:4px 6px;text-align:center;font-size:12px;font-weight:400;transition:all .3s ease-out;}

#footer-wrapper .Label li span:hover{color:#e8aa3e}

/* CSS Ads */

.banner,.banner2 {margin:0 auto;text-align:center;overflow:hidden;}

.banner .widget,.banner2 .widget {width:100%;max-width:100%;margin:0 auto;background:transparent;text-align:center;overflow:hidden;padding-top:15px;padding-bottom:15px;}

.banner img, .banner iframe,.banner2 img, .banner2 iframe{display:block;margin:0 auto;text-align:center;}

.kotak_iklan {text-align:center;margin:0 auto;transition:all 1s ease-out;}

.kotak_iklan .sidebar .widget-content,.kotak_iklan .sidebar2 .widget-content{padding:0;border:0;}

.kotak_iklan .sidebar .widget {margin-bottom:0;padding:0;}

.kotak_iklan img {background:#f9f9f9;text-align:center;margin:0px 5px 5px 0px;padding:5px;border:1px solid transparent!important;transition: all 0.6s ease-out;}

.kotak_iklan img:hover {background:#fff;border:1px solid #ddd;}

.kotak_iklan2 {text-align:center;margin:0 auto;transition:all 1s ease-out;}

.kotak_iklan2 .sidebar .widget-content,.kotak_iklan2 .sidebar2 .widget-content{padding:0;background:#f9f9f9;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);border:0;}

.kotak_iklan2 .sidebar .widget,.kotak_iklan2 .sidebar2 .widget {margin-bottom:0;padding:0;}

.kotak_iklan2 img {text-align:center;transition:all 1s ease-out;}

.kotak_iklan2 img:hover {transition:all .5s ease-out;}

/* CSS Fixed Inner */

.status-msg-wrap {font-size:120%;font-weight:700;width:100%;margin:20px auto;}

.status-msg-body {padding:20px 2%;width:96%;}

.status-msg-border {border:1px solid #d8dde1;opacity:1;width:auto;}

.status-msg-bg {background-color:#fff;}

.status-msg-hidden {padding:20px 2%;}

#ArchiveList ul li:before {content:&quot;&quot;!important;padding-right:0px!important;}

.rich-snippet {padding:10px;margin:15px 0 0;border:3px solid #eee;font-size:12px;}

.Profile img {margin:0 15px 15px 0;width:104px;height:104px;}

a.profile-name-link.g-profile,a.profile-link {color:#333;}

.profile-textblock {color:#333;}

.quickedit{display:none;visibility:hidden}

#ArchiveList a.post-count-link, #ArchiveList a.post-count-link:link, #ArchiveList a.post-count-link:visited {text-decoration:none;font-size:13px;font-weight:700;font-family:&#39;Open Sans&#39;;}

span.post-count {font-size:11px;font-weight:700;}

.BlogArchive #ArchiveList ul.posts li {font-size:12px;}

/* CSS Page Navigation */

.pagenav {background-color:#f9f9f9;clear:both;margin:-5px 0 10px;margin-top:10px;padding:15px;text-align:left;font-size:13px;font-family:&#39;Open Sans&#39;;font-weight:700;}

.pagenav span,.pagenav a {padding:6px 12px;display:inline-block;background-color:#8c949d;

color:#fff;margin-left:4px;margin-right:4px;border-radius:2px;transition:all 0.3s ease-out;}

.pagenav .pages {background-color:#8c949d;color:#fff;}

.pagenav a:hover {background-color:#4b5f65;color:#fff;}

.pagenav .current {background-color:#e8aa3e;color:#fff;}

/* CSS Sitemap */

#tabbed-toc {width:100%;margin:0 auto;background-color:#222;overflow:hidden;position:relative;color:#333}

#tabbed-toc .loading {display:block;padding:5px 10px;font-family:&#39;Open Sans&#39;,Sans-Serif;font-weight:400;font-size:10px;color:#fff;}

#tabbed-toc ul,#tabbed-toc ol,#tabbed-toc li {margin:0;padding:0;list-style:none}

#tabbed-toc .toc-tabs {width:25%;float:left}

#tabbed-toc .toc-tabs li a {display:block;font-family:&#39;Open Sans&#39;,Sans-Serif;font-weight:400;font-size:10px;height:31px;overflow:hidden;text-overflow:ellipsis;color:#ddd;text-transform:uppercase;text-decoration:none;padding:6px 12px;cursor:pointer;}

#tabbed-toc .toc-tabs li a:hover {background-color:#333;color:#fff}

#tabbed-toc .toc-tabs li a.active-tab {background-color:#a9b1b7;color:#fff;position:relative;z-index:5;margin:0 -1px 0 0}

#tabbed-toc .toc-content,#tabbed-toc .divider-layer {width:75%;float:right;background-color:#fff;border-left:5px solid #a9b1b7;box-sizing:border-box}

#tabbed-toc .divider-layer {float:none;display:block;position:absolute;top:0;right:0;

bottom:0;}

#tabbed-toc .panel {position:relative;z-index:5;font-family:&#39;Open Sans&#39;,Sans-Serif;font-weight:400;font-size:10px;}

#tabbed-toc .panel li a {display:block;position:relative;font-weight:700;font-size:11px;

color:#333;line-height:30px;height:30px;padding:6px 12px;text-decoration:none;outline:none;

overflow:hidden}

#tabbed-toc .panel li a em {background:#efa666;color:#fff!important;padding:2px 4px;border-radius:3px;font-style:normal;}

#tabbed-toc .panel li time {display:block;font-style:italic;font-weight:400;font-size:10px;

color:#666;float:right}

#tabbed-toc .panel li .summary {display:block;padding:10px 12px;font-style:italic;

border-bottom:4px solid #275827;overflow:hidden}

#tabbed-toc .panel li .summary img.thumbnail {float:left;display:block;margin:0 8px 0 0;

padding:4px;width:72px;height:72px;border:1px solid #dcdcdc;background-color:#fafafa}

#tabbed-toc .panel li:nth-child(even) {background-color:#f0f0f0;font-size:10px;

color:#fff}

#tabbed-toc .panel li:nth-child(odd) {background-color:#f9f9f9;font-size:10px;

color:#fff}

#tabbed-toc .panel li a:hover,#tabbed-toc .panel li a:focus,#tabbed-toc .panel li a:hover time,#tabbed-toc .panel li.bold a {background-color:#333;color:#fff;outline:none}

#tabbed-toc .panel li.bold a:hover,#tabbed-toc .panel li.bold a:hover time {background-color:#444;}

/* CSS Back To Top */

#BackToTop {z-index:90;position:fixed;right:25px;bottom:-80px;overflow:hidden;display:none;

background:rgba(0,0,0,0.3);color:#fff;padding:9px 15px;font-size:28px;-webkit-transform: translateZ(0);box-shadow:inset 0 0 0 1px transparent;transition:all .5s ease-out;}

#BackToTop:hover {background:#fff;color:#e8aa3e;box-shadow:inset 0 0 0 1px #ddd;}

/* CSS Global Responsive */

@media screen and (max-width:1066px) {

#outer-wrapper {margin:0 auto;}

.header-right {float:right;padding:0;overflow:hidden;margin:0;max-width:640px!important;}

.header-right img {display:block;}}

@media screen and (max-width:960px) {

#outer-wrapper {margin:0 auto;border:none;box-shadow:none;}

#header h1,#header p,#header,.header-right,#header .description{margin:0 auto;width:100%;float:none;text-align:center;}

#header {margin:20px auto;}

.header-right img, .header-right iframe{margin:0 auto;max-width:100%;}

#header-wrapper{padding:0 10px;}

.header-wrapper2 {padding:0}

#footer-widgetfix {width:100%;overflow:hidden;}

#footer-widgetfix .footer-widget {width:46%;float:left;margin-left:20px;}}

@media only screen and (max-width:768px){

#post-wrapper, #sidebar-wrapper,#footer-col1,#footer-col2,#footer-col3 {width:100%;max-width:100%}

#header {background:none;}

.post-body img {max-width:90%;}

.img-thumbnail {margin:0 10px 0 0;}

.sidebar-inner, .post-inner {padding:15px 0 0px;}

.cpleft,#cpright {float:none;text-align:center;margin:10px auto;}}

@media (min-width:768px) and (max-width:979px) {

.mainWrap {width:768px;}

.menu ul {top:37px;}

.menu li a {font-size:12px;}}

@media (max-width:767px) {

.mainWrap {width:auto;padding:50px 20px;}

.menu {display:none;}

.responsive-menu {display:block;}

nav {margin:0;background:none;}

.menu li {display:block;margin:0;}

.menu li a {background:#fff;color:#333;}

.menu ul {visibility:hidden;opacity:0;top:0;left:0;width:100%;transform:initial;box-shadow:initial;margin-left:30%;width:70%;}

.menu li:hover &gt; ul {visibility:visible;opacity:1;position:relative;transform:initial;}

.menu ul ul {left: 0;transform:initial;}

.menu li&gt;ul ul:hover {transform:initial;}

.menu li a.homer {background:#fff;color:#333;margin-left:initial;}}

@media only screen and (min-width:640px){

#menu {display:block;}}

@media only screen and (max-width:640px){

#header h1,#header p,#header,.header-right,#header .description{margin:0 auto;width:100%;float:none;text-align:center;}

.header-right{float:none;margin:0 auto;text-align:center;}

.header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}

#header-wrapper{padding:0;margin:20px 0 0 0;min-height:150px;}

#header {min-width:initial;background:none;margin:20px auto;min-height:150px;padding:0 5px;}

#Header1 {min-height:150px;}

#header-inner {top:25%;}

#BackToTop {bottom:0;padding:7px 13px;font-size:22px;}

#footer-widgetfix {width:100%;overflow:hidden;}

#footer-widgetfix .footer-widget {width:92%;float:left;margin-left:20px;}

.pagenav .pages {display:none;}}

@media only screen and (min-width:640px){

#menu {display:block;}}

@media only screen and (max-width:480px){

#outer-wrapper {margin:0 auto;}

.header-right{float:none;margin:0 auto;text-align:center;}

.header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}

.post {margin:0 0 8px;padding:8px;}

h2.post-title, h1.post-title {font-size:16px;}

.img-thumbnail, .img-thumbnail img {width:120px;height:90px;}

.img-thumbnail {margin:0 8px 0 0;}

.comments .comment-block, .comments .comments-content .inline-thread {

padding:10px !important;}

.comment .comment-thread.inline-thread .comment {margin: 0 0 0 0 !important;}

#related_posts {margin:20px 20px 20px 0;padding:0;}

.post-info {font-size:12px;}

#feedContainer li {width:100%;}

.authorLeft{float:none;width:120px;margin:0 auto}

.authorDetails{text-align:center}

.authorDetails h2{float:none}

.authorDetails span{float:none}

.articleAuthor .authorContent p{text-align:center}

#social_networks li {margin:0 1px auto;width:32px;height:32px;float:left;}

#social_networks li a {line-height:32px;}}

@media screen and (max-width:320px){

.header-right{float:none;margin:0 auto;text-align:center;}

.header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}

.post {padding:6px;}

.img-thumbnail, .img-thumbnail img {width:100px;height:80px;}}

</style>

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

<style type='text/css'>

.post img{background:#fafafa;height:auto;max-width:95%;border:0;}

/* CSS Related Posts and Email Subscribe */

#subs-and-redat {margin:0;padding:15px;background:#f2fbd8;border-radius:3px;box-shadow:0 0 0 1px #cdd5b7;}

.kotakleft {background:none;width:44%;margin:0;padding:20px 0;display:block;float:left}

#related-post h4{font-family:&#39;Open Sans&#39;, Arial, sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;color:#949a7f;margin:0 0 15px;margin-top:-15px;}

#related-post li {line-height:1.8em;margin:0;padding:5px 0;}

#related-post ul {list-style:none;margin:0;padding:0;}

#related-post a {font-size:14px;color:#333;}

#related-post a:hover {color:#555;}

#subscribe-css {margin:0;padding:0;float:right;display:block;position:relative;}

.subscribe-wrapper {background:#4b5f65;width:260px;height:200px;color:#fff;font-size:14px;font-family:&#39;Open Sans&#39;;line-height:20px;padding:40px 20px 10px 20px;text-align:center;border-radius:3px;}

.subscribe-wrapper p {margin:0;margin-bottom:30px;}

.subscribe-form {clear:both;display:block;margin:10px 0;overflow:hidden;}

form.subscribe-form {clear:both;display:block;margin:10px 0 0;width:auto;overflow:hidden;}

.subscribe-css-email-field {background:#39484d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhNQHMMmB2occC8khhbzmMUkBA5IxeXvkxYV2GUYqKDiPwnS_42gkPOmyIqrk7G65_Ppi_UsDRp574Il0A2Sat-7YVskQIOwQPJ-g3H15v1_xdoClJmNUh0aMScMAP8_9Iut6gpGOSj7bg/s1600/sprites.png) no-repeat 1px -27px;color:#fff;margin:0 0 15px;padding:12px 40px;width:100%;border:none;}

.subscribe-css-email-button {background:#e8aa3e;color:#fff;cursor:pointer;font-weight:700;

padding:10px;text-transform:none;width:100%;border:none;font-size:17px;transition:all .5s ease-in;border-radius:3px;box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 20px 20px rgba(255,255,255,0.2), 0 2px 1px rgba(0,0,0,0.2), 0 0 2px 8px rgba(50,50,50,0.1);text-shadow: 0 -1px 0 rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.2);-webkit-font-smoothing:subpixel-antialiased;transition:all 0.3s ease-out;}

.subscribe-css-email-button:hover {box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 -20px 20px rgba(200,200,200,0.1), 0 2px 1px rgba(0,0,0,0.2), 0 0 2px 8px rgba(100,100,100,0.1);}

/* CSS Share Button */

.sharepost{overflow:hidden;text-align:center;margin-bottom:20px;margin-top:20px;padding:10px 0;}

.sharepost li{float:left;margin:0 1%;width:18%;padding:0;list-style:none;position:relative;box-shadow:4px 4px 0 -1px #e3e3e3;}

.sharepost li a{padding:6px 0 6px 35px;color:#fff;display:block;border-radius:2px;}

.sharepost li a:hover{color:#fff;}

.sharepost li .twitter{background-color:#85c5f5;}

.sharepost li .facebook{background-color:#6381c0;}

.sharepost li .gplus{background-color:#ed6d5d;}

.sharepost li .pinterest{background-color:#e44d52;}

.sharepost li .linkedin{background-color:#2c9ad8;}

.sharepost li .twitter:hover,.sharepost li .facebook:hover,.sharepost li .gplus:hover,

.sharepost li .pinterest:hover,.sharepost li .linkedin:hover{color:#fff;}

.sharepost li:last-child{margin-right:0}

.sharepost li .fa:before{position:absolute;top:0;left:0;display:inline-block;padding:6.5px 12px;font-family:fontawesome;text-align:center;background:#f5f5f5;color:#aaa;line-height:20px;}

/* CSS Item Responsive */

@media only screen and (max-width:640px){

#related-post li {float:left;list-style:none;overflow:hidden;width:90%;}}

@media screen and (max-width:420px) {

.sharepost li{width:100%}}

@media only screen and (max-width:320px){

h3.post-title:before,h1.post-title:before,h3.post-title:after,h1.post-title:after,h3.post-title:after,h1.post-title:after,#comments .click-comment {visibility:hidden;}

#comments .comment_avatar {width:20px;height:20px;max-width:20px;max-height:20px;background:#fcfcfc;padding:0;text-align:center;position:absolute;top:5px;right:5px;opacity:1;}

#comments .comment_admin .comment_avatar{width:20px;height:20px;max-width:20px;max-height:20px;padding:4px 4px 19px;text-align:center;position:absolute;top:0;right:0;opacity:1;}

#comments .comment_avatar img {width:20px;height:20px;max-width:20px;max-height: 20px;background:#f9f9f9;}

.comment_avatar img{width:20px;height:20px;background:#f9f9f9;}}

@media print {

body{padding:0}

#post-wrapper{width:100%;margin:0 auto;}

.post {background:#fff;margin:0 0 15px;padding:15px;box-shadow:none;border:none;}

h1.post-title {border-bottom:none;}

.post blockquote{background:transparent;color:#666;border:none;}

nav,.sharepost,#BackToTop,#search,.breadcrumbs,.halaman,#blog-pager,.banner,#banner,.banner2,#banner2,#sidebar-wrapper,#subs-and-redat,#comments,#footer-wrapper,#header-wrapper,div#banner,div#banner2{opacity:0;display:none;visibility:hidden;width:0;height:0;}

.status-msg-border{border:none;}

.Stats .blind-plate{border-top:none;}}

</style>

</b:if>

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

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

<style type='text/css'>

/* CSS Post Wrapper */

.post {background:#fff;color:#333;margin:0 0 20px 0;padding:0 10px 0 0;box-shadow:none;border:none;transition:all 0.3s linear;}

.post:hover {transition:.3s linear;}

.post-body {line-height:1.6em;color:#333;margin-right:10px;font-size:12px;text-overflow:ellipsis;}

h2.post-title, h1.post-title {font-family:&#39;Open Sans&#39;,sans-serif;font-size:18px;font-weight:700;padding:15px 0;text-transform:none;padding-bottom:0;text-align:left;border-bottom:none;border-top:none;}

h2.post-title:hover, h1.post-title:hover {color:#e8aa3e;}

h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#333;z-index:0;}

h2.post-title a:hover, h1.post-title a:hover {color:#e8aa3e!important;}

.post-info {margin-top:0;margin-bottom:0;padding:0;margin-right:15px;margin-left:15px;color:#333;font-size:11px;}

.post-info a {display:inline;background:transparent;color:#333;padding:5px;padding-left:0;margin-bottom:10px;transition:all .3s ease-out;}

.post-info a:hover {background:transparent;color:#e8aa3e;}

.author-info, .review-info, .comment-info, .time-info {margin-right:8px;display:inline;}

.img-thumbnail {overflow:hidden;background:#444;position:relative;float:left;width:260px;height:170px;margin:15px 15px 15px 0;z-index:1;padding:0;}

.img-thumbnail img {width:260px;height:170px;}

/* CSS Label Info */

.post .label-info {position:absolute;top:30px;left:0;margin:0 auto;width:auto;z-index:1;}

.label-info a{font-weight:700;background:#8c949d;color:#fff;font-size:13px;display:block;float:left;padding:6px 12px;margin:0;transition: all .3s ease-out;}

.label-info a:hover{background:#333;color:#fff;}

.label-info a:nth-child(n+2){display:none;}

/* CSS Read More */

a.read-more {position:absolute;display:inline-block;bottom:15px;background-color:#f9f9f9;color:#aaa;padding:5px 10px 4px;font-family:&#39;Open Sans&#39;;font-size:11px;font-weight:700;text-transform:uppercase;border-radius:2px;border:1px solid rgba(0,0,0,0.1);box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),inset 0 20px 20px rgba(255,255,255,0.2);transition:all .3s ease-out;}

a.read-more:hover,a.read-more:active {color:#e8aa3e;box-shadow:inset 0 1px 0 rgba(255,255,255,0.5), inset 0 -20px 20px rgba(200,200,200,0.1);}

/* CSS Homepage Responsive */

@media only screen and (max-width:640px){

h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:18px;}

.post-body {margin-bottom:10px;}

a.read-more,.readm,.label-info {display:none;}

.img-thumbnail {width:150px;height:100px;}

.img-thumbnail img {width:150px;height:100px;}

.img-thumbnail:before{display:none;}}

@media only screen and (max-width:480px){

h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:16px;}

.img-thumbnail {width:110px;height:60px;}

.img-thumbnail img {width:110px;height:60px;}

.img-thumbnail:before,.post-body,.post-share,.comment-info{display:none!important;visibility:hidden;width:0;height:0;}

.post {padding:0 0 25px 0;}}

@media only screen and (max-width:320px){

h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:14px;}}

</style>

</b:if>

</b:if>

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

<style type='text/css'>

.post img{background:#f1f1f1;height:auto;max-width:95%;border:0;}

@media print {

body{padding:0}

#post-wrapper{width:100%;margin:0 auto;}

.post {background:#fff;margin:0 0 15px;padding:15px;box-shadow:none;border:none;}

.post blockquote{background:transparent;color:#666;border:none;}

nav,.sharepost,#BackToTop,#search,.breadcrumbs,.halaman,#blog-pager,#menu-wrap,.banner,#banner,#sidebar-wrapper,#subs-and-redat,#comments,#footer-wrapper,#header-wrapper,div#banner{display:none;visibility:hidden;width:0;height:0;}}

</style>

</b:if>

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

<style type='text/css'>

.header-wrapper, #header, #post-wrapper, #sidebar-wrapper {display:none;}

/* CSS Custom Error Page */

#oopss {background:rgba(255,255,255,0.98);text-align:center;margin-bottom:50px;font-weight:400;font-size:45px;font-family:&#39;Open Sans&#39;,sans-serif;position:fixed;width:100%;height:100%;line-height:1.5em;z-index:9999;}

#error-text {top:30%;position:relative;font-size:40px;color:#666;}

#error-text a{color:#666;}

#error-text p {margin:0!important;}

#error-text span {color:#e8aa3e;font-size:100px;font-weight:700;}

#error-text a.back {background:#e8aa3e;color:#fff;padding:10px 20px;font-size:20px;font-weight:700;border:1px solid #fff;line-height:normal;text-transform:uppercase;border-radius:3px;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);transition:all 0.5s ease-out;}

#error-text a.back:hover {background:#fff;color:#e59610;border:1px solid #e8aa3e;}

#error-text a.back:active {-webkit-transform:scale(0.9);-moz-transform:scale(0.9);transform:scale(0.9);background:#e59610;color:#fff;border:1px solid #e8aa3e;}

/* CSS Error Page Responsive */

@media only screen and (max-width:640px){

#error-text {color:#666;font-size:20px;}

#error-text span {font-size:60px;}

#error-text a.back {padding:5px 10px;font-size:15px;}

#error-text a.back:hover,#error-text a.back:active {border:0;}}

</style>

</b:if>

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

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

<script type='text/javascript'>

//<![CDATA[

function bp_thumbnail_resize(image_url,post_title)

{

var image_width=260;

var image_height=170;

image_tag='<img width="'+image_width+'" height="'+image_height+'" src="'+image_url.replace('/s72-c/','/w'+image_width+'-h'+image_height+'-c/')+'" alt="'+post_title.replace(/"/g,"")+'" title="'+post_title.replace(/"/g,"")+'"/>';

if(post_title!="") return image_tag; else return "";

}

//]]>

</script>

</b:if>

</b:if>

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'/>

<script type='text/javascript'>

$(function() {

$(&quot;.tabs-1&quot;).mtabs();

});

</script>

</head>

<body>

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

<div id='oopss'>

<div id='error-text'>

<span>404</span>

<p>Page Not Found</p>

<p><a class='back' href='/'>Homepage</a></p>

</div>

</div>

</b:if>

<form action='/search' id='search' method='get'>

<div class='input'>

<input class='search' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Search here...'/>

<button class='submit fa fa-search' type='submit' value=''/>

</div>

<button class='fa fa-times' id='close' type='reset' value=''/>

</form>

<div id='outer-wrapper'>

<div id='header-wrapper'>

<b:section class='header section' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Revoltify (Header)' type='Header'>

<b:includable id='main'>

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

<b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>

<!--

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' style='background: transparent; border-width: 0px'>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

<b:else/>

<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>

<div class='titlewrapper' style='background: transparent'>

<h1 class='title' style='background: transparent; border-width: 0px'>

<b:include name='title'/>

</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 + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>

</a>

<!--Show the description-->

<b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>

<b:include name='description'/>

</b:if>

</div>

</b:if>

<b:else/>

<!--No header image -->

<div id='header-inner'>

<div class='titlewrapper'>

<h1 class='title'>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

</b:if>

</b:includable>

<b:includable id='description'>

<div class='descriptionwrapper'>

<p class='description'><span><data:description/></span></p>

</div>

</b:includable>

<b:includable id='title'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<data:title/>

<b:else/>

<a expr:href='data:blog.homepageUrl'><data:title/></a>

</b:if>

</b:includable>

</b:widget>

</b:section>

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

</div>

<div class='clear'/>

<nav>

<a class='responsive-menu' href='#' id='resp-menu'><i class='fa fa-reorder'/> Menu</a>

<ul class='menu'>

<li><a class='homer' href='/'>Home</a></li>

<li><a class='ai' href=''>Features</a>

<ul>

<li><a href=''>Contact</a></li>

<li><a href=''>Sitemap</a></li>

</ul>

</li>

<li><a href=''>Blog</a></li>

<li><a href=''>Sitemap</a></li>

<li><a class='ai' href=''>Categories</a>

<ul>

<li><a class='ai2' href=''>CSS</a>

<ul>

<li><a href=''>Item 11</a></li>

<li><a href=''>Item 12</a></li>

<li><a href=''>Item 13</a></li>

<li><a href=''>Item 14</a></li>

</ul>

</li>

<li><a class='ai2' href=''>Graphic design</a>

<ul>

<li><a href=''>Item 21</a></li>

<li><a href=''>Item 22</a></li>

<li><a href=''>Item 23</a></li>

<li><a href=''>Item 24</a></li>

</ul>

</li>

<li><a class='ai2' href=''>Development</a>

<ul>

<li><a href=''>Item 31</a></li>

<li><a href=''>Item 32</a></li>

<li><a href=''>Item 33</a></li>

<li><a href=''>Item 34</a></li>

</ul>

</li>

<li><a class='ai2' href=''>Web design</a>

<ul>

<li><a href=''>Item 41</a></li>

<li><a href=''>Item 42</a></li>

<li><a href=''>Item 43</a></li>

<li><a href=''>Item 44</a></li>

</ul>

</li>

</ul>

</li>

<li><a class='ai' href=''>Work</a>

<ul>

<li><a class='ai2' href=''>Music</a>

<ul>

<li><a class='ai3' href=''>Recording</a>

<ul>

<li><a href=''>Recording 1</a></li>

<li><a href=''>Recording 2</a></li>

<li><a href=''>Recording 3</a></li>

</ul>

</li>

<li><a class='ai3' href=''>Equipment</a>

<ul>

<li><a href=''>Equipment 1</a></li>

<li><a href=''>Equipment 2</a></li>

<li><a href=''>Equipment 3</a></li>

</ul>

</li>

<li><a class='ai3' href=''>Distribution</a>

<ul>

<li><a href=''>Distribution 1</a></li>

<li><a href=''>Distribution 2</a></li>

<li><a href=''>Distribution 3</a></li>

</ul>

</li>

</ul>

</li>

<li><a class='ai2' href=''>Video</a>

<ul>

<li><a class='ai3' href=''>Alpha</a>

<ul>

<li><a href=''>Alpha 1</a></li>

<li><a href=''>Alpha 2</a></li>

<li><a href=''>Alpha 3</a></li>

</ul>

</li>

<li><a class='ai3' href=''>Omega</a>

<ul>

<li><a href=''>Omega 1</a></li>

<li><a href=''>Omega 2</a></li>

<li><a href=''>Omega 3</a></li>

</ul>

</li>

<li><a class='ai3' href=''>Zulu</a>

<ul>

<li><a href=''>Zulu 1</a></li>

<li><a href=''>Zulu 2</a></li>

<li><a href=''>Zulu 3</a></li>

</ul>

</li>

</ul>

</li>

<li><a class='ai2' href=''>Image</a>

<ul>

<li>

<a class='ai3' href=''>Work 1</a>

<ul>

<li><a href=''>Work 1</a></li>

<li><a href=''>Work 2</a></li>

<li><a href=''>Work 3</a></li>

</ul>

</li>

<li><a class='ai3' href=''>Work 2</a>

<ul>

<li><a href=''>Work 1</a></li>

<li><a href=''>Work 2</a></li>

<li><a href=''>Work 3</a></li>

</ul>

</li>

<li><a class='ai3' href=''>Work 3</a>

<ul>

<li><a href=''>Work 1</a></li>

<li><a href=''>Work 2</a></li>

<li><a href=''>Work 3</a></li>

</ul>

</li>

</ul>

</li>

</ul>

</li>

<li><a href=''>Cars</a></li>

<li><a href=''>Fashion</a></li>

<li><a href=''>404</a></li>

<li class='searchbutton'/>

</ul>

</nav>

<div class='clear'/>

<div id='content-wrapper'>

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

<div class='clear'/>

<div id='post-wrapper'>

<div class='post-inner'>

<b:section class='main' id='main' maxwidgets='3' showaddelement='yes'>

<b:widget id='HTML900' locked='true' title='Ads Inside Post' type='HTML'>

<b:includable id='main'>

<div class='ads-in-post'>

<data:content/>

</div>

</b:includable>

</b:widget>

<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>

<b:includable id='main' var='top'>

<b:include data='posts' name='breadcrumb'/>

<b:if cond='data:mobile == &quot;false&quot;'>

<!-- posts -->

<div class='blog-posts hfeed'>

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

<data:defaultAdStart/>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.isDateStart'>

<b:if cond='data:post.isFirstPost == &quot;false&quot;'>

&lt;/div&gt;&lt;/div&gt;

</b:if>

</b:if>

<b:if cond='data:post.isDateStart'>

&lt;div class=&quot;date-outer&quot;&gt;

</b:if>

<b:if cond='data:post.isDateStart'>

&lt;div class=&quot;date-posts&quot;&gt;

</b:if>

<div class='post-outer'>

<b:include data='post' name='post'/>

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

<b:include data='post' name='comments'/>

</b:if>

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

<b:include data='post' name='comments'/>

</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'>

&lt;/div&gt;&lt;/div&gt;

</b:if>

<data:adEnd/>

</div>

<!-- navigation -->

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

<b:include name='page-navi'/>

<b:else/>

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

<b:include name='page-navi'/>

<b:else/>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<!-- navigation -->

<b:include name='nextprev'/>

</b:if>

</b:if>

</b:if>



<!-- feed links -->

<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>

<script src='//www.google.com/jsapi' type='text/javascript'/>

<script type='text/javascript'>

google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});

function initialize() {

google.annotations.setApplicationId(<data:top.blogspotReviews/>);

google.annotations.createAll();

google.annotations.fetch();

}

google.setOnLoadCallback(initialize);

</script>

</b:if>

<b:else/>

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

</b:if>

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

<data:top.dummyBootstrap/>

</b:if>

</b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'>

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

<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>

<img src='//www.blogger.com/img/icon_delete13.gif'/>

</a>

</span>

</b:includable>

<b:includable id='backlinks' var='post'>

<a name='links'/><h4><data:post.backlinksLabel/></h4>

<b:if cond='data:post.numBacklinks != 0'>

<dl class='comments-block' id='comments-block'>

<b:loop values='data:post.comments' var='comment'>

<dt class='comment-author' id='comment-author'>

<a expr:name='data:comment.anchorName'/>

<b:if cond='data:comment.authorUrl'>

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>

</dt>

<dd class='comment-body'>

<b:if cond='data:comment.isDeleted'>

<span class='deleted-comment'><data:comment.body/></span>

<b:else/>

<p><data:comment.body/></p>

</b:if>

</dd>

<dd class='comment-footer'>

<span class='comment-timestamp'> <i><data:comment.timestamp/></i> <b:include data='comment' name='commentDeleteIcon'/> </span>

</dd>

</b:loop>

</dl>

</b:if>

<p class='comment-footer'> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a> </p>

</b:includable>

<b:includable id='breadcrumb' var='posts'>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

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

<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'><i class='fa fa-home fa-lg'/></a></span> <span><i class='fa fa-file-text-o'/> <data:blog.pageName/></span>

</div>

<b:else/>

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

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.labels'>

<div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'><i class='fa fa-home fa-lg'/></span></a></span> <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;amp;max-results=5&quot;' itemprop='url'><span itemprop='title'><i class='fa fa-tag'/> <data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> </b:loop> <span><i class='fa fa-file-text-o'/> <data:post.title/></span>

</div>

<b:else/>

<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'><i class='fa fa-home fa-lg'/></a></span> <span>Uncategories</span> <span><data:post.title/></span></div>

</b:if>

</b:loop>

<b:else/>

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

<div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'><i class='fa fa-home fa-lg'/></a></span> <span><i class='fa fa-file-text-o'/> Archive for <data:blog.pageName/></span>

</div>

<b:else/>

<b:if cond='data:blog.searchQuery'>

<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'><i class='fa fa-home fa-lg'/></a></span> <span><i class='fa fa-file-text-o'/> <data:blog.pageName/></span>

</div>

<b:else/>

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

<div class='breadcrumbs'>

<b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'><i class='fa fa-home fa-lg'/></a></span> <span>All post</span>

<b:else/>

<span><a expr:href='data:blog.homepageUrl' rel='nofollow'><i class='fa fa-home fa-lg'/></a></span> <span><i class='fa fa-file-text-o'/> <data:blog.pageName/></span>

</b:if>

</div>

</b:if>

</b:if>

</b:if>

</b:if>

</b:if>

</b:if>

</b:includable>

<b:includable id='comment-form' var='post'>

<div class='comment-form'>

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

<h4 id='comment-post-message'>

<a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' expr:title='data:postCommentMsg' href='javascript:void(0)'><data:postCommentMsg/></a></h4>

<p><data:blogCommentMessage/></p>

<data:blogTeamBlogMessage/>



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

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

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

</b:if>

 

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

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

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

</b:if>

<b:else/>

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

<div id='threaded-comment-form'>

<p><data:blogCommentMessage/>

<span class='small-button'>

<span id='show-konversi'><a class='konversi-button' href='javascript:void(0)' onclick='document.getElementById(&apos;konversi-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-konversi&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-konversi&apos;).style.display=&apos;none&apos;' title='Show Conversion Box'>Conversion</a></span><span id='hide-konversi'><a class='konversi-button' href='javascript:void(0)' onclick='document.getElementById(&apos;konversi-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-konversi&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-konversi&apos;).style.display=&apos;inline-block&apos;' title='Hide Conversion Box'>Conversion</a></span>

</span>

<span class='small-button1'>

<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;none&apos;' title='Show Emoticon'>Emoticon</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;inline-block&apos;' title='Hide Emoticon'>Emoticon</a></span>

</span>

</p>

<div id='konversi-box'>

<textarea id='codes' placeholder='Write/paste the code here then click &apos;Conversion&apos;' spellcheck='false'/>

<span class='button-group'>

<button id='cvrt' onclick='cdConvert();this.disabled = true;'>Conversion</button>

<button onclick='cdClear();'>Clean</button>

</span>

<span class='checkbox'>

<input checked='' id='opt1' type='checkbox'/> <input id='opt2' type='checkbox'/> <input id='opt3' type='checkbox'/> <input checked='' id='opt4' type='checkbox'/> <input checked='' id='opt5' type='checkbox'/></span>

</div>

<div id='emo-box'>

<div class='comment_emo_list'/>

</div>

<data:blogTeamBlogMessage/>



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

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

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

</b:if>

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

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

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

</b:if>

</div>

</b:if>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

<script type='text/javascript'>

BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);

</script>

</div>

</b:includable>

<b:includable id='commentDeleteIcon' var='comment'>

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

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

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

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

</div>

<b:else/>

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

</b:if>

</span>

</b:includable>

<b:includable id='comment_count_picker' var='post'>

<b:if cond='data:post.commentSource == 1'>

<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>

</span>

<b:else/>

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>

<data:post.commentLabelFull/>:

</a>

</b:if>

</b:includable>

<b:includable id='comment_picker' var='post'>

<b:if cond='data:post.commentSource == 1'>

<b:include data='post' name='iframe_comments'/>

<b:else/>

<b:if cond='data:post.showThreadedComments'>

<b:include data='post' name='threaded_comments'/>

<b:else/>

<b:include data='post' name='comments'/>

</b:if>

</b:if>

</b:includable>

<b:includable id='comments' var='post'>

<div class='comments' id='comments'>

<b:if cond='data:post.allowComments'>

<b:if cond='data:post.numComments != 0'>

<h3>

<b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:

<b:else/>

<data:post.numComments/> <data:commentLabelPlural/>

</b:if>

</h3>

<a class='click-comment' expr:title='data:commentLabelPlural' href='#comment-form'>Write <data:commentLabelPlural/></a>

</b:if>



<b:if cond='data:post.commentPagingRequired'>

<span class='paging-control-container'>

<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a>

&#160;

<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>

&#160;

<data:post.commentRangeText/>

&#160;

<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>

&#160;

<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a>

</span>

</b:if>



<div class='clear'/>

<div id='comment_block'>

<b:loop values='data:post.comments' var='comment'>



<div data-level='0' expr:class='data:comment.adminClass' expr:id='data:comment.anchorName'>

<b:if cond='data:post.adminClass == data:comment.adminClass'>

&lt;div class=&#39;comment_inner comment_admin&#39;&gt;

<b:else/>

&lt;div class=&#39;comment_inner&#39;&gt;

</b:if>



<div class='comment_body'>

<div class='comment_header'>

<div class='comment_avatar_wrap'>



</div>



<div class='clear'/>

</div>

<div class='comment_name'>

<b:if cond='data:comment.authorUrl'>

<a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a>

<b:else/>

<data:comment.author/>

</b:if>

<div class='comment_author_flag'>AUTHOR</div>

</div>

<span class='comment_service'>

<span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>

<data:comment.timestamp/>

</a></span>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

<b:if cond='data:comment.isDeleted'>

<span class='deleted-comment'><data:comment.body/></span>

<b:else/>

<p><data:comment.body/></p>

<a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Reply'>Reply</a>

<div class='clear'/>

</b:if>

<div class='comment_avatar'>

<img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>

</div>

</div>

<div class='clear'/>

&lt;/div&gt;

<div class='clear'/>



<div class='comment_child'/>

<div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>

</div>

</b:loop>

</div>

<div class='clear'/>

<b:if cond='data:post.commentPagingRequired'>

<span class='paging-control-container'>

<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a>

&#160;

<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>

&#160;

<data:post.commentRangeText/>

&#160;

<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>

&#160;

<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a>

</span>

</b:if>

<div class='clear'/>

<div class='comment_form' id='comment-form'>



<b:if cond='data:post.embedCommentForm'>

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='threaded-comment-form'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

<b:else/>

<b:if cond='data:post.allowComments'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>

</b:if>

</b:if>

</div>

</b:if>

</div>

<script type='text/javascript'>

//<![CDATA[

if (typeof(jQuery) == 'undefined') {

//output the script (load it from google api)

document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");

}

//]]>

</script>



<script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' type='text/javascript'/>

<script type='text/javascript'>



<b:if cond='data:post.numComments != 0'>

var Items = <data:post.commentJso/>;

var Msgs = <data:post.commentMsgs/>;

var Config = <data:post.commentConfig/>;

<b:else/>

var Items = {};

var Msgs = {};

var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};

</b:if>

//<![CDATA[

//Global setting

Config.maxThreadDepth = 3;//Kedalaman tingkat threaded comment

Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan

Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable

Replace_Image_Link = false;//Auto replace link image, ketik "false" untuk mendisable.

Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi

Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true



//Pengaturan Emoticon

Emo_List = [

':)' ,'http://4.bp.blogspot.com/-YrmTHhfMtFU/VJNbpDMHzgI/AAAAAAAAH8c/g3dJ1Q-QTrc/s1600/smile.png',

':(' ,'http://4.bp.blogspot.com/-RDtah-TXteU/VJNblptXyEI/AAAAAAAAH70/GGZg4MMUVxA/s1600/sad.png',

' =(' ,'http://1.bp.blogspot.com/-dzENpgankUY/VJNbcfrM59I/AAAAAAAAH6A/UC7FJQwT-9E/s1600/disappointed.png',

'^_^' ,'http://2.bp.blogspot.com/-eeLWBWx7zaI/VJNbnR-JhoI/AAAAAAAAH8E/4vUZ3j_GoEg/s1600/shy.png',

' :D' ,'http://2.bp.blogspot.com/-rvM5sSYqd2k/VJNbjkemjyI/AAAAAAAAH7k/QcT_8JETczs/s1600/noprob.png',

'=D' ,'http://1.bp.blogspot.com/-DB0TS3jw6n8/VJNbgab1A_I/AAAAAAAAH7I/4Cr8aYd6AmU/s1600/happy.png',

'=)D' ,'http://1.bp.blogspot.com/-mz0Rl1l5ZYw/VJNbm0HqcDI/AAAAAAAAH8I/yu8XBAQmYOI/s1600/shit.png',

'|o|' ,'http://3.bp.blogspot.com/-i5w-i1jFe0U/VJNbaQxedgI/AAAAAAAAH5o/z7LK9qxEebs/s1600/clap.png',

'@@,' ,'http://2.bp.blogspot.com/-lbZ9iDF66F8/VJNbqSG8yNI/AAAAAAAAH9A/bnAQmQrrrZo/s1600/surprise.png',

' ;)' ,'http://1.bp.blogspot.com/-Q--_b4-u1ZY/VJNbrI3A3LI/AAAAAAAAH8w/xshqjz4f3cs/s1600/trope.png',

':-bd' ,'http://3.bp.blogspot.com/-_lM3w2ZD7K8/VJNbiIf2PII/AAAAAAAAH7g/U5qLOVDZg8c/s1600/like.png',

':-d' ,'http://4.bp.blogspot.com/-EdvYpWDdZPI/VJNbc2J75FI/AAAAAAAAH6I/kcpuLO7TXFg/s1600/dislike.png',

' :p' ,'http://4.bp.blogspot.com/-Y2KF1cqsEiQ/VJNbolnNw1I/AAAAAAAAH8Y/mzpdmmt9lp4/s1600/sigh.png',

':ng' ,'http://2.bp.blogspot.com/-A_W5lI-_J8I/VJNbi2oXwjI/AAAAAAAAH7c/wlxM7CETbhI/s1600/love.png',

];





//Config Force tag list, define all in lower case

Force_Tag = [

'[pre]','<pre>',

'[/pre]','</pre>',

'<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',

'</pre>','</code>'

];



eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\22\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T" A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<Q B="1O">\'+S+1e+\'</Q>\'}z 12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<Q B="1g" 15="c\'+H+\'" 1C="\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{}))

var avatar=$("#comments");

avatar.find('.comment_avatar img').each(function() {

var ava = $(this).attr('src');

$(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s100-c/"));

});

//]]>

</script>

</b:includable>

<b:includable id='feedLinks'>

<b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->

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

<div class='blog-feeds'>

<b:include data='feedLinks' name='feedLinksBody'/>

</div>

</b:if>

<b:else/> <!--Post feed links -->

<div class='post-feeds'>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.allowComments'>

<b:if cond='data:post.feedLinks'>

<b:include data='post.feedLinks' name='feedLinksBody'/>

</b:if>

</b:if>

</b:loop>

</div>

</b:if>

</b:includable>

<b:includable id='feedLinksBody' var='links'>

<div class='feed-links'>

<data:feedLinksMsg/>

<b:loop values='data:links' var='f'>

<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>

</b:loop>

</div>

</b:includable>

<b:includable id='iframe_comments' var='post'>

<b:if cond='data:post.allowIframeComments'>

<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>

<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

<b:if cond='data:post.embedCommentForm == &quot;false&quot;'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>

</b:if>

</b:includable>

<b:includable id='mobile-index-post' var='post'>

<!-- index mobile -->

<div class='mobile-date-outer date-outer'>

<div class='mobile-post-outer'>

<div class='mobile-index-contents'>

<b:if cond='data:post.thumbnailUrl'>

<div class='mobile-index-thumbnail'>

<div class='Image'>

<img expr:src='data:post.thumbnailUrl'/>

</div>

</div>

<b:else/>

<div class='mobile-index-thumbnail'>

<div class='Image'>

<img expr:alt='data:post.title' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4cpULwQHj7K_-qq_bf5vgqlf0hPrMTU23YMEymylq1BGz0a40PHoEZkwrrCc5dDxyXpUA0EWEnOzeTPfRA0hJpzY_9tCB1bSygMltuK5HXrKEf7pLkMIxHsjgOfkWOjsDAezYsJIwXpWE/s66-c/no-image.png'/>

</div>

</div>

</b:if>

<a expr:href='data:post.url'>

<h3 class='mobile-index-title entry-title' itemprop='name'>

<data:post.title/>

</h3>

</a>

<div class='post-info'>

<b:if cond='data:top.showAuthor'>

<b:if cond='data:post.authorProfileUrl'>

<span class='author-info'>

<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>

<a expr:content='data:post.authorProfileUrl' itemprop='author'/>

<a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>

<span itemprop='name'><data:post.author/></span>

</a>

</span>

</span>

<b:else/>

<span class='author-info'>

<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>

<span itemprop='name'><data:post.author/></span>

</span>

</span>

</b:if>

</b:if>

<b:if cond='data:top.showTimestamp'>

<b:if cond='data:post.url'>

<a expr:content='data:post.canonicalUrl'/>

<span class='time-info'>

<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>

</span>

</b:if>

</b:if>

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

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

<b:if cond='data:post.allowComments'>

<span class='comment-info'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if>

</a>

</span>

</b:if>

</b:if>

</b:if>

</div>

<div class='post-body'>

</div>

</div>

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

</div>



</div>

</b:includable>

<b:includable id='mobile-main' var='top'>

<!-- posts -->

<div class='blog-posts hfeed'>

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

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

<b:loop values='data:posts' var='post'>

<b:include data='post' name='mobile-index-post'/>

</b:loop>

<b:else/>

<b:loop values='data:posts' var='post'>

<b:include data='post' name='mobile-post'/>

</b:loop>

</b:if>

</div>

<b:include name='mobile-nextprev'/>

</b:includable>

<b:includable id='mobile-nextprev'>

<!-- Mobile Page -->

<div class='blog-pager' id='blog-pager'>

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

<div class='mobile-link-button' id='blog-pager-newer-link'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>

</div>

</b:if>

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

<div class='mobile-link-button' id='blog-pager-older-link'>

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>

</div>

</b:if>

 

<div class='mobile-link-button' id='blog-pager-home-link'>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

</div>

<div class='mobile-desktop-link'>

<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>

</div>

</div>

<div class='clear'/>

</b:includable>

<b:includable id='mobile-post' var='post'>

<!-- Mobile Post -->

<div class='date-outer'>

<div class='date-posts'>

<div class='post-outer'>

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

<b:if cond='data:post.thumbnailUrl'>

<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>

</b:if>

<meta expr:content='data:blog.blogId' itemprop='blogId'/>

<meta expr:content='data:post.id' itemprop='postId'/>

<b:if cond='data:post.title'>

<h3 class='mobile-post-title entry-title' itemprop='name'>

<b:if cond='data:post.link'>

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

<b:else/>

<b:if cond='data:post.url'>

<b:if cond='data:blog.url != data:post.url'>

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

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h3>

</b:if>

<div class='post-header'>

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

</div>

<div class='post-info' style='margin-bottom:15px;'>

<b:if cond='data:top.showAuthor'>

<b:if cond='data:post.authorProfileUrl'>

<span class='author-info'>

<i class='fa fa-user'/>

<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>

<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>

<a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>

<span itemprop='name'><data:post.author/></span>

</a>

</span>

</span>

<b:else/>

<span class='author-info'>

<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>

<span itemprop='name'><data:post.author/></span>

</span>

</span>

</b:if>

</b:if>

<b:if cond='data:top.showTimestamp'>

<b:if cond='data:post.url'>

<meta expr:content='data:post.canonicalUrl' itemprop='url'/>

<span class='time-info'>

<i class='fa fa-calendar'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>

</span>

</b:if>

</b:if>

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

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

<b:if cond='data:post.allowComments'>

<span class='comment-info'>

<i class='fa fa-comments'/> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if>

</a>

</span>

</b:if>

</b:if>

</b:if>

</div>



<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>

<data:post.body/>

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



<div id='share-buttons-mobile'>

<p>Share : </p>

<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' style='background:#3b5998;'>Facebook</a>

<a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' style='background:#c0361a;'>Google+</a>

<a expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot;&amp;lang=id&quot;' rel='nofollow' style='background:#4099ff;'>Twitter</a>

<div class='clear'/>

</div>

<div id='related-posts-mobile'>

<h3>Related Posts :</h3>

<b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;amp;max-results=5&quot;' type='text/javascript'/></b:if> </b:loop> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>

</div>



</div>



</div>

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

<b:include data='post' name='comment_picker'/>

</b:if>

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

<b:include data='post' name='comment_picker'/>

</b:if>

</div>

</div>

</div>

</b:includable>

<b:includable id='nextprev'>

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

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

<div class='blog-pager' id='blog-pager'>

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

<span id='blog-pager-newer-link'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

</span>

</b:if>

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

<span id='blog-pager-older-link'>

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

</span>

</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>

<a class='home-link' expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><data:homeMsg/></a>

</div>

<div class='mobile-desktop-link'>

<a class='home-link' expr:href='data:desktopLinkUrl' expr:title='data:homeMsg'><data:desktopLinkMsg/></a>

</div>

</div>

</b:if>

</b:if>

<div class='clear'/>

</b:includable>

<b:includable id='page-navi'>

<div class='pagenav'>

<script type='text/javascript'>

var pageNaviConf = {

perPage: 5,

numPages: 5,

firstText: &quot;First&quot;,

lastText: &quot;Last&quot;,

nextText: &quot;Next&quot;,

prevText: &quot;Prev&quot;

}

</script>

<script type='text/javascript'>

//<![CDATA[

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

//]]>

</script>

<div class='clear'/>

</div>

</b:includable>

<b:includable id='post' var='post'>

<article class='post hentry'>

<b:if cond='data:post.firstImageUrl'>

<a expr:content='data:post.firstImageUrl'/>

</b:if>



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

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

<b:if cond='data:post.thumbnailUrl'>

<a expr:href='data:post.url'><div class='img-thumbnail'><script type='text/javascript'>

document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&#39;<data:post.title/>&#39;));

</script></div>

</a>

<b:else/>

<b:if cond='data:post.firstImageUrl'>

<a expr:href='data:post.url'><div class='img-thumbnail'><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></div>

</a>

<b:else/>

<a expr:href='data:post.url'><div class='img-thumbnail'><img expr:alt='data:post.title' expr:title='data:post.title'/></div>

</a>

</b:if>

</b:if>

</b:if>

</b:if>

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

<b:if cond='data:post.labels'>

<span class='label-info'>

<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url + &quot;?max-results=9&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>

</b:loop>

</span>

</b:if>

</b:if>



<b:if cond='data:post.title'>

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

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

<h1 class='post-title entry-title'>

<b:if cond='data:post.link'>

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

<b:else/>

<b:if cond='data:post.url'>

<b:if cond='data:blog.url != data:post.url'>

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

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h1>

<b:else/>

<h2 class='post-title entry-title'>

<b:if cond='data:post.link'>

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

<b:else/>

<b:if cond='data:post.url'>

<b:if cond='data:blog.url != data:post.url'>

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

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h2>

</b:if>

<b:else/>

<h3 class='post-title entry-title'>

<b:if cond='data:post.link'>

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

<b:else/>

<b:if cond='data:post.url'>

<b:if cond='data:blog.url != data:post.url'>

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

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h3>

</b:if>

</b:if>

<div class='post-info'>

<b:if cond='data:top.showAuthor'>

<b:if cond='data:post.authorProfileUrl'>

<span class='author-info'>

<i class='fa fa-user'/>

<span class='vcard'>

<span class='fn'>

<a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>

<span><data:post.author/></span>

</a>

</span>

</span>

</span>

<b:else/>

<span class='author-info'>

<i class='fa fa-user'/>

<span class='fn'>

<span><data:post.author/></span>

</span>

</span>

</b:if>

</b:if>

<b:if cond='data:top.showTimestamp'>

<b:if cond='data:post.url'>

<span class='time-info'>

<i class='fa fa-calendar'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>

</span>

</b:if>

</b:if>

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

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

<b:if cond='data:post.allowComments'>

<span class='comment-info'>

<i class='fa fa-comments'/> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'>1 Comment</b:if><b:if cond='data:post.numComments &gt; 1'><data:post.numComments/> Comments</b:if>

</a>

</span>

</b:if>

</b:if>

</b:if>

<b:include data='post' name='postQuickEdit'/>

</div>

<div class='post-header'>

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

<span class='post-author vcard' itemscope='itemscope' itemtype='http://schema.org/Person'>

<b:if cond='data:top.showAuthor'>

<b:if cond='data:post.authorProfileUrl'>

<span class='fn author'>

<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>

<span itemprop='name'><data:post.author/></span>

</a>

</span>

<b:else/>

<span class='fn author'><span itemprop='name'><data:post.author/></span></span>

</b:if>

</b:if>

</span>

</div>

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

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

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>

<data:post.body/>

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

</div>

<b:else/>

 

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>

<div>

<data:post.snippet/>

</div>

<a class='read-more' expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'> Read More </a>

<div style='clear:both'/>

</div>

</b:if>



<b:else/>



<!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>



<data:post.body/>



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



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

<div class='sharepost'>

<ul>

<li><a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Twitter Tweet'><i class='fa fa-twitter'/>Tweet</a></li>

<li><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Facebook Share'><i class='fa fa-facebook'/>Share</a></li>

<li><a class='gplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Google Plus Share'><i class='fa fa-google-plus'/>Share</a></li>

<li><a class='linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' target='_blank'><i class='fa fa-linkedin'/>Share</a></li>

<li><a class='pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;amp;description= + data:post.title&quot;' target='_blank'><i class='fa fa-pinterest'/>Share</a></li>

</ul>

</div>

<div style='clear:both'/>

</b:if>



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

<div id='subs-and-redat'>

<div class='kotakleft'>

<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'>

&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>

</b:loop></b:if>];

var relatedPostConfig = {

homePage: &quot;<data:blog.homepageUrl/>&quot;,

widgetTitle: &quot;&lt;h4&gt;Related Post&lt;/h4&gt;&quot;,

numPosts: 5,

titleLength: &quot;auto&quot;,

containerId: &quot;related-post&quot;,

newTabLink: false,

widgetStyle: 1,

callBack: function() {}

};

</script>

<script src='https://arlina-design.googlecode.com/svn/trunk/javascript/relatedpost.js' type='text/javascript'/>

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

</div>

<div id='subscribe-css'>

<div class='subscribe-wrapper'>

<p>Sign up here with your email</p>

<div class='subscribe-form'>

<form action='http://feedburner.google.com/fb/a/mailverify?uri=Revoltify' class='subscribe-form' method='post' onsubmit='window.open (&apos;http://feedburner.google.com/fb/a/mailverify?uri=Revoltify&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>

<input name='uri' type='hidden' value='Revoltify'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='Enter your email address '/><input class='subscribe-css-email-button' title='' type='submit' value='Subscribe Now'/></form>

</div>

</div>

</div>

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

</div>

</b:if>

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

</div>

</b:if>



</article>



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

<div class='halaman'>

<div class='blog-pager' id='blog-pager'>

<div class='halaman-kiri'>

<div class='isihalaman-kiri'>

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

<span id='blog-pager-newer-link'>

<span class='pager-title-left'>Next</span><br/>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&#171; Prev Post</a>

</span>

<b:else/>

<span class='current-pageleft'><span class='pager-title-left'>Latest</span></span>

</b:if>

</div>

</div>

<div class='halaman-kanan'>

<div class='isihalaman-kanan'>

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

<span id='blog-pager-older-link'>

<span class='pager-title-left'>Previous</span><br/>

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>Next Post &#187;</a>

</span>

<b:else/>

<span class='current-pageright'><span class='pager-title-left'>First</span></span>

</b:if>

</div>

</div>

</div>

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

</div>

</b:if>

</b:includable>

<b:includable id='postQuickEdit' var='post'>

<b:if cond='data:post.editUrl'>

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

<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>

<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>

</a>

</span>

</b:if>

</b:includable>

<b:includable id='shareButtons' var='post'>

<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>

</b:includable>

<b:includable id='status-message'>

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

<div class='status-msg-wrap'>

<div class='status-msg-body'>

<data:navMessage/>

</div>

<div class='status-msg-border'>

<div class='status-msg-bg'>

<div class='status-msg-hidden'><data:navMessage/></div>

</div>

</div>

</div>

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

</b:if>

</b:includable>

<b:includable id='threaded-comment-form' var='post'>

<div class='comment-form'>

<div id='form-wrapper'>

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

<p><data:blogCommentMessage/></p>

<data:blogTeamBlogMessage/>



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

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

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

</b:if>

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

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

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

</b:if>

<b:else/>

<div id='threaded-comment-form'>

<p><data:blogCommentMessage/>

<span class='small-button'>

<span id='show-konversi'><a class='konversi-button' href='javascript:void(0)' onclick='document.getElementById(&apos;konversi-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-konversi&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-konversi&apos;).style.display=&apos;none&apos;' title='Show Conversion Box'>Conversion</a></span><span id='hide-konversi'><a class='konversi-button' href='javascript:void(0)' onclick='document.getElementById(&apos;konversi-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-konversi&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-konversi&apos;).style.display=&apos;inline-block&apos;' title='Hide Conversion Box'>Conversion</a></span>

</span>

<span class='small-button1'>

<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;none&apos;' title='Show Emoticon'>Emoticon</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;inline-block&apos;' title='Hide Emoticon'>Emoticon</a></span>

</span>

</p>

<div id='konversi-box'>

<textarea id='codes' placeholder='Write/paste the code here then click &apos;Conversion&apos;' spellcheck='false'/>

<span class='button-group'>

<button id='cvrt' onclick='cdConvert();this.disabled = true;'>Conversion</button>

<button onclick='cdClear();'>Clean</button>

</span>

<span class='checkbox'>

<input checked='' id='opt1' type='checkbox'/> <input id='opt2' type='checkbox'/> <input id='opt3' type='checkbox'/> <input checked='' id='opt4' type='checkbox'/> <input checked='' id='opt5' type='checkbox'/></span>

</div>

<div id='emo-box'>

<div class='comment_emo_list'/>

</div>

<data:blogTeamBlogMessage/>



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

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

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

</b:if>

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

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

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

</b:if>

</div>

</b:if>

</div>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

<script type='text/javascript'>

BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);

</script>

</div>

</b:includable>

<b:includable id='threaded_comment_js' var='post'>

<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

<script type='text/javascript'>

(function() {

var items = <data:post.commentJso/>;

var msgs = <data:post.commentMsgs/>;

var config = <data:post.commentConfig/>;

// <![CDATA[

var cursor = null;

if (items && items.length > 0) {

cursor = parseInt(items[items.length - 1].timestamp) + 1;

}

var bodyFromEntry = function(entry) {

if (entry.gd$extendedProperty) {

for (var k in entry.gd$extendedProperty) {

if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {

return '<span class="deleted-comment">' + entry.content.$t + '</span>';

}

}

}

return entry.content.$t;

}

var parse = function(data) {

cursor = null;

var comments = [];

if (data && data.feed && data.feed.entry) {

for (var i = 0, entry; entry = data.feed.entry[i]; i++) {

var comment = {};

// comment ID, parsed out of the original id format

var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);

comment.id = id ? id[2] : null;

comment.body = bodyFromEntry(entry);

comment.timestamp = Date.parse(entry.published.$t) + '';

if (entry.author && entry.author.constructor === Array) {

var auth = entry.author[0];

if (auth) {

comment.author = {

name: (auth.name ? auth.name.$t : undefined),

profileUrl: (auth.uri ? auth.uri.$t : undefined),

avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)

};

}

}

if (entry.link) {

if (entry.link[2]) {

comment.link = comment.permalink = entry.link[2].href;

}

if (entry.link[3]) {

var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);

if (pid && pid[1]) {

comment.parentId = pid[1];

}

}

}

comment.deleteclass = 'item-control blog-admin';

if (entry.gd$extendedProperty) {

for (var k in entry.gd$extendedProperty) {

if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {

comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;

} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {

comment.displayTime = entry.gd$extendedProperty[k].value;

}

}

}

comments.push(comment);

}

}

return comments;

};

var paginator = function(callback) {

if (hasMore()) {

var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';

if (cursor) {

url += '&published-min=' + new Date(cursor).toISOString();

}

window.bloggercomments = function(data) {

var parsed = parse(data);

cursor = parsed.length < 50 ? null

: parseInt(parsed[parsed.length - 1].timestamp) + 1

callback(parsed);

window.bloggercomments = null;

}

url += '&callback=bloggercomments';

var script = document.createElement('script');

script.type = 'text/javascript';

script.src = url;

document.getElementsByTagName('head')[0].appendChild(script);

}

};

var hasMore = function() {

return !!cursor;

};

var getMeta = function(key, comment) {

if ('iswriter' == key) {

var matches = !!comment.author

&& comment.author.name == config.authorName

&& comment.author.profileUrl == config.authorUrl;

return matches ? 'true' : '';

} else if ('deletelink' == key) {

return config.baseUri + '/delete-comment.g?blogID='

+ config.blogId + '&postID=' + comment.id;

} else if ('deleteclass' == key) {

return comment.deleteclass;

}

return '';

};

var replybox = null;

var replyUrlParts = null;

var replyParent = undefined;

var onReply = function(commentId, domId) {

if (replybox == null) {

// lazily cache replybox, and adjust to suit this style:

replybox = document.getElementById('comment-editor');

if (replybox != null) {

replybox.height = '250px';

replybox.style.display = 'block';

replyUrlParts = replybox.src.split('#');

}

}

if (replybox && (commentId !== replyParent)) {

document.getElementById(domId).insertBefore(replybox.parentNode, null);

replybox.src = replyUrlParts[0]

+ (commentId ? '&parentID=' + commentId : '')

+ '#' + replyUrlParts[1];

replyParent = commentId;

}

};

var hash = (window.location.hash || '#').substring(1);

var startThread, targetComment;

if (/^comment-form_/.test(hash)) {

startThread = hash.substring('comment-form_'.length);

} else if (/^c[0-9]+$/.test(hash)) {

targetComment = hash.substring(1);

}

// Configure commenting API:

var configJso = {

'maxDepth': config.maxThreadDepth

};

var provider = {

'id': config.postId,

'data': items,

'loadNext': paginator,

'hasMore': hasMore,

'getMeta': getMeta,

'onReply': onReply,

'rendered': true,

'initComment': targetComment,

'initReplyThread': startThread,

'config': configJso,

'messages': msgs

};

var render = function() {

if (window.goog && window.goog.comments) {

var holder = document.getElementById('comment-holder');

window.goog.comments.render(holder, provider);

}

};

// render now, or queue to render when library loads:

if (window.goog && window.goog.comments) {

render();

} else {

window.goog = window.goog || {};

window.goog.comments = window.goog.comments || {};

window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];

window.goog.comments.loadQueue.push(render);

}

})();

// ]]>

</script>

</b:includable>

<b:includable id='threaded_comments' var='post'>

<div class='comments' id='comments'>

<a name='comments'/>

<h3><b:if cond='data:post.numComments == 0'> 0 Response to &quot;<data:blog.pageName/>&quot;</b:if> <b:if cond='data:post.numComments == 1'> 1 Response to &quot;<data:blog.pageName/>&quot; </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if></h3>

<div class='comments-content'>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='threaded_comment_js'/>

</b:if>

<div id='comment-holder'>

<data:post.commentHtml/>

</div>

</div>

<p class='comment-footer'>

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='threaded-comment-form'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

</p>

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

<div id='comment-popup'>

<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>

</iframe>

</div>

</b:if>

<div id='backlinks-container'>

<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>

<b:if cond='data:post.showBacklinks'>

<b:include data='post' name='backlinks'/>

</b:if>

</div>

</div>

</div>

</b:includable>

</b:widget>

</b:section>

<b:section class='main2 section' id='main2' maxwidgets='1' showaddelement='yes'/>

</div>

<div class='clear'/>

</div>

<aside id='sidebar-wrapper'>

<div class='sidebar-inner'>

<b:section class='sidebar2 section' id='sidebar2' preferred='yes'/>

<div class='clear'/>

<div id='social_networks'>

<ul>

<li class='sorting-01 facebook' title='Follow us on Facebook'><a href='#' target='_blank'><i class='fa fa-facebook'/><span class='inv'/></a></li>

<li class='sorting-02 youtube' title='Follow us on Youtube'><a href='#' target='_blank'><i class='fa fa-youtube'/><span class='inv'/></a></li>

<li class='sorting-03 twitter' title='Follow us on Twitter'><a href='#' target='_blank'><i class='fa fa-twitter'/><span class='inv'/></a></li>

<li class='sorting-04 pinterest' title='Follow us on Pinterest'><a href='#' target='_blank'><i class='fa fa-pinterest'/><span class='inv'/></a></li>

<li class='sorting-05 googleplus' title='Follow us on Google+'><a href='#' target='_blank'><i class='fa fa-google-plus'/><span class='inv'/></a></li>

</ul>

</div>

<div class='clear'/>

<div class='tabs tabs-1'>

<b:section class='tably tably-1 section' id='tably-1' showaddelement='yes'>

<b:widget id='HTML96' locked='false' title='Recent' type='HTML'>

<b:includable id='main'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

</b:includable>

</b:widget>

</b:section>

<b:section class='tably tably-2 section' id='tably-2' showaddelement='yes'>

<b:widget id='PopularPosts1' locked='false' title='Popular' type='PopularPosts'>

<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>

<div class='widget-content popular-posts'>

<ul>

<b:loop values='data:posts' var='post'>

<li>

<b:if cond='data:showThumbnails == &quot;false&quot;'>

<b:if cond='data:showSnippets == &quot;false&quot;'>

<!-- (1) No snippet/thumbnail -->

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

<b:else/>

<!-- (2) Show only snippets -->

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

<div class='item-snippet'><data:post.snippet/></div>

</b:if>

<b:else/>

<b:if cond='data:showSnippets == &quot;false&quot;'>

<!-- (3) Show only thumbnails -->

<div class='item-thumbnail-only'>

<b:if cond='data:post.thumbnail'>

<div class='item-thumbnail'>

<a expr:href='data:post.href' target='_blank'>

<img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>

</a>

</div>

</b:if>

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

</div>

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

<b:else/>

<!-- (4) Show snippets and thumbnails -->

<div class='item-content'>

<b:if cond='data:post.thumbnail'>

<div class='item-thumbnail'>

<a expr:href='data:post.href' target='_blank'>

<img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>

</a>

</div>

</b:if>

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

<div class='item-snippet'><data:post.snippet/></div>

</div>

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

</b:if>

</b:if>

</li>

</b:loop>

</ul>

</div>

</b:includable>

</b:widget>

</b:section>

<b:section class='tably tably-3 section' id='tably-3' showaddelement='yes'>

<b:widget id='HTML97' locked='false' title='Comment' type='HTML'>

<b:includable id='main'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

<div class='clear'/>

<b:section class='sidebar section' id='sidebar' preferred='yes'>

<b:widget id='Stats1' locked='false' title='statistics' type='Stats'>

<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>

<div class='widget-content'>

<!-- Content is going to be visible when data will be fetched from server. -->

<div expr:id='data:widget.instanceId + &quot;_content&quot;' style='display: none;'>

<!-- Counter and image will be injected later via AJAX call. -->

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

<img alt='Sparkline' expr:id='data:widget.instanceId + &quot;_sparkline&quot;' height='30' src='http://2.bp.blogspot.com/-nsxCtkYnchQ/VLEifAyf97I/AAAAAAAAIlk/9Viyy0W9r04/s1600/FFF.png' title='Sparkline' width='75'/>

</b:if>

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

<span class='counter-wrapper graph-counter-wrapper' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'/>

<b:else/>

<span class='counter-wrapper text-counter-wrapper' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'/>

</b:if>

<script type='text/javascript'>

function postCount(json){

document.write(&quot;<span class='counts postx'> Total Post &quot;);

var count = json.feed.openSearch$totalResults.$t;

document.write(&quot;<span class='count'>&quot; + count + &quot;</span>&quot;);

document.write(&quot;</span>&quot;)

}

</script>

<script src='http://femart86.blogspot.com/feeds/posts/default?alt=json-in-script&amp;amp;max-results=0&amp;amp;callback=postCount' type='text/javascript'/>

</div>

</div>

</b:includable>

</b:widget>

<b:widget id='HTML98' locked='false' title='Subscribe' type='HTML'>

<b:includable id='main'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

</b:includable>

</b:widget>

<b:widget id='ContactForm1' locked='false' title='Formulir Kontak' type='ContactForm'>

<b:includable id='main'>

<b:if cond='data:title != &quot;&quot;'>

<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 + &quot;_contact-form-name&quot;' 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 + &quot;_contact-form-email&quot;' 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 + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>

<p/>

<input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' 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 + &quot;_contact-form-error-message&quot;'/>

<p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>

</div>

</form>

</div>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

</aside>

</div>

<div class='clear'/>

<b:section class='banner2 section' id='banner2' maxwidgets='1' showaddelement='yes'/>

<div class='clear'/>

<footer id='footer-wrapper'>

<div class='footer-bottom'>

<div id='footer-widgetfix'>

<div class='footer-widget' id='footx1'>

<b:section class='footer' id='footer1'/>

</div>

<div class='footer-widget' id='footx2'>

<b:section class='footer' id='footer2'>

<b:widget id='Label3' locked='false' title='Label' type='Label'>

<b:includable id='main'>

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

<h2><data:title/></h2>

</b:if>

<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>

<b:if cond='data:display == &quot;list&quot;'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<b:if cond='data:blog.url == data:label.url'>

<span expr:dir='data:blog.languageDirection'><data:label.name/></span>

<b:else/>

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

</b:if>

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

<span dir='ltr'><data:label.count/></span>

</b:if>

</li>

</b:loop>

</ul>

<b:else/>

<b:loop values='data:labels' var='label'>

<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>

<b:if cond='data:blog.url == data:label.url'>

<span expr:dir='data:blog.languageDirection'><data:label.name/></span>

<b:else/>

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

</b:if>

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

<span class='label-count' dir='ltr'><data:label.count/></span>

</b:if>

</span>

</b:loop>

</b:if>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

<div class='footer-widget' id='footx3'>

<b:section class='footer' id='footer3'/>

</div>

</div>

</div>

<div id='footerfix'>

<div class='cpleft'>

Copyright &#169; 2015 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> All Right Reserved

</div>

<div id='cpright'>

Created by <a href='http://arlinadesign.blogspot.com' rel='nofollow' target='_blank' title='Arlina Design'>Arlina Design</a> Powered by <a href='http://www.blogger.com/' title='Blogger'>Blogger</a>

</div>

</div>

</footer>

</div>

<div class='clear'/>

<div style='display:none'>

<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>

<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>

<b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;

function setAttributeOnload(object, attribute, val) {

if(window.addEventListener) {

window.addEventListener(&#39;load&#39;,

function(){ object[attribute] = val; }, false);

} else {

window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });

}

}

&lt;/script&gt;

&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;

&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;

&lt;script type=&quot;text/javascript&quot;&gt;

gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {

if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {

gapi.iframes.getContext().openChild({

url: &#39;https://www.blogger.com/navbar.g?targetBlogID\0757329060068037155934\46blogName\75Revoltify\46publishMode\75PUBLISH_MODE_HOSTED\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://www.revoltify.co.vu/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://www.revoltify.co.vu/\46vt\0755770933781333469518&#39;,

where: document.getElementById(&quot;navbar-iframe-container&quot;),

id: &quot;navbar-iframe&quot;

});

}

});

&lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;

(function() {

var script = document.createElement(&#39;script&#39;);

script.type = &#39;text/javascript&#39;;

script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;

var head = document.getElementsByTagName(&#39;head&#39;)[0];

if (head) {

head.appendChild(script);

}})();

&lt;/script&gt;

</b:includable>

</b:widget>

</b:section>

</div>

<b:include data='blog' name='google-analytics'/>

<script type='text/javascript'>

jQuery(document).ready(function(e){var t=e(&quot;#BackToTop&quot;);e(window).scroll(function(){e(this).scrollTop()&gt;=200?t.show(10).animate({bottom:&quot;25px&quot;},10):t.animate({bottom:&quot;-80px&quot;},10)});t.click(function(t){t.preventDefault();e(&quot;html,body&quot;).animate({scrollTop:0},400)})})

</script>

<a href='#' id='BackToTop'><i class='fa fa-angle-up'/></a>

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

<script type='text/javascript'>

//Pager

$(document).ready(function(){

var olderLink = $(&quot;a.blog-pager-older-link&quot;).attr(&quot;href&quot;);

$(&quot;a.blog-pager-older-link&quot;).load(olderLink+&quot; .post-title:first&quot;, function() {

var olderLinkTitle = $(&quot;a.blog-pager-older-link&quot;).text();

$(&quot;a.blog-pager-older-link&quot;).text(olderLinkTitle);//rgt

});

var newerLink = $(&quot;a.blog-pager-newer-link&quot;).attr(&quot;href&quot;);

$(&quot;a.blog-pager-newer-link&quot;).load(newerLink+&quot; .post-title:first&quot;, function() {

var newerLinkTitle = $(&quot;a.blog-pager-newer-link:first&quot;).text();

$(&quot;a.blog-pager-newer-link&quot;).text(newerLinkTitle);

});

});

//Spoiler

$(document).ready(function() {

$(&quot;#flippy&quot;).click(function() {

$(&quot;#flippanel&quot;).slideToggle(&quot;normal&quot;);

});

});

</script>

<script src='https://arlina-design.googlecode.com/svn/trunk/javascript/prisma.js' type='text/javascript'/>

</b:if>

<script type='text/javascript'>

//<![CDATA[

//Search

$(function(){$(".searchbutton").on("click",function(){$("#search").addClass("active").find(".search").focus()});$("#search").on("click",function(){$(this).find(".search").focus()});$("#close").on("click",function(){$("#search").removeClass("active")})})

// Mag Layout

$(".widget-content").each(function(){var e=$(this).text();if(e.match("recentcomments")){$.ajax({url:"/feeds/comments/default?alt=json-in-script&max-results=5",type:"get",dataType:"jsonp",success:function(e){var t="";var n='<ul class="recomments">';for(var r=0;r<e.feed.entry.length;r++){if(r==e.feed.entry.length)break;for(var i=0;i<e.feed.entry[r].link.length;i++){if(e.feed.entry[r].link[i].rel=="alternate"){t=e.feed.entry[r].link[i].href;break}}if("content"in e.feed.entry[r]){var s=e.feed.entry[r].content.$t}else if("summary"in b_rc){var s=e.feed.entry[r].summary.$t}else var s="";var o=/<\S[^>]*>/g;s=s.replace(o,"");if(s.length>90){s=""+s.substring(0,70)+"..."}var u=e.feed.entry[r].title.$t;var a=e.feed.entry[r].author[0].name.$t;var f=e.feed.entry[r].author[0].gd$image.src;if(f.match("http://img1.blogblog.com/img/blank.gif")){var l='<img class="rc-img" src="http://img1.blogblog.com/img/anon36.png"/>'}else{if(f.match("http://img2.blogblog.com/img/b16-rounded.gif")){var l='<img class="rc-img" src="http://img1.blogblog.com/img/anon36.png"/>'}else{var l='<div class="avatarImg avatarcomments"><img class="avatarcomments" src="'+f+'"/></div>'}}n+="<li>"+l+'<a href="'+t+'">'+a+'</a><span>"'+s+'"</span></li>'}n+='</ul><div class="clear"/>';$(".widget-content").each(function(){if($(this).text().match("recentcomments")){$(this).html(n);$("p.trans").each(function(){var e=$(this).text();var t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)})}})}})}if(e.match("randomposts")){$.ajax({url:"/feeds/posts/default?alt=json-in-script",type:"get",dataType:"jsonp",success:function(e){var t=e.feed.entry.length;var n=0;var r=t-5;var i=Math.floor(Math.random()*(r-n+1))+n;$.ajax({url:"/feeds/posts/default?alt=json-in-script&start-index="+i+"&max-results=5",type:"get",dataType:"jsonp",success:function(e){var t="";var n='<ul class="recpost">';for(var r=0;r<e.feed.entry.length;r++){for(var i=0;i<e.feed.entry[r].link.length;i++){if(e.feed.entry[r].link[i].rel=="alternate"){t=e.feed.entry[r].link[i].href;break}}var s=e.feed.entry[r].title.$t;var o=e.feed.entry[r].author[0].name.$t;var u=e.feed.entry[r].published.$t.substring(0,10);var a=e.feed.entry[r].category[0].term;var f=e.feed.entry[r].content.$t;var l=$("<div>").html(f);var c=l.find("img:first").attr("src");var h=e.feed.entry[r].media$thumbnail.url;if(c===undefined){var p='<a class="arl-tmb" href="'+t+'" style="background:url('+h+') no-repeat center center;background-size: cover"/>'}else{var p='<a class="arl-tmb" href="'+t+'" style="background:url('+c+') no-repeat center center;background-size: cover"/>'}n+="<li>"+p+'<div class="post-panel"><h3 class="rcp-title"><a href="'+t+'">'+s+'</a></h3><span class="recent-date">'+u+'</span><span class="recent-author">'+o+"</span></div></li>"}n+='</ul><div class="clear"/>';$(".widget-content").each(function(){if($(this).text().match("randomposts")){$(this).html(n);$(this).find(".arl-tmb").each(function(){$(this).attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})});$("p.trans").each(function(){var e=$(this).text();var t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)})}})}})}})}if(e.match("recentposts")){$.ajax({url:"/feeds/posts/default?alt=json-in-script",type:"get",dataType:"jsonp",success:function(e){$.ajax({url:"/feeds/posts/default?alt=json-in-script&max-results=5",type:"get",dataType:"jsonp",success:function(e){var t="";var n='<ul class="recpost">';for(var r=0;r<e.feed.entry.length;r++){for(var i=0;i<e.feed.entry[r].link.length;i++){if(e.feed.entry[r].link[i].rel=="alternate"){t=e.feed.entry[r].link[i].href;break}}var s=e.feed.entry[r].title.$t;var o=e.feed.entry[r].author[0].name.$t;var u=e.feed.entry[r].published.$t.substring(0,10);var a=e.feed.entry[r].category[0].term;var f=e.feed.entry[r].content.$t;var l=$("<div>").html(f);var c=l.find("img:first").attr("src");var h=e.feed.entry[r].media$thumbnail.url;if(c===undefined){var p='<a class="arl-tmb" href="'+t+'" style="background:url('+h+') no-repeat center center;background-size: cover"/>'}else{var p='<a class="arl-tmb" href="'+t+'" style="background:url('+c+') no-repeat center center;background-size: cover"/>'}n+="<li>"+p+'<div class="post-panel"><h3 class="rcp-title"><a href="'+t+'">'+s+'</a></h3><span class="recent-date">'+u+'</span><span class="recent-author">'+o+"</span></div></li>"}n+='</ul><div class="clear"/>';$(".widget-content").each(function(){if($(this).text().match("recentposts")){$(this).html(n);$(this).find(".arl-tmb").each(function(){$(this).attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})});$("p.trans").each(function(){var e=$(this).text();var t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)})}})}})}})}})

//Main Menu

$(document).ready(function(){var e=$("#resp-menu");var t=$(".menu");$(e).on("click",function(e){e.preventDefault();t.slideToggle()});$(window).resize(function(){var e=$(window).width();if(e>767&&t.is(":hidden")){t.removeAttr("style")}})})

//Ads Post

$(document).ready(function(){var e="[post_ad]";var t=$(".ads-in-post");$(".post *").replaceText(e,'<div class="ads-post"/>');$(".ads-post").append(t);var n=$(".post-body .ads-in-post").width();$(".post-body .ads-post").width(n)});

// Simple Tab

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

//]]>

</script>

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

<script type='text/javascript'>

//Pre Auto Selection

$(&#39;i[rel=&quot;pre&quot;]&#39;).replaceWith(function() {

return $(&#39;<pre><code>&#39; + $(this).html() + &#39;</code></pre>&#39;);

});

var pres = document.getElementsByTagName(&quot;pre&quot;);

for (var i = 0; i &lt; pres.length; i++) {

pres[i].addEventListener(&quot;dblclick&quot;, function () {

var selection = getSelection();

var range = document.createRange();

range.selectNodeContents(this);

selection.removeAllRanges();

selection.addRange(range);

}, false);

}

//Pre Line Number

$(&#39;pre&#39;).attr(&#39;class&#39;, &#39;line-numbers&#39;);

Prism.hooks.add(&quot;after-highlight&quot;,function(e){var t=e.element.parentNode;if(!t||!/pre/i.test(t.nodeName)||t.className.indexOf(&quot;line-numbers&quot;)===-1){return}var n=1+e.code.split(&quot;\n&quot;).length;var r;lines=new Array(n);lines=lines.join(&quot;<span/>&quot;);r=document.createElement(&quot;span&quot;);r.className=&quot;line-numbers-rows&quot;;r.innerHTML=lines;if(t.hasAttribute(&quot;data-start&quot;)){t.style.counterReset=&quot;linenumber &quot;+(parseInt(t.getAttribute(&quot;data-start&quot;),10)-1)}e.element.appendChild(r)})

</script>

<script type='text/javascript'>

//<![CDATA[

//Block Link Comments

function blockLinks(e,t){var n=document.getElementById(e),r=n.getElementsByTagName(t);for(var i=0;i<r.length;i++){if(r[i].innerHTML.indexOf("</a>")!==-1){r[i].innerHTML="No more <span style='background-color:rgba(255,255,255,0.3);color:#fff;padding:4px 8px;border-radius:3px'><b>live link</b></span> in this comments field";r[i].className="spammer-detected"}}}blockLinks("comment_block","p");

//Pre Comments Box

function cdClear(){var e=document.getElementById("codes");e.value="";e.focus();document.getElementById("cvrt").disabled=false}function cdConvert(){var e=document.getElementById("codes"),t=e.value,n=document.getElementById("opt1"),r=document.getElementById("opt2"),i=document.getElementById("opt3"),s=document.getElementById("opt4"),o=document.getElementById("opt5");t=t.replace(/\t/g," ");if(n.checked)t=t.replace(/&/g,"&");if(r.checked)t=t.replace(/'/g,"&#039;");if(i.checked)t=t.replace(/"/g,"&quot;");if(s.checked)t=t.replace(/</g,"&lt;");if(o.checked)t=t.replace(/>/g,"&gt;");if(t.lastIndexOf("\n")!=-1||t.length>40){t=t.replace(/^/,'<i rel="pre">')}else{t=t.replace(/^/,'<i rel="code">')}t=t.replace(/$/,"</i>");e.value=t;e.focus();e.select()};

//]]>

</script>

</b:if>

</body>

</html>

Previous
Next Post »