0% found this document useful (0 votes)

365 views116 pages

Coding Blog Novi

The document is the HTML code for a blog template. It includes meta tags for SEO purposes like keywords and Open Graph tags. It also includes conditional statements to dynamically output different titles depending on the blog page being viewed (homepage, single post, archive page, etc). Stylesheets are included to define the design and colors used in the template.

Uploaded by

Bintang Putra

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as TXT, PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

365 views116 pages

Coding Blog Novi

Uploaded by

Bintang Putra

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as TXT, PDF, TXT or read online on Scribd

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

>
<!DOCTYPE html>
<html b:css='false' b:responsive='true' b:version='2' class='v2'
expr:dir='data:[Link]' expr:lang='data:[Link]'
xmlns='[Link] xmlns:b='[Link]
xmlns:data='[Link]
xmlns:expr='[Link]
<head>
<b:attr name='xmlns' value=''/>
<b:attr name='xmlns:b' value=''/>
<b:attr name='xmlns:expr' value=''/>
<b:attr name='xmlns:data' value=''/>

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

<b:include data='blog' name='all-head-content'/>

<b:if cond='data:[Link]'>
<title><data:[Link]/></title>
<b:elseif cond='data:[Link]'/>
<title><data:[Link]/> - <data:[Link]/></title>
<b:elseif cond='data:[Link] and data:[Link] == ""'/>
<title>
<b:switch var='data:[Link]'>
<b:case value='id'/>
Semua Postingan - <data:[Link]/>
<b:default/>
All Posts - <data:[Link]/>
</b:switch>
</title>
<b:elseif cond='data:[Link]'/>
<title>
<b:switch var='data:[Link]'>
<b:case value='id'/>
Halaman tidak ditemukan - <data:[Link]/>
<b:default/>
Page Not Found - <data:[Link]/>
</b:switch>
</title>
<b:else/>
<title><data:[Link]/></title>
</b:if>

<b:if cond='data:[Link]'>
<meta expr:content='data:[Link]' name='keywords'/>
<b:elseif cond='data:[Link]'/>
<meta expr:content='data:[Link]' name='keywords'/>
</b:if>

<b:if cond='data:[Link]'>
<meta expr:content='data:[Link]' property='og:title'/>
<meta content='article' property='og:type'/>
<b:else/>
<meta expr:content='data:[Link]' property='og:title'/>
<meta content='website' property='og:type'/>
</b:if>
<b:if cond='data:[Link]'>
<meta expr:content='data:[Link]' property='og:description'/>
</b:if>
<meta expr:content='data:[Link]' property='og:site_name'/>

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: viomagz
Version: 4.3.0
Designer: Mas Sugeng
----------------------------------------------- */

/* Variable definitions start

==========================
<Variable name="keycolor" description="Main Color" type="color"
default="#1B699D" value="#1B699D"/>

<Group description="Teks Halaman" selector="body">

<Group description="Background" selector=".body-fauxcolumns-outer">

<Variable name="[Link]" description="Body Background" type="background"

color="$([Link])" default="$(color) none repeat scroll top
left" value="$(color) none repeat scroll top left"/>
<Variable name="[Link]" description="Body Background Override"
type="string" default="" value=""/>

<Group description="Warna Link" selector=".main-outer">

<Group description="Judul Blog" selector=".header">

<Group description="Submenu Navigasi" selector="#cssmenu">

<Group description="Icon Pencarian" selector=".search-icon">

<Group description="Judul Postingan" selector="[Link]-title, .FeaturedPost

.post-summary h3">
<Variable name="[Link]" description="Font" type="font"
default="bold 20px Poppins, Arial, sans-serif" value="bold 20px Poppins,
Arial, sans-serif"/>
<Variable name="[Link]" description="Link Color" type="color"
default="#595959" value="#595959"/>
<Variable name="[Link]" description="Link Hover Color"
type="color" default="#1B699D" value="#1B699D"/>
</Group>

<Group description="Judul Widget" selector=".sidebar h2, .sidebar-sticky h2,

.latest-post-title h2, .above-post-widget h2">
<Variable name="[Link]" description="Title Font" type="font"
default="bold 15px Poppins, Arial, sans-serif" value="bold 15px Poppins,
Arial, sans-serif"/>
<Variable name="[Link]" description="Color" type="color"
default="#6d6d6d" value="#6d6d6d"/>
</Group>

<Group description="Label" selector=".label-info-th">

<Group description="Post Footer" selector=".post-info">

<Group description="Icon Media Sosial" selector="#footer-widget-container">

<Group description="Menu Footer" selector="#footer-navmenu">

<Group description="Navigasi Halaman" selector="#blog-pager">

<Group description="Footer" selector="#footer-container">

<Group description="Back to Top" selector="#back-to-top">

<Group description="Featured Post" selector=".FeaturedPost .post-summary">

<Group description="JANGAN DIEDIT">

Variable definitions end

========================*/

/**
* Eric Meyer's Reset CSS v2.0 [Link]
* [Link]
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,a
cronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,su
b,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,captio
n,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,f
ooter,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{marg
in:0;padding:0;border:0;/*font-size:100%;*/font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{displ
ay:block;}body{line-
height:1;display:block;}*{margin:0;padding:0;}html{display:block;}blockquote,q{quot
es:none;}blockquote::before,blockquote::after,q::before,q::after{content:'';content
:none;}table{border-collapse:collapse;border-spacing:0;}

/* Blogger CSS Reset */

.section,.widget{margin:0 0 0 0;padding:0 0 0 0;}
.navbar,.blog-feeds,.feed-links,#backlinks-container,[Link]-link,.blog-mobile-
link{display:none;}
.quickedit,.edit-post,.item-control{display:none;}
.post-body .separator > a, .post-body .separator > span {margin-left: 0 !
important;}

/* FRAMEWORK */
strong,b{font-weight:bold;}
cite,em,i{font-style:italic;}
a:link{color:$([Link]);text-decoration:none;outline:none;}
a:visited{color:$([Link]);text-decoration:none;}
a:hover{color:$([Link]);text-decoration:underline;}
a img{border:none;border-width:0;outline:none;}
abbr,acronym{border-bottom:1px dotted;cursor:help;}
sup,sub{vertical-align:baseline;position:relative;top:-.4rem;font-size:86%;}
sub{top:.4rem;}small{font-size:86%;}
kbd{font-size:80%;border:1px solid #777;padding:2px 5px;border-bottom-
width:2px;border-radius:4px;}
mark{background-color:#ffce00;color:black;}
p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:0 0 1.5rem;}
hr{height:1px;border:none;background-color:#666;}

h1{font-size:1.8rem}
h2{font-size:1.6rem}
h3{font-size:1.4rem}
h4{font-size:1.2rem}
h5{font-size:1rem}
h6{font-size:0.9rem}

/* heading */
h1,h2,h3,h4,h5,h6 {
margin: 0 0 0.6rem;
font-weight: bold;
}

/* list */
ol,ul,dl{margin: .8rem 0rem .8rem 3rem}
li{margin: .5rem 0}
dt{font-weight: bold}
dd{margin: 0 0 .5rem 2rem}

/* form */
input,button,select,textarea{font:inherit;font-size:100%;line-
height:normal;vertical-align:baseline;}
textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-
box;box-sizing:border-box;}

/* code & blockquote */

pre,code{font-family:"Courier New",Courier,Monospace;color:inherit;font-size:.9rem}
pre{white-space:pre;word-wrap:normal;overflow:auto;}
blockquote{background:rgba(0,0,0,0.025);margin:1.5em 2em;padding:1em 1em;font-
style:italic;font-size:105%;}
blockquote::before {
content: "\275D";
font-size: 1.8rem;
text-decoration: inherit;
padding-right: 10px;
color: inherit;
line-height: 1rem;
}

/* table */
table[border="1"] td, table[border="1"] th {
vertical-align: top;
text-align: left;
font-size: 13px;
padding: 3px 5px;
border: 1px solid #f6f6f6;
}
table[border="1"] th {
background: #eee;
}
table, img {
max-width: 100%;
height: auto;
}
iframe {
max-width: 100%;
}
[Link]-caption {
font-size: .8rem;
opacity: 0.8;
}
.clear {
clear: both;
}
.clear::after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

/* TRANSISI */
a:link, .label-count, #cssmenu ul ul li, #cssmenu > ul > [Link]-sub > a::before,
#cssmenu ul ul [Link]-sub > a::before, .berlangganan-box [Link]-
email[type="submit"], .berlangganan-box [Link]-address[type="text"] {
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.lazyload,
.lazyloading {
opacity: 0;
}
.lazyloaded {
opacity: 1;
transition: opacity 300ms;
}
.related-post-style-3 .related-post-item {
transition: opacity 0.2s linear;
}
.label-info-th a, .info-1, [Link]-title, .post-snippet, .sidebar-sticky {
transition: all .2s linear;
-o-transition: all .2s linear;
-moz-transition: all .2s linear;
-webkit-transition: all .2s linear;
}
.img-thumbnail, .img-thumbnail img {
transition: width .2s linear;
-o-transition: width .2s linear;
-moz-transition: width .2s linear;
-webkit-transition: width .2s linear;
}

#searchfs input[type="search"], h1,h2,h3,h4,h5,h6 {

transition: font-size .2s linear;
-o-transition: font-size .2s linear;
-moz-transition: font-size .2s linear;
-webkit-transition: font-size .2s linear;
}

.img-thumbnail, .img-thumbnail img, .FeaturedPost .post-summary, .FeaturedPost

.image, .PopularPosts .item-thumbnail, .PopularPosts .widget-content ul li img,
.Profile .widget-content, .PopularPosts .widget-content ul, .list-label-widget-
content ul, .label-info-th a, .displaypageNum a, .showpage a, .pagecurrent, #blog-
pager-newer-link a, #blog-pager-older-link a, .Profile .profile-link, .label-
size, .berlangganan-box, #baca-juga, #baca-juga h2, .related-post-item-thumbnail,
#baca-juga ul, .PopularPosts ul li .item-thumbnail-only::before, .PopularPosts ul
li .item-content::before, .PopularPosts ul li > a::before, blockquote {
border-radius: 4px;
}
#share a:first-child {
border-radius: 3px 0 0 3px;
}
#share a:last-child {
border-radius: 0 3px 3px 0;
}

body {
background: $([Link]);
margin: 0 0 0 0;
padding: 0 0 0 0;
color: $([Link]);
font: $([Link]);
text-align: left;
}

/* WRAPPER */
#wrapper {
background: $([Link]);
max-width: 1000px;
margin: 0 auto;
padding: 70px 30px 30px;
overflow: hidden;
}

/* HEADER */
#header-container {
background: $([Link]);
background: linear-gradient(to right, $([Link]), $
([Link]));
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 999;
height: 48px;
}
#header-wrapper {
max-width: 1000px;
margin: 0 auto;
position: relative;
}
.header {
max-width: 400px;
float: left;
margin-right: 28px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.header [Link], .header [Link] {
font: $([Link]);
color: $([Link]);
margin: 0;
text-transform: uppercase;
line-height: 50px;
}
.header .description {
color: $([Link]);
margin: -10px 0 4px 0;
padding: 0;
font-size: 0.7em;
display: none;
}
.header a, .header a:hover {
color: $([Link]);
text-decoration: none;
}
.header img {
display: block;
width: auto;
margin: 10px 0;
max-height: 28px;
}

/* POST WRAPPER */
.post-container {
padding-right: 25px;
}
#post-wrapper {
background: transparent;
float: left;
width: 70%;
max-width: 700px;
}
.breadcrumbs {
font-size: 0.9rem !important;
color: $([Link]);
margin-bottom: 20px;
}
.breadcrumbs a {
color: $([Link]);
}
.post {
margin-bottom: 30px;
}
.post-body {
line-height: 1.65em;
text-align: left;
word-wrap: break-word;
}
[Link]-title, [Link]-title {
font: $([Link]);
}
[Link]-title {
font-size: 30px;
margin-bottom: 15px;
}
[Link]-title {
margin-bottom: 10px;
}
[Link]-title a, [Link]-title a, [Link]-title, [Link]-title {
color: $([Link]);
line-height: 1.425em;
}
[Link]-title a:hover, [Link]-title a:hover {
color: $([Link]);
text-decoration: none;
}
.img-thumbnail {
position: relative;
float: left;
width: 255px;
height: 152px;
margin-top: 3px;
overflow: hidden;
}
.img-thumbnail img {
width: 100%;
display: block;
}
.label-info-th {
display: block;
z-index: 2;
position: relative;
margin-bottom: 10px;
height: 32px;
overflow: hidden;
}
.label-line, .label-line-c {
position:relative;
}
.label-line-c {
text-align: center;
margin-bottom: 20px;
}
.label-line::before, .label-line-c::before {
background: $([Link]);
z-index: 1;
content: "";
width: 100%;
height: 2px;
position: absolute;
top: 50%;
left: 0;
}
.label-info-th a {
color: $([Link]);
background: $([Link]);
display: inline-block;
padding: 8px 12px;
margin: 1px 0;
font-size: 13px;
font-weight: 500;
}
.label-info-th a:hover {
color: $([Link]);
}
.post-info {
color: $([Link]);
font: $([Link]);
line-height: 1.6em;
}
.post-snippet b, .post-snippet strong, .post-snippet i, .post-snippet em {
font-weight: normal;
font-style: normal;
}
.info-1 {
margin-top: 10px;
}
.info-3 {
margin-bottom: 1.6em;
}
.post-info a {
display: inline-block;
color: inherit;
}
.post-info a:hover {
color: $([Link]);
}
.comment-info::before, .time-info::before, .label-info::before {
content: "\2014";
padding: 0 2px;
}
.edit-post a {
color: $([Link]);
}
.edit-post a:hover {
color: $([Link]);
}
.edit-post::before {
content: "-";
padding: 0 2px;
}

/* AUTHOR POST PROFILE */

.author-profile {
overflow: hidden;
margin: 30px 0;
line-height: 1.5;
}
.author-profile img {
width: 75px;
border: none;
float: left;
margin-right: 15px;
border-radius: 46px;
}
.author-profile > span {
font-size: 14px;
opacity: 0.8;
}
.author-profile a.g-profile {
font-weight: bold;
color: $([Link]);
font-size: 18px;
margin-bottom: 5px;
display: inline-block;
}
.author-profile a.g-profile:hover {
color: $([Link]);
}

/* SIDEBAR WIDGET */
#sidebar-wrapper {
background:transparent;
float:right;
width:30%;
max-width:300px;
margin:0 auto;
}
.sidebar h2, .sidebar-sticky h2, .latest-post-title h2, .above-post-widget h2,
.comments h3 {
font: $([Link]);
margin-bottom: 20px;
padding: 0px 0px 5px;
color: $([Link]);
display: inline-block;
text-transform: uppercase;
}
.sidebar h2::after {
content: "";
}
.section:last-child .widget:last-child, .sidebar .widget, .sidebar-sticky
.widget, .above-post-widget .widget, .bellow-header-widget .widget{
margin:0 0 30px;
clear:both;
}
.sidebar ul, .sidebar ol, .sidebar-sticky ul, .sidebar-sticky ol {
list-style-type:none;
margin: 0;
padding: 0;
}
.sidebar li, .sidebar-sticky li {
margin:5px 0;
padding: 0;
}
.sidebar-sticky {
z-index: 9;
}
.sidebar .widget-content::after, .sidebar-sticky .widget-content::after,
.sidebar .widget-content::before, .sidebar-sticky .widget-content::before {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
.bellow-header-widget {
text-align: center;
}
.bellow-header-widget h2 {
display: none;
}
.bellow-header-widget .widget {
overflow: hidden;
}
.bellow-header-widget img, .bellow-header-widget iframe{
max-width: 100%;
border: none;
overflow: hidden;
}

/* CUSTOM WIDGET */

.widget-item-control {
float: right;
height: 20px;
margin-top: -20px;
position: relative;
z-index: 10
}

.widget-item-control a {
opacity: .5
}

.widget-item-control a:hover {
opacity: 1
}

.widget .widget-item-control a img {

border: none;
padding: 0 ;
background: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-ie-box-shadow: none;
box-shadow: none
}

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

/* GSC */
.gsc-search-box-tools .gsc-search-box .gsc-input {
margin: 3px 0 !important;
}
.gsib_a {
padding: 0px 6px 0 !important;
}
.cse .gsc-search-button-v2, .gsc-search-button-v2 {
padding: 9px 27px !important;
}

/* Label */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
font-size:100%;
opacity:10
}
.cloud-label-widget-content {
text-align:left
}
.label-size {
background: $([Link]);
transition: all 0.25s;
-moz-transition: all 0.25s;
-webkit-transition: all 0.25s;
line-height:1.2;
display: block;
float: left;
margin: 0 3px 3px 0;
color: $([Link]);
font-size: 13px;
}
.label-size a,.label-size span{
display: inline-block;
color: $([Link]);
padding: 8px 12px;
}
.label-count {
margin-left: -12px;
margin-right: 0px;
}

.list-label-widget-content ul {
font-size: .9rem;
-moz-column-count: 2;
-moz-column-gap: 8px;
-webkit-column-count: 2;
-webkit-column-gap: 8px;
column-count: 2;
column-gap: 8px;
}

.list-label-widget-content ul li {
padding-bottom: 5px;
margin: 0 0;
padding-top: 5px;
}

.bellow-header-widget .cloud-label-widget-content {
}

.bellow-header-widget .cloud-label-widget-content .label-size {

font-weight: bold;
}
.bellow-header-widget .cloud-label-widget-content .label-size a, .bellow-header-
widget .cloud-label-widget-content .label-size span {
padding: 15px 20px;
}

/* Feed */
.Feed ul li {
display: block;
margin: 0 0 10px;
}
.Feed ul li:last-child {
margin-bottom: 10px;
}
.Feed .item-date, .Feed .item-author {
color: #999;
}
.Feed .item-title {
font-weight: bold;
}

/* Popular Posts */
.PopularPosts .widget-content ul, .PopularPosts .widget-content ul li {
margin: 0 0;
padding: 0 0;
list-style:none;
border:none;
outline:none;
}
.PopularPosts .widget-content ul {
margin: 0;
list-style:none;
counter-reset:num;
}
.PopularPosts .widget-content ul li img {
display: block;
width: 70px;
height: 70px;
float: left;
}
.PopularPosts .widget-content ul li {
margin: 0 0 20px;
counter-increment: num;
position: relative;
}
.PopularPosts ul li:last-child {
margin-bottom: 0px;
}
.PopularPosts ul li .item-thumbnail-only::before, .PopularPosts ul li .item-
content::before, .PopularPosts ul li > a::before {
color: $([Link]) !important;
}
.PopularPosts ul li .item-thumbnail-only::after, .PopularPosts ul li .item-
content::after, .PopularPosts ul li > a::after {
}
.PopularPosts .item-title {
line-height: 1.6;
margin-right: 8px;
min-height: 40px;
font-weight: bold;
}
.PopularPosts .item-thumbnail {
float: left;
margin-right: 10px;
}
.PopularPosts .item-snippet {
line-height: 1.6em;
font-size: 14px;
margin-top: 8px;
opacity: 0.925;
}
.PopularPosts ul li > a {
font-weight: bold;
}

/* Featured Post */
.FeaturedPost .post-summary {
background: #f7f7f7;
position: relative;
padding: 0;
min-height: 190px;
max-height: 450px;
overflow: hidden;
}
.FeaturedPost .post-summary h3 {
font: $([Link]);
position: absolute;
bottom: 58px;
z-index: 1;
font-size: 28px;
margin: 0 15px;
}
.FeaturedPost .post-summary h3::after {
content:"";
position:absolute;
top:-0.25em;
right:100%;
bottom:-0.25em;
width:0.25em;
}
.FeaturedPost .post-summary h3 a {
color: $([Link]);
background: $([Link]);
padding: 3px 8px;
-webkit-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
}
.FeaturedPost .post-summary h3 a:hover {
color: $([Link]);
text-decoration: none;
}
.FeaturedPost .post-summary p {
position: absolute;
background: $([Link]);
color: $([Link]);
padding: 3px 8px;
bottom: 15px;
margin: 0 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 90%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.FeaturedPost .image {
display: block;
}

.sidebar .FeaturedPost .post-summary h3 {

font-size: 16px;
}

/* Profile */
.Profile .widget-content {
background: rgba(0, 0, 0, 0.03);
text-align: center;
padding: 30px;
margin: 0 auto;
max-width: 300px;
}
.Profile .profile-img {
border-radius: 50%;
float: none;
}
.Profile .profile-name-link {
color: $([Link]);
font-size: .9em;
opacity: 1;
overflow: hidden;
}
.Profile .profile-name-link:hover {
color: $([Link]);
}
.Profile .profile-link {
border-style: solid;
border-width: 1px;
cursor: pointer;
font-size: 14px;
padding: 5px 15px;
display: inline-block;
line-height: normal;
}
.profile-textblock {
margin: .8em 0;
font-size: 14px;
line-height: 1.5em;
}
.profile-img {
float: left;
display:inline;
opacity:10;
margin:0 6px 3px 0;
}
.profile-data {
margin: 0;
}
.profile-datablock {
margin: .5em 0;
}
.profile-name-link {
background: no-repeat left top;
box-sizing: border-box;
display: inline-block;
max-width: 100%;
min-height: 20px;
padding-left: 20px;
}

/* Archive */
#ArchiveList .toggle {
cursor: pointer;
font-family: Arial, sans-serif;
margin-right: 10px;
}
#ArchiveList .toggle-open {
_font-size: 1.7em;
line-height: .6em;
}
#ArchiveList {
text-align: left;
}
#ArchiveList [Link]-count-link, #ArchiveList [Link]-count-link:link, #ArchiveList
[Link]-count-link:visited {
text-decoration: none;
}
#ArchiveList [Link], #ArchiveList [Link]:link, #ArchiveList [Link]:visited,
#ArchiveList [Link]:hover {
color: #a0a0a0;
text-decoration: none;
}
.BlogArchive #ArchiveList ul li {
background: none;
list-style: none;
list-style-image: none;
list-style-position: outside;
border-width: 0;
padding-left: 15px;
padding-top: 3px;
padding-bottom: 3px;
text-indent: -15px;
margin: .25em 0;
background-image: none;
}
.BlogArchive #ArchiveList ul ul li {
padding-left: 1.2em;
}
.BlogArchive #ArchiveList ul {
margin: 0;
padding: 0;
list-style: none;
list-style-image: none;
border-width: 0;
}
.BlogArchive #ArchiveList [Link] li {
padding-left: 1.3em;
}
#ArchiveList .collapsed ul {
display: none;
}

/* Artikel Terbaru */
.artikel-terbaru ul li {
padding-bottom: 8px;
margin-bottom: 8px;
font-weight: bold;
}
.LinkList ul li, .PageList ul li {
padding: 6px 0px;
}
.artikel-terbaru ul li::before, .list-label-widget-content ul li::before, .LinkList
ul li::before, .PageList ul li::before {
content: " ";
background: $([Link]);
width: 8px;
height: 8px;
display: inline-block;
border-radius: 4px;
vertical-align: middle;
margin-right: 3px;
opacity: .7;
}

/* SUBSCRIBER BOX */
.berlangganan-box {
background: $([Link]);
background: linear-gradient(to right, $([Link]), $
([Link]));
color: $([Link]);
padding: 15px;
margin: 20px 0;
text-align: center;
}
.berlangganan-box p {
margin:15px 0;
}
.berlangganan-box [Link]-address[type="text"] {
width: 60%;
padding: 10px;
text-align: center;
border-radius: 2px;
border: none;
outline: none;
}
.berlangganan-box [Link]-email[type="submit"] {
background: #fff;
padding: 10px 15px;
border-radius: 2px;
color: $([Link]);
border: none;
outline: none;
}
.berlangganan-box [Link]-email[type="submit"]:hover {
background: $([Link]);
color: #fff;
cursor: pointer;
}
.berlangganan-box [Link]-address[type="text"]:focus {
background: #fffcd2;
}

/* Back to top */
#back-to-top {
background: $([Link]);
color: $([Link]);
padding: 6px 8px;
font-size:24px;
border-radius: 22px;
}
.back-to-top {
position: fixed !important;
position: absolute;
bottom: 25px;
right: 20px;
z-index: 998;
}
.back-to-top svg {
width:24px;
height:24px;
vertical-align: middle;
margin-top: -5px;
}
.back-to-top svg path {
fill: $([Link]);
}

/* Share button */
.share-this-pleaseeeee {
display: inline-block;
margin: 0;
color: $([Link]);;
text-transform: uppercase;
font-size: 16px;
background: $([Link]);
z-index: 1;
position: relative;
padding: 0 10px;
font-weight: bold;
margin-top: 3px;
}
#share-container {
margin: 20px auto 30px;
overflow: hidden;
}
#share {
width: 100%;
text-align: center;
}
#share a {
width: 25%;
height: 40px;
display: block;
font-size: 24px;
color: #fff;
transition: opacity 0.15s linear;
float: left;
}
#share a:hover {
opacity: 0.8;
}
#share a svg {
width:24px;
height:24px;
margin-top: 7px;
}
#share a svg path {
fill: #ffffff;
}
.facebook {
background: #3b5998;
}
.twitter {
background: #55acee;
}
.linkedin {
background: #0077b5;
}
.pinterest {
background: #cb2027;
}
.whatsapp {
background: #25d366;
}

/* Status Msg */
.status-msg-wrap {
width: 90%;
margin: 0 auto 15px;
position: relative;
}
.status-msg-border {
border: none;
filter: alpha(opacity=40);
-moz-opacity: .4;
opacity: .4;
width: 100%;
position: relative;
}
.status-msg-bg {
background-color: transparent;
opacity: .8;
filter: alpha(opacity=30);
-moz-opacity: .8;
width: 100%;
position: relative;
z-index: 1;
}
.status-msg-body {
text-align: center;
padding: .3em 0;
width: 100%;
position: absolute;
z-index: 4;
}
.status-msg-hidden {
visibility: hidden;
padding: .3em 0;
}
.status-msg-wrap a {
padding-left: .4em;
}

/* SLOT IKLAN */
.iklan-tengah1 .widget, .iklan-tengah2 .widget, .iklan-bawah .widget, .iklan-
atas .widget, .iklan-tengah1 .widget-content, .iklan-tengah2 .widget-content,
.iklan-bawah .widget-content, .iklan-atas .widget-content {
margin:0 !important;
}
.iklan-tengah1 h2, .iklan-tengah2 h2, .iklan-bawah h2, .iklan-atas h2 {
display: none;
}
.post-body .widget-content {
text-align: center;
margin: 0.8em 0 0.8em;
display: block;
}
.post-body .widget-content:blank {
margin: 0 0;
}

/* PAGE NAVIGATION */

#blog-pager {
clear:both !important;
overflow: hidden;
padding:2px 0;
text-align: center;
}
#blog-pager-newer-link a {
float:left;
display:block;
}
#blog-pager-older-link a {
float:right;
display:block;
}
.displaypageNum a,.showpage a,.pagecurrent, #blog-pager-newer-link a, #blog-pager-
older-link a {
font: $([Link]);
padding: 8px 12px;
margin: 2px 3px 2px 0px;
display: inline-block;
background: $([Link]);
color: $([Link]);
}
#blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, [Link]-
link:hover, .displaypageNum a:hover,.showpage a:hover, .pagecurrent {
background: $([Link]);
color: $([Link]);
}
.showpageOf {
display: none !important;
}
#blog-pager .pages {
border: none;
}

/* FOOTER NAV MENU */

#footer-navmenu {
background: $([Link]);
padding: 25px 0px;
font: $([Link]);
color: $([Link]);
}
#footer-navmenu-container {
max-width: 1000px;
margin: 0 auto;
text-align: center;
}
#footer-navmenu ul {
list-style: none;
margin: 0;
}
#footer-navmenu ul li {
display: inline-block;
margin: 6px 0;
}
#footer-navmenu ul li::after {
content:" \00B7";
}
#footer-navmenu ul li:last-child::after {
content:"";
}
#footer-navmenu ul li a {
color: $([Link]);
margin: 0 13px;
}
#footer-navmenu ul li a:hover {
color: $([Link]);
}

/* FOOTER WIDGET */
#footer-widget-container {
background: $([Link]);
font-size: 18px;
}
.footer-widget {
max-width: 1000px;
margin: 0 auto;
text-align: center;
}

/* SOCIAL ICON */
[Link]-social {
list-style: none;
margin: 0;
padding: 20px 0px;
}
[Link]-social li {
display: inline-block;
padding: 0px 15px;
margin: 0;
}
[Link]-social li a svg {
width: 40px;
height: 40px
}
@media screen and (max-width:480px) {
[Link]-social li a svg {
width: 30px;
height: 30px
}
}
[Link]-social li a svg path {
fill: $([Link]);
}
[Link]-social li a:hover {
fill: #555;
}
[Link]-social li [Link]-s:hover svg path {
fill: #3B5A9B;
}
[Link]-social li [Link]-s:hover svg path {
fill: #1BB2E9;
}
[Link]-social li [Link]-s:hover svg path {
fill: #ED3F41;
}
[Link]-social li [Link]-s:hover svg path {
fill: #527fa4;
}
[Link]-social li [Link]-s:hover svg path {
fill: #0271AE;
}

/* SEARCH FORM */
.search-icon {
position: absolute;
top: 11px;
right: 0px;
font-size: 19px;
}
.search-icon a {
color: $([Link]);
}
.search-icon svg {
width: 24px;
height: 24px
}
.search-icon path {
fill: $([Link]);
}
#searchfs {
position: fixed;
z-index:9999;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.85);
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
-webkit-transform: translate(0px, -100%) scale(0, 0);
-moz-transform: translate(0px, -100%) scale(0, 0);
-o-transform: translate(0px, -100%) scale(0, 0);
-ms-transform: translate(0px, -100%) scale(0, 0);
transform: translate(0px, -100%) scale(0, 0);
opacity: 0;
}

#[Link] {
-webkit-transform: translate(0px, 0px) scale(1, 1);
-moz-transform: translate(0px, 0px) scale(1, 1);
-o-transform: translate(0px, 0px) scale(1, 1);
-ms-transform: translate(0px, 0px) scale(1, 1);
transform: translate(0px, 0px) scale(1, 1);
opacity: 1;
z-index: 9999;
}

#searchfs input[type="search"] {
position: absolute;
top: 50%;
left: 0;
margin-top: -51px;
width: 70%;
margin-left: 15%;
color: rgb(255, 255, 255);
background: transparent;
border-top: 1px solid rgba(255, 255, 255, .8);
border-bottom: 2px solid rgba(255, 255, 255, .5);
border-left: 0px solid transparent;
border-right: 0px solid transparent;
font-size: 40px;
text-align: center;
outline: none;
padding: 10px;
}
#searchfs .close {
position: fixed;
bottom: 50%;
right: 50%;
color: #fff;
background-color: transparent;
opacity: 0.8;
font-size: 40px;
border: none;
outline: none;
margin-bottom: 60px;
margin-right: -10px;
}
#searchfs .close:hover {
cursor: pointer;
}

/* NAV MENU */
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile {
border: 0;
list-style: none;
line-height: 1;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cssmenu ul li a {
position: relative;
}
#cssmenu #head-mobile {
position: relative;
}
#cssmenu {
text-align: left;
}
#cssmenu ul {
margin: 0;
display: block;
height: 48px;
}
#cssmenu #head-mobile {
display: none;
position: relative;
}
#cssmenu > ul > li {
float: left;
margin: 0;
}
#cssmenu > ul > li > a {
padding: 0 17px;
font: $([Link]);
line-height: 48px;
letter-spacing: 0.8px;
text-decoration: none;
text-transform: uppercase;
color: $([Link]);
}
#cssmenu > ul > li:hover > a, #cssmenu ul [Link] a {
color: $([Link]);
}
#cssmenu > ul > li:hover, #cssmenu ul [Link]:hover, #cssmenu ul [Link],
#cssmenu ul [Link]:hover {
background: rgba(64,64,64,0.1);
-webkit-transition: background .2s ease;
-ms-transition: background .2s ease;
transition: background .2s ease;
}
#cssmenu ul [Link]-sub {
position: relative;
}
#cssmenu > ul > [Link]-sub > a::after, #cssmenu ul ul [Link]-sub > a::after {
content: "";
border-color: $([Link]) transparent transparent;
border-style: solid;
border-width: 4px;
height: 0px;
width: 0px;
display: inline-block;
vertical-align: middle;
margin-left: 6px;
margin-bottom: -2px;
}
#cssmenu ul ul [Link]-sub > a::after {
content: "";
border-color: transparent transparent transparent $([Link]);
margin-bottom: 0px;
}

#cssmenu ul ul {
height: auto;
position: absolute;
left: -9999px;
z-index: 1;
-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);
box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);
opacity: 0;
transform: translateY(-2em);
transition: all 0.3s ease-in-out 0s;
}
#cssmenu li:hover > ul {
left: auto;
opacity: 1;
transform: translateY(0%);
transition-delay: 0s, 0s, 0.3s;
}
#cssmenu ul ul li {
background: $([Link]);
margin: 0;
}
#cssmenu ul ul li:hover {
background: $([Link]);
}
#cssmenu ul ul ul{
margin-left: 100%;
top: 0
}
#cssmenu ul ul li a {
font: $([Link]);
border-bottom: 1px solid rgba(150,150,150,0.15);
padding: 0 17px;
line-height: 36px;
max-width: 100%;
text-decoration: none;
color: $([Link]);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul [Link]-item > a {
border-bottom: 0
}

#cssmenu ul ul [Link]-sub:hover, #cssmenu ul [Link]-sub ul [Link]-sub ul li:hover {

background: $([Link]);
}

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

#cssmenu ul {
display: block !important;
}
}
@media screen and (max-width:800px){
#cssmenu {
float: none;
}
#cssmenu ul {
background: $([Link]);
width: 100%;
display: none;
height: auto;
-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);
box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);
}
#cssmenu > ul {
max-height: calc(100vh - 48px);
overflow-y: auto;
}
#cssmenu ul ul {
-webkit-box-shadow: none;
box-shadow: none;
display:none;
opacity: 1;
transform: translateY(0%);
transition: unset;
}
#cssmenu li:hover > ul {
transition-delay: 0s, 0s, 0s;
}
#cssmenu ul li {
width: 100%;
border-top: 1px solid rgba(150,150,150,0.15);
background: $([Link]);
}
#cssmenu > ul > li:hover, #cssmenu ul [Link]:hover, #cssmenu ul [Link],
#cssmenu ul [Link]:hover {
background: $([Link]);
}
#cssmenu > ul > li:hover > a, #cssmenu ul [Link] a {
color: $([Link]);
}
#cssmenu ul ul li a {
padding: 0 25px;
}
#cssmenu ul li a, #cssmenu ul ul li a {
width: 100%;
border-bottom: 0;
color: $([Link]);
}
#cssmenu > ul > li {
float: none;
position: relative;
}
#cssmenu ul ul [Link]-sub ul li a {
padding-left: 35px
}
#cssmenu ul ul, #cssmenu ul ul ul {
position: relative;
left: 0;
width: 100%;
margin: 0;
text-align: left
}
#cssmenu > ul > [Link]-sub > a::after, #cssmenu ul ul > [Link]-sub > a::after
{
display: none
}
#cssmenu #head-mobile {
display: block;
padding: 24px;
color: #fff;
font-size: 12px;
font-weight: bold
}
.button {
width: 25px;
height: 20px;
position: absolute;
right: 0;
top: 14px;
cursor: pointer;
z-index: 2;
outline: none;
}
.mline1, .mline2, .mline3 {
position: absolute;
left: 0;
display: block;
height: 3px;
width: 22px;
background: $([Link]);
content:'';
border-radius: 5px;
transition: all 0.2s;
}
.mline1 {
top: 0;
}
.mline2 {
top: 7px;
}
.mline3 {
top: 14px;
}
.[Link]-opened .mline1 {
top: 8px;
border: 0;
height: 3px;
width: 22px;
background: $([Link]);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.[Link]-opened .mline2 {
top: 8px;
background: $([Link]);
width: 22px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.[Link]-opened .mline3 {
display: none;
height:0;
}
#cssmenu .submenu-button {
position: absolute;
z-index: 99;
right: 0;
top: 0;
cursor: pointer;
}
#cssmenu .submenu-button::after {
content: "";
border-color: $([Link]) transparent transparent;
border-style: solid;
border-width: 4px;
height: 0px;
width: 0px;
display: inline-block;
vertical-align: middle;
margin: 20px 20px 14px;
}
#cssmenu ul ul .submenu-button::after {
margin: 16px 20px 12px;
}
#cssmenu ul ul ul [Link] a{
border-left: none
}
#cssmenu > ul > [Link]-sub > ul > [Link] > a,#cssmenu > ul ul > [Link]-sub
> ul > [Link] > a{
border-top: none
}
}

/* FOOTER */
#footer-container {
background: $([Link]);
padding: 20px 5px;
overflow: hidden;
color: $([Link]);
font-size: 12px;
text-align: center;
}
#footer-wrapper {
max-width: 1000px;
margin: 0 auto;
}
#footer-wrapper a {
color: $([Link]);
}
#footer-wrapper a:hover {
color: $([Link]);
}

/* BACA JUGA */
#baca-juga {
display: none;
}
.post-body #baca-juga {
display: block;
overflow: hidden;
}
.post-body .baca-juga-wrap {
max-width: 75%;
margin: 1em 0 1.6em 2em;
font-size: 0.9rem;
}
#baca-juga h2 {
font-size: 15px;
text-transform: uppercase;
}
#baca-juga a {
font-weight: bold;
display: block;
padding: 0;
}
#baca-juga ul {
margin: 0 0 0 20px;
}
#baca-juga li {
padding: 0px;
margin: .8rem 0;
}

/* RELATED POSTS */
.related-post {
margin: 30px auto 0;
overflow: hidden;
}
.related-post h4 {
background: $([Link]);
position:relative;
margin: 0;
display: inline-block;
font-weight: bold;
color: $([Link]);
text-transform: uppercase;
font-size: 16px;
z-index: 1;
padding: 0 10px;
margin-top: 3px;
}
.related-post ul {
padding: 0 !important;
font-size: 14px;
}

/* Style 3 */
.related-post-style-3,
.related-post-style-3 li {
margin: 0;
padding: 0;
list-style: none;
word-wrap: break-word;
overflow: hidden;
}
.related-post-style-3 .related-post-item {
float: left;
width: 23.5%;
height: auto;
margin-right: 2%;
margin-bottom: 10px;
}
.related-post-style-3 .related-post-item:nth-of-type(4n+0) {
margin-right: 0;
}
.related-post-style-3 .related-post-item:nth-of-type(4n+1) {
clear: both;
}
.related-post-style-3 .related-post-item:hover {
opacity: 0.7;
}
.related-post-style-3 .related-post-item-thumbnail {
display: block;
max-height: none;
background-color: transparent;
border: none;
padding: 0;
width: 100%;
}
.related-post-style-3 .related-post-item-title {
color: $([Link]);
}
.related-post-style-3 .related-post-item-tooltip {
padding: 15px 0;
}
.related-post-item-tooltip .related-post-item-title {
font-weight: bold;
display: block;
}

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

.related-post-style-3 .related-post-item {
width: 48%;
margin-right: 4%;
}
.related-post-style-3 .related-post-item:nth-of-type(2n+0) {
margin-right: 0;
}
.related-post-style-3 .related-post-item:nth-of-type(2n+1) {
clear: both;
}
}

.contact-form-widget {
}
.contact-form-success-message, .contact-form-error-message {
background: #f9edbe;
border: 0 solid #f0c36d;
font-size: 14px;
text-align: center;
max-width: 500px;
border-radius: 3px;
}
.contact-form-success-message-with-border, .contact-form-error-message-with-border
{
background: #f9edbe;
border: 1px solid #f0c36d;
font-size: 14px;
text-align: center;
max-width: 600px;
border-radius: 3px;
box-sizing: border-box;
padding: 5px 10px;
}
.contact-form-cross {
height: 11px;
margin: 0 5px;
vertical-align: -8.5%;
width: 11px;
}
.contact-form-email, .contact-form-name {
color: inherit;
height: 40px;
margin-top: 5px;
max-width: 300px;
width: 100%;
padding: 0 15px;
border-radius: 3px;
border: 1px solid #cacaca;
box-sizing: border-box;
}
.contact-form-email-message {
color: inherit;
margin-top: 5px;
vertical-align: top;
max-width: 600px;
width: 100%;
border-radius: 3px;
border: 1px solid #cacaca;
padding: 15px;
}
.contact-form-email:hover, .contact-form-name:hover, .contact-form-email-
message:hover {
outline: none;
border: 1px solid $([Link]);
}
.contact-form-email:focus, .contact-form-name:focus, .contact-form-email-
message:focus {
outline: none;
border: 1px solid $([Link]);
}
.contact-form-name, .contact-form-email, .contact-form-email-message {
background: #f8f8f8;
}
.contact-form-button {
display: block;
font-size: 14px;
line-height: 24px;
padding: 5px 20px;
margin: 30px 0;
text-align: center;
border: none;
background: $([Link]);
color: #fff;
border-radius: 3px;
font-weight: bold;
}
.contact-form-button:hover, .[Link] {
cursor: pointer;
outline: none;
opacity: .85;
}
.[Link], .[Link], .contact-form-
[Link], .[Link] {
outline: none;
}
.contact-form-button-submit:focus, .[Link] {
outline: none;
opacity: .85;
}
.swajib {
font-weight: bold;
color: #e85e5e;
}
.ctitles {
font-weight: bold;
display: block;
margin: 30px 0 0;
}

/* COMMENT FORM */
#comments-block {
margin: 15px 0;
}
#comments-block .comment-author {
border-radius: 4px 4px 0 0;
background: rgba(0, 0, 0, 0.03);
padding: 15px 15px 0;
}
#comments-block .comment-body {
background: rgba(0, 0, 0, 0.03);
padding: 30px 15px 25px;
margin: 0 0;
}
#comments-block .comment-body p {
margin: 0;
}
#comments-block .comment-footer {
border-radius: 0 0 4px 4px;
background: rgba(0, 0, 0, 0.03);
padding: 0 15px 15px;
margin: 0 0 20px;
font-size: 0.88rem;
}
#comments-block .avatar-image-container {
display: inline-block;
margin-right: 4px;
margin-bottom: -10px;
background: #888;
border-radius: 17px;
}
#comments-block .avatar-image-container img {
display: block;
}
#comments-block .comment-footer a {
}
[Link]-footer {
display: inline-block;
font-weight: bold;
margin: 0;
}
h4#comment-post-message {
display: none;
margin: 0 0 0 0;
}
.comments{
clear: both;
margin-top: 10px;
margin-bottom: 0
}
.comments .comments-content{
font-size: 14px;
margin-bottom: 30px
}
.comments .comments-content .comment-thread ol{
text-align: left;
margin: 13px 0;
padding: 0;
list-style: none;
}
.comment .avatar-image-container {
background: rgba(0, 0, 0, 0.03);
border-radius: 20px;
float: left;
max-height: 36px;
overflow: hidden;
width: 36px;
height: 36px;
background-repeat: no-repeat;
background-position: 8px 7px;
}
.comments .avatar-image-container img {
max-width: 36px;
border-radius: 17px;
}
.comments .comment-block {
background: rgba(0, 0, 0, 0.03);
position: relative;
padding: 20px;
margin-left: 45px;
border-radius: 10px;
word-break: break-word;
}
.comments .comments-content .comment-replies{
margin:10px 0;
margin-left:45px
}
.comments .comments-content .comment-thread:empty{
display:none
}
.comments .comment-replybox-single {
margin-left:45px;
margin: 20px 0;
}
.comments .comments-content .comment{
margin-bottom:6px;
padding:0
}
.comments .comments-content .comment:first-child {
padding:0;
margin:0
}
.comments .comments-content .comment:last-child {
padding:0;
margin:0
}
.comments .[Link]-thread .comment, .comments .[Link]-
thread .comment:last-child {
margin:0px 0px 5px 14%
}
.comment .[Link]-thread .comment:nth-child(6) {
margin:0px 0px 5px 12%;
}
.comment .[Link]-thread .comment:nth-child(5) {
margin:0px 0px 5px 10%;
}
.comment .[Link]-thread .comment:nth-child(4) {
margin:0px 0px 5px 8%;
}
.comment .[Link]-thread .comment:nth-child(3) {
margin:0px 0px 5px 4%;
}
.comment .[Link]-thread .comment:nth-child(2) {
margin:0px 0px 5px 2%;
}
.comment .[Link]-thread .comment:nth-child(1) {
margin:0px 0px 5px 0;
}
.comments .comments-content .comment-thread{
margin:0;
padding:0
}
.comments .comments-content .inline-thread{
margin:0
}
.comments .comments-content .[Link]-author {
display:inline;
height: 18px;
margin: 0 0 -4px 6px;
width: 18px;
}
.comments .comments-content .[Link]-author::after {
content:"author";
background: rgba(0, 0, 0, 0.36);
color: #fff;
padding: 2px 6px;
border-radius: 10px;
font-size: 11px;
}
.comments .comments-content .comment-header {
font-size:14px;
margin: 0 0 15px;
}
.comments .comments-content .comment-content {
margin: 0 0 15px;
text-align: left;
line-height: 1.6;
}
.comments .comments-content .datetime {
margin-left: 6px;
}
.comments .comments-content .datetime a {
color: $([Link]);
}
.comments .comments-content .user {
font-weight: bold;
font-style: normal;
}
.comments .comment .comment-actions a {
display: inline-block;
font-size: 13px;
line-height: 15px;
margin: 4px 8px 0 0;
}
.comments .continue a {
display:inline-block;
font-size:13px;
padding: .5em;
}
.comments .comment .comment-actions a:hover, .comments .continue a:hover{
text-decoration:underline;
}
.pesan-komentar:not(:empty) {
padding: 20px;
background: #f9f9f9;
margin-bottom: 30px;
}
.deleted-comment {
font-style: italic;
opacity: .5;
}
.comments .comments-content .loadmore {
cursor: pointer;
margin-top: 3em;
max-height: 3em
}

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

.comments .comments-content .comment-replies {
margin-left: 0
}
}

/* MEDIA QUERY */
@media only screen and (max-width:1080px){
#wrapper {
margin: 0 auto;
}
.footer-widget, #footer-navmenu-container {
max-width: 100%;
}
#header-wrapper, .footer-widget .widget, #footer-navmenu-container {
padding-left: 30px;
padding-right: 30px;
}
.sticky-mobile {
margin-right: 30px;
}
.search-icon {
right: 30px;
}
}
@media only screen and (max-width:800px){
#post-wrapper, #sidebar-wrapper {
float:none;
width:100%;
max-width:100%
}
.post-container {
padding: 0 0 20px 0;
}
#header-wrapper {
padding-left: 0px;
padding-right: 0px;
position: relative;
}
#wrapper {
padding: 70px 20px 20px;
}
#cssmenu > ul > li > a {
padding: 0px 20px;
line-height: 42px;
}
.footer-widget .widget, #footer-navmenu-container {
padding-left: 20px;
padding-right: 20px;
}
.button {
left: 20px;
}
.header {
position: absolute;
top: 0;
left: 45px;
right: 45px;
z-index: 1;
text-align: center;
float: none;
display: inline-block;
max-width: 100%;
margin-right: 0;
}
.header img {
display: inline-block !important;
}
.search-icon {
right: 20px;
}
}

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

#wrapper {
padding: 70px 15px 15px;
}
#cssmenu > ul > li > a {
padding: 0 15px;
}
.footer-widget .widget, #footer-navmenu-container {
padding-left: 15px;
padding-right: 15px;
}
.button {
left: 15px;
}
#post-wrapper, #sidebar-wrapper {
float:none;
width:100%;
max-width:100%
}

.search-icon {
right: 15px;
}
}

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

#footer-navmenu ul li a {
margin: 0px 8px;
}
[Link]-social li {
padding: 0px 8px;
}
.post-snippet {
margin-top: 10px;
}
blockquote {
margin-left:0;
margin-right:0;
}
.post-body .baca-juga-wrap {
margin: 1em 0 1em 0;
max-width: 100%;
}
h1{font-size:170%}
h2{font-size:150%}
h3{font-size:130%}
h4{font-size:120%}
h5{font-size:110%}
h6{font-size:100%}
[Link]-title {
font-size: 18px;
}
[Link]-title {
font-size: 24px;
}
.post-body [Link] {
width: 100vw;
margin: 0px -15px;
max-width: 100vw;
}
.section:last-child .widget:last-child, .sidebar .widget, .sidebar-sticky
.widget, .above-post-widget .widget, .bellow-header-widget .widget, #blog-pager {
margin:0 0 20px;
}
.comments .comments-content .comment-replies{
margin-left:20px !important;
}
.comments .comment-block {
padding: 15px !important;
}
.comment .[Link]-thread .comment {
margin: 0 0 0 0 !important;
}
#searchfs input[type="search"] {
font-size: 26px;
}
.FeaturedPost .post-summary, .bellow-header-widget {
width: calc(100% + 30px);
margin: 0px 0px 15px -15px;
}
.FeaturedPost .post-summary, .FeaturedPost .image{
border-radius: unset;
}
.FeaturedPost .post-summary h3 {
font-size: 20px;
margin: 0 10px;
}
.FeaturedPost .post-summary p {
margin: 0 10px;
}
}

/* Tombol Download */
.buttonDownload {
border-radius: 3px;
display: inline-block;
position: relative;
padding: 10px 25px;
background-color: $([Link]);
color: white !important;
font-weight: bold;
font-size: 0.9em;
text-align: center;
text-indent: 15px;
transition:all 0.4s;
-moz-transition:all 0.4s;
-webkit-transition:all 0.4s;
}
.buttonDownload:hover {
opacity: .85;
}
.buttonDownload::before, .buttonDownload::after {
content: ' ';
display: block;
position: absolute;
left: 15px;
top: 52%;
}
.buttonDownload::before {
width: 10px;
height: 2px;
border-style: solid;
border-width: 0 2px 2px;
}
.buttonDownload::after {
width: 0;
height: 0;
margin-left: 3px;
margin-top: -7px;
border-style: solid;
border-width: 4px 4px 0 4px;
border-color: transparent;
border-top-color: inherit;
animation: downloadArrow 2s linear infinite;
animation-play-state: paused;
}
.buttonDownload:hover::after {
animation-play-state: running;
}
@keyframes downloadArrow {
0% {
margin-top: -7px;
opacity: 1;
}
0.001% {
margin-top: -15px;
opacity: 0;
}
50% {
opacity: 1;
}
100% {
margin-top: 0;
opacity: 0;
}
}

/* Skin for Blogger Tabbed Layout TOC */

.tabbed-toc {
margin: 0 auto;
background: $([Link]);
background: linear-gradient(to bottom right, $([Link]), $
([Link]));
position: relative;
}
.tabbed-toc .loading {
display: block;
padding: 2px 12px;
color: $([Link]);
}
.tabbed-toc ul,
.tabbed-toc ol,
.tabbed-toc li {
margin: 0;
padding: 0;
list-style: none;
}
.tabbed-toc .toc-tabs {
width: 20%;
float: left;
}
.tabbed-toc .toc-tabs li a {
display: block;
font: $([Link]);
overflow: hidden;
color: $([Link]);
text-transform: uppercase;
text-decoration: none;
padding: 12px;
}
.tabbed-toc .toc-tabs li a:hover {
background-color: rgba(64,64,64,0.1);
}
.tabbed-toc .toc-tabs li [Link]-tab {
background: rgba(64,64,64,0.1);
position:relative;
z-index:5;
margin:0 -1px 0 0;
/* cursor:text; */
}
.tabbed-toc .toc-content,
.tabbed-toc .toc-line {
width: 80%;
float: right;
background-color: white;
border-left: 5px solid rgba(64,64,64,0.1);
box-sizing: border-box;
}
.tabbed-toc .toc-line {
float: none;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
}
.tabbed-toc .panel {
position: relative;
z-index: 5;
}
.tabbed-toc .panel li a {
display: block;
position: relative;
font-weight: bold;
font-size: 14px;
padding: 6px 12px;
overflow: hidden;
}
.tabbed-toc .panel li time {
display: block;
font-weight: normal;
font-size: 11px;
color: #666;
float: right;
}
.tabbed-toc .panel li .summary {
display: block;
padding: 10px 12px 10px;
font-size: 13px;
}
.tabbed-toc .panel li .summary [Link] {
float: left;
display: block;
margin: 5px 8px 0 0;
width: 72px;
height: 72px;
background-color: #fafafa;
}
.tabbed-toc .panel li {background-color:#f3f3f3}
.tabbed-toc .panel li:nth-child(even) {background-color:#fff}
.tabbed-toc .panel li a:hover,
.tabbed-toc .panel li a:focus,
.tabbed-toc .panel [Link] a {
background-color: rgba(64,64,64,0.1);
outline: none;
}
@media (max-width:700px) {
.tabbed-toc .toc-tabs,
.tabbed-toc .toc-content {
overflow :hidden;
width: auto;
float: none;
display: block;
}
.tabbed-toc .toc-tabs li {
display: inline;
float: left;
}
.tabbed-toc .toc-tabs li [Link]-tab {
background-color: rgba(64,64,64,0.1);
}
.tabbed-toc .toc-content { border: none }
.tabbed-toc .toc-line,
.tabbed-toc .panel li time { display: none }
}
.CSS_LIGHTBOX { z-index: 9999 !important; }
.CSS_LAYOUT_COMPONENT { color: transparent; }

.post-body pre .google-auto-placed, .post-body table .google-auto-placed, .post-

body blockquote .google-auto-placed, #header-container .google-auto-placed,
.sidebar-sticky .google-auto-placed{
display: none;
}
.comment .avatar-image-container {
background-image:
url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMA
AC4jAAAuIwF4pT92AAAC4UlEQVR42nWU30uTYRTHn/d1bjOn5Y0Gu4mBNhWZ4EVXbiMUMVMjL2L+iJSYCMJ
kF27TzanbdNvfEN10U3STFdV/0GUE3faLsJsovEkIhDqfsWc8vqOLw87O+X6/73nOOc+jdnd3VT6fP2fZbN
ZVrVbV+vr61f7+/mdKqb+Y+EfEyIFx8tBqODqYy+WsQqGgpqen411dXR+7u7s/DAwMPMHwiZEDA9YU47fh8
KvFxsfH0y6X63RycjKZTqcv7ezsWBg+MXJgtKipca6y/f19tby8HLZt+08sFps6PDxUIqS0ID4xcmDAwjEr
bQgCLhaLqq+v7/ng4ODjUqmktre36ZNl9MkiRg6MYI/gwG0IUiaBvb09lclkLvh8vq9zc3N3hGTJl1t0Hqu
3pYUcGLBw4Op8Q5nSk8nk5fb29u9LS0vXqULItnOSxMiBAQsHblOF/MpxPB0dHZ9nZ2fvylEsWY2mComRAy
PYT3BMjaYeDg0NPQoEAm/wIUvcNjB2XVCBAdvUQwNcm/La2lqotbX1dGZm5n65XFa6P7rPxMgJ5jdYOHDPH
dncQwBynHttbW0/wuFwaWNjI7C1teXB8CORSIkcGL0yTXuIowWpgl1jcbluHo/npKen5x2GT4wcGLBasHFT
jPtbm57c1WBvb+9rafix7NmL0dHR0sTERALDJybrcgwGLBy4eg66Mvvg4EDNz8/f9nq9v4T0cnV1dQQQcar
B8InF4/ERhMHCIa5XTElvapu/sLBwy7Kss7GxsTSTq0+P5baZLlb3LZ2Xo6fgwOU/S08f7EQiEZCv/YxGoz
mm6FwXp+n1AQsHrgzsCh9TlUpFhUKhh36//219arbzjTPNeWt4ceAODw8/4KRqZWXlmgzgm/TiZr1s2/nGm
WKOt7MmKNwbbrf7hMqVTOuVPJzvNzc3L5q3xlmZ08zbkUqlfJ2dnV8WFxenFHvFU6TfOxP4PzHzw/q9DAaD
T2VPz/4BM3gzfN9VWhwAAAAASUVORK5CYII=');
}
]]></b:skin>

<b:template-skin>
<![CDATA[
/* CSS FOR LAYOUT */
body#layout, body#layout [Link] {
font-family: Arial, sans-serif;
}
body#layout {
max-width: 1040px;
}
body#layout .sidebar-sticky {
z-index:0;
}
body#layout #wrapper {
overflow: unset;
}
body#layout #header-container {
height: auto;
position: unset;
}
body#layout::before {
content: "VioMagz v.4.3.0 (14 Juni 2020)";
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
padding: 10px 20px;
font-size: 18px;
color: #1B699D;
background: #fff;
border-radius: 20px;
border: 1px solid #d6d6d6;
}
body#layout .widget-content {
box-shadow: none;
}
body#layout #navbar {
display: block;
margin: 0;
max-width: 100%;
padding: 0 20px;
margin-bottom: 12px;
}
body#layout .header {
width: 200px;
}
body#layout #navbar::before {
content: "Untuk mempercepat loading blog, klik edit dan nonaktifkan Navbar
==>>";
position: absolute;
bottom: 18px;
z-index: 999;
right: 80px;
color: #999;
font-size: 12px;
}
body#layout #wrapper, body#layout #header-wrapper, body#layout #footer-container,
body#layout #footer-widget-container {
margin: 0 0;
padding: 0 20px;
}
body#layout #footer-container {
padding-bottom: 20px;
}
body#layout #cssmenu, body#layout #footer-navmenu {
position: relative;
display: block;
font-size: 14px;
color: #fff;
background: #777777;
border: 1px solid #555555;
font-weight: bold;
}
body#layout #cssmenu {
height: 33px;
padding: 20px;
margin: 8px 0;
width: 500px;
float: right;
}
body#layout #cssmenu ul, body#layout #footer-navmenu ul, body#layout #footer-
widget-container {
display: none;
}
body#layout #cssmenu::after {
content: "Menu navigasi harus diedit melalui Edit HTML";
color: #fff;
position: absolute;
top: 30px;
left: 20px;
visibility: visible;
}
body#layout .post-container {
padding: 0 15px 0 0;
}
body#layout .sidebar-container {
padding: 0 0 0 0;
}
body#layout #searchfs, body#layout .latest-post-title, body#layout .section h4 {
display: none;
}
body#layout [Link] {
background: transparent;
margin: 0px 0px 15px 0px;
padding: 0px;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body#layout .sidebar-sticky::before {
content: "Widget Sidebar (Sticky)";
}
body#layout .sidebar::before {
content: "Widget Sidebar";
}
body#layout .above-post-widget::before {
content: "Widget di Atas Post (Hanya Homepage)";
}
body#layout .Blog::before {
content: "Posting Blog";
margin-bottom: 8px;
}
body#layout .bellow-header-widget::before {
content: "Widget di Bawah Header/Menu Navigasi";
}
body#layout #footer-widget-container::before {
content: "Widget di Atas Footer";
}
body#layout .sidebar-sticky::before, body#layout .sidebar::before, body#layout
.above-post-widget::before, body#layout .Blog::before, body#layout .bellow-header-
widget::before {
padding: 5px 10px;
display: block;
font-size: 14px;
color: #fff;
background: #777777;
border: 1px solid #555555;
font-weight: bold;
}
body#layout .add_widget, body#layout .widget-content {
padding: 12px;
}
body#layout .add_widget a {
margin-left: 0px;
font-size: 14px;
}
body#layout [Link]-title {
font-size: 14px;
}
body#layout [Link]-widget-description {
font-size: 12px;
}
body#layout .editlink {
color: #FFFFFF !important;
background: #777777;
border-radius: 15px;
padding: 4px 6px;
}
body#layout #footer-wrapper {
position: relative;
background: #fff;
height: 40px;
border: 1px solid #ddd;
}
body#layout #footer-wrapper::after {
content:"Footer";
color:#999;
position:absolute;
top:12px;
}
body#layout #footer-navmenu {
padding: 0;
margin: 0 20px 8px;
height: 50px;
}
body#layout #footer-navmenu::after {
content: "Menu navigasi harus diedit melalui Edit HTML";
color: #fff;
position: absolute;
top: 17px;
left: 20px;
visibility: visible;
}

]]></b:template-skin>

<b:if cond='data:[Link]'>
<style>
/* ERROR PAGE */
.status-msg-body::after, .status-msg-hidden::after {
content: "404";
font-size: 140px;
display: block;
margin: 30px 0;
color: #e86e6e;
font-weight: bold;
text-shadow: 6px 6px #eaeaea;
}
#blog-pager, #sidebar-wrapper {
display: none;
}
#post-wrapper {
width: 100%;
max-width: 100%;
}
.status-msg-body {
padding: 30px 0;
}
</style>
</b:if>
<script>//<![CDATA[
[Link] = [Link] || {};
[Link] = 1;
/*! lazysizes - v5.1.0 */
!function(a,b){var c=b(a,[Link]);[Link]=c,"object"==typeof
module&&[Link]&&([Link]=c)}("undefined"!=typeof window?window:
{},function(a,b){"use strict";var c,d;if(function(){var
b,c={lazyClass:"lazyload",loadedClass:"lazyloaded",loadingClass:"lazyloading",prelo
adClass:"lazypreload",errorClass:"lazyerror",autosizesClass:"lazyautosizes",srcAttr
:"data-src",srcsetAttr:"data-srcset",sizesAttr:"data-sizes",minSize:40,customMedia:
{},init:!0,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:!
0,ricTimeout:0,throttleDelay:125};d=[Link]||[Link]||{};for(b
in c)b in d||(d[b]=c[b])}(),!b||![Link])return{init:function()
{},cfg:d,noSupport:!0};var
e=[Link],f=[Link],g=[Link],h="addEventListener",i="getAttr
ibute",j=a[h],k=[Link],l=[Link]||
k,m=[Link],n=/^picture$/i,o=["load","error","lazyincluded","_lazyloa
ded"],p={},q=[Link],r=function(a,b){return p[b]||(p[b]=new
RegExp("(\\s|^)"+b+"(\\s|$)")),p[b].test(a[i]("class")||"")&&p[b]},s=function(a,b)
{r(a,b)||[Link]("class",(a[i]("class")||"").trim()+" "+b)},t=function(a,b)
{var c;(c=r(a,b))&&[Link]("class",(a[i]("class")||"").replace(c,"
"))},u=function(a,b,c){var d=c?
h:"removeEventListener";c&&u(a,b),[Link](function(c){a[d]
(c,b)})},v=function(a,d,e,f,g){var h=[Link]("Event");return e||
(e={}),[Link]=c,[Link](d,!f,!
g),[Link]=e,[Link](h),h},w=function(b,c){var e;!g&&(e=[Link]||
[Link])?(c&&[Link]&&!b[i]("srcset")&&[Link]("srcset",[Link]),e({reevaluate:!
0,elements:[b]})):c&&[Link]&&([Link]=[Link])},x=function(a,b)
{return(getComputedStyle(a,null)||{})[b]},y=function(a,b,c){for(c=c||
[Link];c<[Link]&&b&&!
a._lazysizesWidth;)c=[Link],b=[Link];return c},z=function(){var
a,c,d=[],e=[],f=d,g=function(){var b=f;for(f=[Link]?e:d,a=!0,c=!
1;[Link];)[Link]()();a=!1},h=function(d,e){a&&!e?[Link](this,arguments):
([Link](d),c||(c=!0,([Link]?k:l)(g)))};return h._lsFlush=g,h}(),A=function(a,b)
{return b?function(){z(a)}:function(){var b=this,c=arguments;z(function()
{[Link](b,c)})}},B=function(a){var
b,c=0,e=[Link],g=[Link],h=function(){b=!1,c=[Link](),a()},i=m&&g>49?
function(){m(h,{timeout:g}),g!==[Link]&&(g=[Link])}:A(function()
{k(h)},!0);return function(a){var d;(a=!0===a)&&(g=33),b||(b=!0,d=e-([Link]()-
c),d<0&&(d=0),a||d<9?i():k(i,d))}},C=function(a){var b,c,d=99,e=function()
{b=null,a()},g=function(){var a=[Link]()-c;a<d?k(g,d-a):(m||e)(e)};return function()
{c=[Link](),b||(b=k(g,d))}},D=function(){var
g,l,m,o,p,y,D,F,G,H,I,J,K=/^img$/i,L=/^iframe$/i,M="onscroll"in a&&!/(gle|
ing)bot/.test([Link]),N=0,O=0,P=0,Q=-1,R=function(a){P--,(!a||P<0||!
[Link])&&(P=0)},S=function(a){return
null==J&&(J="hidden"==x([Link],"visibility")),J||"hidden"!
=x([Link],"visibility")&&"hidden"!=x(a,"visibility")},T=function(a,c){var
d,f=a,g=S(a);for(F-=c,I+=c,G-=c,H+=c;g&&(f=[Link])&&f!=[Link]&&f!=e;)
(g=(x(f,"opacity")||1)>0)&&"visible"!
=x(f,"overflow")&&(d=[Link](),g=H>[Link]&&G<[Link]&&I>[Link]-
1&&F<[Link]+1);return g},U=function(){var
a,f,h,j,k,m,n,p,q,r,s,t,u=[Link];if((o=[Link])&&P<8&&(a=[Link]))
{for(f=0,Q++;f<a;f++)if(u[f]&&!u[f]._lazyRace)if(!M||
[Link]&&[Link](u[f]))aa(u[f]);else if((p=u[f][i]("data-
expand"))&&(m=1*p)||(m=O),r||(r=![Link]||[Link]<1?
[Link]>500&&[Link]>500?
[Link].expand,c._defEx=r,s=r*[Link],t=[Link],J=null,O<s&&P<1&&Q>2&&o>2&&!
[Link]?(O=s,Q=0):O=o>1&&Q>1&&P<6?r:N),q!
==m&&(y=innerWidth+m*t,D=innerHeight+m,n=-1*m,q=m),h=u[f].getBoundingClientRect(),
(I=[Link])>=n&&(F=[Link])<=D&&(H=[Link])>=n*t&&(G=[Link])<=y&&(I||H||G||
F)&&([Link]||S(u[f]))&&(l&&P<3&&!p&&(o<3||Q<4)||T(u[f],m))){if(aa(u[f]),k=!
0,P>9)break}else!k&&l&&!j&&P<4&&Q<4&&o>2&&(g[0]||[Link])&&(g[0]||!
p&&(I||H||G||F||"auto"!=u[f][i]([Link])))&&(j=g[0]||u[f]);j&&!
k&&aa(j)}},V=B(U),W=function(a){var b=[Link];if(b._lazyCache)return void delete
b._lazyCache;R(a),s(b,[Link]),t(b,[Link]),u(b,Y),v(b,"lazyloaded")},
X=A(W),Y=function(a){X({target:[Link]})},Z=function(a,b)
{try{[Link](b)}catch(c){[Link]=b}},$=function(a){var
b,c=a[i]([Link]);(b=[Link][a[i]("data-media")||a[i]
("media")])&&[Link]("media",b),c&&[Link]("srcset",c)},_=A(function(
a,b,c,e,f){var g,h,j,l,o,p;(o=v(a,"lazybeforeunveil",b)).defaultPrevented||(e&&(c?
s(a,[Link]):[Link]("sizes",e)),h=a[i]([Link]),g=a[i]
([Link]),f&&(j=[Link],l=j&&[Link]([Link]||"")),p=[Link]||"src"in
a&&(h||g||
l),o={target:a},s(a,[Link]),p&&(clearTimeout(m),m=k(R,2500),u(a,Y,!
0)),l&&[Link]([Link]("source"),$),h?[Link]("srcset",h):g&&!
l&&([Link]([Link])?Z(a,g):[Link]=g),f&&(h||l)&&w(a,{src:g})),a._lazyRace&&delete
a._lazyRace,t(a,[Link]),z(function(){var b=[Link]&&[Link]>1;p&&!
b||(b&&s(a,"ls-is-cached"),W(o),a._lazyCache=!0,k(function(){"_lazyCache"in
a&&delete a._lazyCache},9)),"lazy"==[Link]&&P--},!0)}),aa=function(a){if(!
a._lazyRace){var b,c=[Link]([Link]),e=c&&(a[i]([Link])||a[i]
("sizes")),f="auto"==e;(!f&&l||!c||!a[i]("src")&&![Link]||[Link]||
r(a,[Link])||!
r(a,[Link]))&&(b=v(a,"lazyunveilread").detail,f&&[Link](a,!
0,[Link]),a._lazyRace=!0,P++,_(a,b,f,e,c))}},ba=C(function()
{[Link]=3,V()}),ca=function(){3==[Link]&&([Link]=2),ba()},da=function()
{if(!l){if([Link]()-p<999)return void k(da,999);l=!
0,[Link]=3,V(),j("scroll",ca,!0)}};return{_:function()
{p=[Link](),[Link]=[Link]([Link]),g=[Link]
ame([Link]+" "+[Link]),j("scroll",V,!0),j("resize",V,!
0),[Link]?new MutationObserver(V).observe(e,{childList:!0,subtree:!
0,attributes:!0}):(e[h]("DOMNodeInserted",V,!0),e[h]("DOMAttrModified",V,!
0),setInterval(V,999)),j("hashchange",V,!0),
["focus","mouseover","click","load","transitionend","animationend"].forEach(functio
n(a){b[h](a,V,!0)}),/d$|^c/.test([Link])?da():(j("load",da),b[h]
("DOMContentLoaded",V),k(da,2e4)),[Link]?
(U(),z._lsFlush()):V()},checkElems:V,unveil:aa,_aLSL:ca}}(),E=function(){var
a,c=A(function(a,b,c,d){var
e,f,g;if(a._lazysizesWidth=d,d+="px",[Link]("sizes",d),[Link]([Link]||"
"))for(e=[Link]("source"),f=0,g=[Link];f<g;f+
+)e[f].setAttribute("sizes",d);[Link]||w(a,[Link])}),e=function(a,b,d)
{var e,f=[Link];f&&(d=y(a,f,d),e=v(a,"lazybeforesizes",{width:d,dataAttr:!!
b}),[Link]||(d=[Link])&&d!
==a._lazysizesWidth&&c(a,f,e,d))},f=function(){var b,c=[Link];if(c)for(b=0;b<c;b+
+)e(a[b])},g=C(f);return{_:function()
{a=[Link]([Link]),j("resize",g)},checkElems:g,updateEle
m:e}}(),F=function(){!F.i&&[Link]&&(F.i=!0,E._(),D._())};return
k(function()
{[Link]&&F()}),c={cfg:d,autoSizer:E,loader:D,init:F,uP:w,aC:s,rC:t,hC:r,fire:v,gW:y
,rAF:z}});
//]]></script>

[Link](c,pt,l),m([Link])&&[Link](o,l),[Link]([Link]).d
one([Link],[Link]).fail([Link]).always([Link]),[Link]
([Link](u,{elem:o,anim:l,queue:[Link]})),l}[Link]=[Link](dt,
{tweeners:{"*":[function(e,t){var n=[Link](e,t);return
le([Link],e,[Link](t),n),n}]},tweener:function(e,t){m(e)?
(t=e,e=["*"]):e=[Link](R);for(var n,r=0,i=[Link];r<i;r+
+)n=e[r],[Link][n]=[Link][n]||[],[Link][n].unshift(t)},prefilters:
[function(e,t,n){var r,i,o,a,s,u,l,c,f="width"in t||"height"in
t,p=this,d={},h=[Link],g=[Link]&&se(e),v=[Link](e,"fxshow");for(r in [Link]||
(null==(a=k._queueHooks(e,"fx")).unqueued&&([Link]=0,s=[Link],[Link]
e=function(){[Link]||s()}),[Link]++,[Link](function(){[Link](function()
{[Link]--,[Link](e,"fx").length||[Link]()})})),t)if(i=t[r],[Link](i))
{if(delete t[r],o=o||"toggle"===i,i===(g?"hide":"show")){if("show"!==i||!v||void
0===v[r])continue;g=!0}d[r]=v&&v[r]||[Link](e,r)}if((u=![Link](t))||!
[Link](d))for(r in
f&&1===[Link]&&([Link]=[[Link],[Link],[Link]],null==(l=v&&v.d
isplay)&&(l=[Link](e,"display")),"none"===(c=[Link](e,"display"))&&(l?c=l:(fe([e],!
0),l=[Link]||l,c=[Link](e,"display"),fe([e]))),("inline"===c||"inline-
block"===c&&null!=l)&&"none"===[Link](e,"float")&&(u||([Link](function()
{[Link]=l}),null==l&&(c=[Link],l="none"===c?"":c)),[Link]="inline-
block")),[Link]&&([Link]="hidden",[Link](function()
{[Link]=[Link][0],[Link]=[Link][1],[Link]=[Link][2]})),u=
!1,d)u||(v?"hidden"in v&&(g=[Link]):v=[Link](e,"fxshow",
{display:l}),o&&([Link]=!g),g&&fe([e],!0),[Link](function(){for(r in g||
fe([e]),[Link](e,"fxshow"),d)[Link](e,r,d[r])})),u=pt(g?v[r]:0,r,p),r in v||
(v[r]=[Link],g&&([Link]=[Link],[Link]=0))}],prefilter:function(e,t){t?
[Link](e):[Link](e)}}),[Link]=function(e,t,n){var
r=e&&"object"==typeof e?[Link]({},e):{complete:n||!n&&t||
m(e)&&e,duration:e,easing:n&&t||t&&!m(t)&&t};return [Link]?[Link]=0:"number"!
=typeof [Link]&&([Link] in [Link]?
[Link]=[Link][[Link]]:[Link]=[Link]._default),null!
=[Link]&&!0!==[Link]||([Link]="fx"),[Link]=[Link],[Link]=function()
{m([Link])&&[Link](this),[Link]&&[Link](this,[Link])},r},[Link]({fadeT
o:function(e,t,n,r){return
[Link](se).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:f
unction(t,e,n,r){var i=[Link](t),o=[Link](e,n,r),a=function(){var
e=dt(this,[Link]({},t),o);(i||[Link](this,"finish"))&&[Link](!0)};return
[Link]=a,i||!1===[Link]?[Link](a):[Link]([Link],a)},stop:function(i,e,o)
{var a=function(e){var t=[Link];delete [Link],t(o)};return"string"!=typeof
i&&(o=e,e=i,i=void 0),e&&!1!==i&&[Link](i||"fx",[]),[Link](function(){var
e=!0,t=null!
=i&&i+"queueHooks",n=[Link],r=[Link](this);if(t)r[t]&&r[t].stop&&a(r[t]);else
for(t in r)r[t]&&r[t].stop&&[Link](t)&&a(r[t]);for(t=[Link];t--;)n[t].elem!
==this||null!=i&&n[t].queue!==i||(n[t].[Link](o),e=!1,[Link](t,1));!e&&o||
[Link](this,i)})},finish:function(a){return!1!
==a&&(a=a||"fx"),[Link](function(){var
e,t=[Link](this),n=t[a+"queue"],r=t[a+"queueHooks"],i=[Link],o=n?
[Link];for([Link]=!0,[Link](this,a,[]),r&&[Link]&&[Link](this,!
0),e=[Link];e--;)i[e].elem===this&&i[e].queue===a&&(i[e].[Link](!
0),[Link](e,1));for(e=0;e<o;e++)n[e]&&n[e].finish&&n[e].[Link](this);delete
[Link]})}}),[Link](["toggle","show","hide"],function(e,r){var
i=[Link][r];[Link][r]=function(e,t,n){return null==e||"boolean"==typeof e?
[Link](this,arguments):[Link](ft(r,!
0),e,t,n)}}),[Link]({slideDown:ft("show"),slideUp:ft("hide"),slideToggle:ft("toggle
"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:
{opacity:"toggle"}},function(e,r){[Link][e]=function(e,t,n){return
[Link](r,e,t,n)}}),[Link]=[],[Link]=function(){var
e,t=0,n=[Link];for(rt=[Link]();t<[Link];t++)(e=n[t])()||n[t]!==e||
[Link](t--,1);[Link]||[Link](),rt=void 0},[Link]=function(e)
{[Link](e),[Link]()},[Link]=13,[Link]=function(){it||(it=!
0,lt())},[Link]=function()
{it=null},[Link]={slow:600,fast:200,_default:400},[Link]=function(r,e)
{return r=[Link]&&[Link][r]||r,e=e||"fx",[Link](e,function(e,t){var
n=[Link](e,r);[Link]=function()
{[Link](n)}})},ot=[Link]("input"),at=[Link]("select").app
endChild([Link]("option")),[Link]="checkbox",[Link]=""!
==[Link],[Link]=[Link],
(ot=[Link]("input")).value="t",[Link]="radio",[Link]="t"===[Link]
;var ht,gt=[Link];[Link]({attr:function(e,t){return
_(this,[Link],e,t,1<[Link])},removeAttr:function(e){return
[Link](function(){[Link](this,e)})}}),[Link]({attr:function(e,t,n){var
r,i,o=[Link];if(3!==o&&8!==o&&2!==o)return"undefined"==typeof [Link]?
[Link](e,t,n):(1===o&&[Link](e)||(i=[Link][[Link]()]||
([Link](t)?ht:void 0)),void 0!==n?null===n?void
[Link](e,t):i&&"set"in i&&void 0!==(r=[Link](e,n,t))?r:
([Link](t,n+""),n):i&&"get"in i&&null!==(r=[Link](e,t))?
r:null==(r=[Link](e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!
[Link]&&"radio"===t&&A(e,"input")){var n=[Link];return
[Link]("type",t),n&&([Link]=n),t}}}},removeAttr:function(e,t){var
n,r=0,i=t&&[Link](R);if(i&&1===[Link])while(n=i[r+
+])[Link](n)}}),ht={set:function(e,t,n){return!1===t?
[Link](e,n):[Link](n,n),n}},[Link]([Link](/\w
+/g),function(e,t){var a=gt[t]||[Link];gt[t]=function(e,t,n){var
r,i,o=[Link]();return n||(i=gt[o],gt[o]=r,r=null!=a(e,t,n)?
o:null,gt[o]=i),r}});var vt=/^(?:input|select|textarea|button)$/i,yt=/^(?:a|area)
$/i;function mt(e){return([Link](R)||[]).join(" ")}function xt(e){return
[Link]&&[Link]("class")||""}function bt(e){return [Link](e)?
e:"string"==typeof e&&[Link](R)||[]}[Link]({prop:function(e,t){return
_(this,[Link],e,t,1<[Link])},removeProp:function(e){return
[Link](function(){delete this[[Link][e]||
e]})}}),[Link]({prop:function(e,t,n){var r,i,o=[Link];if(3!==o&&8!==o&&2!
==o)return 1===o&&[Link](e)||(t=[Link][t]||t,i=[Link][t]),void 0!==n?
i&&"set"in i&&void 0!==(r=[Link](e,n,t))?r:e[t]=n:i&&"get"in i&&null!
==(r=[Link](e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var
t=[Link](e,"tabindex");return t?parseInt(t,10):[Link]([Link])||
[Link]([Link])&&[Link]?0:-1}}},propFix:
{"for":"htmlFor","class":"className"}}),[Link]||
([Link]={get:function(e){var t=[Link];return
t&&[Link]&&[Link],null},set:function(e){var
t=[Link];t&&([Link],[Link]&&[Link])}}),k.e
ach(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSp
an","useMap","frameBorder","contentEditable"],function()
{[Link][[Link]()]=this}),[Link]({addClass:function(t){var
e,n,r,i,o,a,s,u=0;if(m(t))return [Link](function(e)
{k(this).addClass([Link](this,e,xt(this)))});if((e=bt(t)).length)while(n=this[u+
+])if(i=xt(n),r=1===[Link]&&" "+mt(i)+" "){a=0;while(o=e[a++])[Link](" "+o+"
")<0&&(r+=o+" ");i!==(s=mt(r))&&[Link]("class",s)}return
this},removeClass:function(t){var e,n,r,i,o,a,s,u=0;if(m(t))return
[Link](function(e){k(this).removeClass([Link](this,e,xt(this)))});if(!
[Link])return [Link]("class","");if((e=bt(t)).length)while(n=this[u+
+])if(i=xt(n),r=1===[Link]&&" "+mt(i)+" "){a=0;while(o=e[a++])while(-
1<[Link](" "+o+" "))r=[Link](" "+o+" "," ");i!
==(s=mt(r))&&[Link]("class",s)}return this},toggleClass:function(i,t){var
o=typeof i,a="string"===o||[Link](i);return"boolean"==typeof t&&a?t?
[Link](i):[Link](i):m(i)?[Link](function(e)
{k(this).toggleClass([Link](this,e,xt(this),t),t)}):[Link](function(){var
e,t,n,r;if(a){t=0,n=k(this),r=bt(i);while(e=r[t++])[Link](e)?
[Link](e):[Link](e)}else void 0!==i&&"boolean"!==o||
((e=xt(this))&&[Link](this,"__className__",e),[Link]&&[Link]("
class",e||!1===i?"":[Link](this,"__className__")||""))})},hasClass:function(e){var
t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===[Link]&&-1<(" "+mt(xt(n))+"
").indexOf(t))return!0;return!1}});var wt=/\r/g;[Link]({val:function(n){var
r,e,i,t=this[0];return [Link]?(i=m(n),[Link](function(e){var
t;1===[Link]&&(null==(t=i?[Link](this,e,k(this).val()):n)?
t="":"number"==typeof t?t+="":[Link](t)&&(t=[Link](t,function(e){return
null==e?"":e+""})),(r=[Link][[Link]]||
[Link][[Link]()])&&"set"in r&&void 0!
==[Link](this,t,"value")||([Link]=t))})):t?(r=[Link][[Link]]||
[Link][[Link]()])&&"get"in r&&void 0!==(e=[Link](t,"value"))?
e:"string"==typeof(e=[Link])?[Link](wt,""):null==e?"":e:void
0}}),[Link]({valHooks:{option:{get:function(e){var
t=[Link](e,"value");return null!=t?t:mt([Link](e))}},select:{get:function(e)
{var t,n,r,i=[Link],o=[Link],a="select-one"===[Link],s=a?null:[],u=a?
o+1:[Link];for(r=o<0?u:a?o:0;r<u;r++)if(((n=i[r]).selected||r===o)&&!
[Link]&&(![Link]||!A([Link],"optgroup")))
{if(t=k(n).val(),a)return t;[Link](t)}return s},set:function(e,t){var
n,r,i=[Link],o=[Link](t),a=[Link];while(a--)((r=i[a]).selected=-
1<[Link]([Link](r),o))&&(n=!0);return n||([Link]=-
1),o}}}}),[Link](["radio","checkbox"],function()
{[Link][this]={set:function(e,t){if([Link](t))return [Link]=-
1<[Link](k(e).val(),t)}},[Link]||([Link][this].get=function(e){return
null===[Link]("value")?"on":[Link]})}),[Link]="onfocusin"in C;var
Tt=/^(?:focusinfocus|focusoutblur)$/,Ct=function(e)
{[Link]()};[Link]([Link],{trigger:function(e,t,n,r){var
i,o,a,s,u,l,c,f,p=[n||E],d=[Link](e,"type")?[Link]:e,h=[Link](e,"namespace")?
[Link]("."):[];if(o=f=a=n=n||E,3!==[Link]&&8!==[Link]&&!
[Link](d+[Link])&&(-
1<[Link](".")&&(d=(h=[Link](".")).shift(),[Link]()),u=[Link](":")<0&&"on"+d,
(e=e[[Link]]?e:new [Link](d,"object"==typeof e&&e)).isTrigger=r?
2:3,[Link]=[Link]("."),[Link]=[Link]?new
RegExp("(^|\\.)"+[Link]("\\.(?:.*\\.|)")+"(\\.|$)"):null,[Link]=void 0,[Link]||
([Link]=n),t=null==t?[e]:[Link](t,[e]),c=[Link][d]||{},r||!
[Link]||!1!==[Link](n,t))){if(!r&&![Link]&&!x(n))
{for(s=[Link]||d,[Link](s+d)||
(o=[Link]);o;o=[Link])[Link](o),a=o;a===([Link]||
E)&&[Link]([Link]||[Link]||C)}i=0;while((o=p[i++])&&!
[Link]())f=o,[Link]=1<i?s:[Link]||d,(l=([Link](o,"events")||{})
[[Link]]&&[Link](o,"handle"))&&[Link](o,t),
(l=u&&o[u])&&[Link]&&G(o)&&([Link]=[Link](o,t),!
1===[Link]&&[Link]());return [Link]=d,r||[Link]()||
c._default&&!1!==c._default.apply([Link](),t)||!G(n)||u&&m(n[d])&&!
x(n)&&((a=n[u])&&(n[u]=null),[Link]=d,[Link]()&&[Link]
ntListener(d,Ct),n[d]
(),[Link]()&&[Link](d,Ct),[Link]=void
0,a&&(n[u]=a)),[Link]}},simulate:function(e,t,n){var r=[Link](new [Link],n,
{type:e,isSimulated:!
0});[Link](r,null,t)}}),[Link]({trigger:function(e,t){return
[Link](function(){[Link](e,t,this)})},triggerHandler:function(e,t){var
n=this[0];if(n)return [Link](e,t,n,!0)}}),[Link]||
[Link]({focus:"focusin",blur:"focusout"},function(n,r){var i=function(e)
{[Link](r,[Link],[Link](e))};[Link][r]={setup:function()
{var e=[Link]||this,t=[Link](e,r);t||[Link](n,i,!
0),[Link](e,r,(t||0)+1)},teardown:function(){var e=[Link]||
this,t=[Link](e,r)-1;t?[Link](e,r,t):([Link](n,i,!
0),[Link](e,r))}}});var
Et=[Link],kt=[Link](),St=/\?/;[Link]=function(e){var t;if(!e||"string"!
=typeof e)return null;try{t=(new
[Link]).parseFromString(e,"text/xml")}catch(e){t=void 0}return t&&!
[Link]("parsererror").length||[Link]("Invalid XML: "+e),t};var
Nt=/\[\]$/,At=/\r?\n/g,Dt=/^(?:submit|button|image|reset|file)$/i,jt=/^(?:input|
select|textarea|keygen)/i;function qt(n,e,r,i){var
t;if([Link](e))[Link](e,function(e,t){r||[Link](n)?i(n,t):qt(n+"["+
("object"==typeof t&&null!=t?e:"")+"]",t,r,i)});else if(r||"object"!
==w(e))i(n,e);else for(t in e)qt(n+"["+t+"]",e[t],r,i)}[Link]=function(e,t){var
n,r=[],i=function(e,t){var n=m(t)?t():t;r[[Link]]=encodeURIComponent(e)
+"="+encodeURIComponent(null==n?"":n)};if(null==e)return"";if([Link](e)||
[Link]&&![Link](e))[Link](e,function(){i([Link],[Link])});else
for(n in e)qt(n,e[n],t,i);return [Link]("&")},[Link]({serialize:function()
{return [Link]([Link]())},serializeArray:function(){return
[Link](function(){var e=[Link](this,"elements");return e?
[Link](e):this}).filter(function(){var e=[Link];return [Link]&&!
k(this).is(":disabled")&&[Link]([Link])&&![Link](e)&&([Link]||!
[Link](e))}).map(function(e,t){var n=k(this).val();return null==n?
null:[Link](n)?[Link](n,function(e)
{return{name:[Link],value:[Link](At,"\r\n")}}):
{name:[Link],value:[Link](At,"\r\n")}}).get()}});var Lt=/%20/g,Ht=/#.*$/,Ot=/([?
&])_=[^&]*/,Pt=/^(.*?):[ \t]*([^\r\n]*)$/gm,Rt=/^(?:GET|HEAD)
$/,Mt=/^\/\//,It={},Wt={},$t="*/".concat("*"),Ft=[Link]("a");function
Bt(o){return function(e,t){"string"!=typeof e&&(t=e,e="*");var
n,r=0,i=[Link]().match(R)||[];if(m(t))while(n=i[r++])"+"===n[0]?
(n=[Link](1)||"*",(o[n]=o[n]||[]).unshift(t)):(o[n]=o[n]||[]).push(t)}}function
_t(t,i,o,a){var s={},u=t===Wt;function l(e){var r;return s[e]=!0,[Link](t[e]||
[],function(e,t){var n=t(i,o,a);return"string"!=typeof n||u||s[n]?u?!(r=n):void 0:
([Link](n),l(n),!1)}),r}return l([Link][0])||!
s["*"]&&l("*")}function zt(e,t){var n,r,i=[Link]||{};for(n in
t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&[Link](!
0,e,r),e}[Link]=[Link],[Link]({active:0,lastModified:{},etag:{},ajaxSettings:
{url:[Link],type:"GET",isLocal:/^(?:about|app|app-storage|.+-extension|file|res|
widget):$/.test([Link]),global:!0,processData:!0,async:!
0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":
$t,text:"text/plain",html:"text/html",xml:"application/xml,
text/xml",json:"application/json, text/javascript"},contents:
{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:
{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"*
text":String,"text html":!0,"text json":[Link],"text
xml":[Link]},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?
zt(zt(e,[Link]),t):zt([Link],e)},ajaxPrefilter:Bt(It),ajaxTransport
:Bt(Wt),ajax:function(e,t){"object"==typeof e&&(t=e,e=void 0),t=t||{};var
c,f,p,n,d,r,h,g,i,o,v=[Link]({},t),y=[Link]||v,m=[Link]&&([Link]||
[Link])?k(y):[Link],x=[Link](),b=[Link]("once memory"),w=[Link]||
{},a={},s={},u="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(h)
{if(!n){n={};while(t=[Link](p))n[t[1].toLowerCase()+" "]=(n[t[1].toLowerCase()+"
"]||[]).concat(t[2])}t=n[[Link]()+" "]}return null==t?null:[Link](",
")},getAllResponseHeaders:function(){return h?
p:null},setRequestHeader:function(e,t){return
null==h&&(e=s[[Link]()]=s[[Link]()]||
e,a[e]=t),this},overrideMimeType:function(e){return
null==h&&([Link]=e),this},statusCode:function(e){var
t;if(e)if(h)[Link](e[[Link]]);else for(t in e)w[t]=[w[t],e[t]];return
this},abort:function(e){var t=e||u;return
c&&[Link](t),l(0,t),this}};if([Link](T),[Link]=((e||[Link]||[Link])
+"").replace(Mt,[Link]+"//"),[Link]=[Link]||[Link]||[Link]||
[Link],[Link]=([Link]||"*").toLowerCase().match(R)||
[""],null==[Link])
{r=[Link]("a");try{[Link]=[Link],[Link]=[Link],[Link]=[Link]+"/
/"+[Link]!=[Link]+"//"+[Link]}catch(e){[Link]=!
0}}if([Link]&&[Link]&&"string"!=typeof
[Link]&&([Link]=[Link]([Link],[Link])),_t(It,v,t,T),h)return T;for(i
in(g=[Link]&&[Link])&&0==[Link]+
+&&[Link]("ajaxStart"),[Link]=[Link](),[Link]=!
[Link]([Link]),f=[Link](Ht,""),[Link]?
[Link]&&[Link]&&0===([Link]||"").indexOf("application/x-www-form-
urlencoded")&&([Link]=[Link](Lt,"+")):
(o=[Link]([Link]),[Link]&&([Link]||"string"==typeof
[Link])&&(f+=([Link](f)?"&":"?")+[Link],delete [Link]),!
1===[Link]&&(f=[Link](Ot,"$1"),o=([Link](f)?"&":"?")+"_="+kt++
+o),[Link]=f+o),[Link]&&([Link][f]&&[Link]("If-Modified-
Since",[Link][f]),[Link][f]&&[Link]("If-None-
Match",[Link][f])),([Link]&&[Link]&&!1!==[Link]||
[Link])&&[Link]("Content-
Type",[Link]),[Link]("Accept",[Link][0]&&[Link][[Link]
pes[0]]?[Link][[Link][0]]+("*"!==[Link][0]?", "+$t+";
q=0.01":""):[Link]["*"]),[Link])[Link](i,[Link][i]);if([Link]
eSend&&(!1===[Link](y,T,v)||h))return
[Link]();if(u="abort",[Link]([Link]),[Link]([Link]),[Link]([Link]),c=_t(Wt,
v,t,T)){if([Link]=1,g&&[Link]("ajaxSend",[T,v]),h)return
T;[Link]&&0<[Link]&&(d=[Link](function()
{[Link]("timeout")},[Link]));try{h=!1,[Link](a,l)}catch(e){if(h)throw e;l(-
1,e)}}else l(-1,"No Transport");function l(e,t,n,r){var i,o,a,s,u,l=t;h||(h=!
0,d&&[Link](d),c=void 0,p=r||"",[Link]=0<e?4:0,i=200<=e&&e<300||
304===e,n&&(s=function(e,t,n){var
r,i,o,a,s=[Link],u=[Link];while("*"===u[0])[Link](),void
0===r&&(r=[Link]||[Link]("Content-Type"));if(r)for(i in
s)if(s[i]&&s[i].test(r)){[Link](i);break}if(u[0]in n)o=u[0];else{for(i in n)
{if(!u[0]||[Link][i+" "+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!
==u[0]&&[Link](o),n[o]}(v,T,n)),s=function(e,t,n,r){var
i,o,a,s,u,l={},c=[Link]();if(c[1])for(a in
[Link])l[[Link]()]=[Link][a];o=[Link]();while(o)if([Link]
elds[o]&&(n[[Link][o]]=t),!
u&&r&&[Link]&&(t=[Link](t,[Link])),u=o,o=[Link]())if("*"===o)o=u;e
lse if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o]))for(i in l)if((s=[Link](" "))
[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!
==l[i]&&(o=s[0],[Link](s[1]));break}if(!0!==a)if(a&&e["throws"])t=a(t);else
try{t=a(t)}catch(e){return{state:"parsererror",error:a?e:"No conversion from "+u+"
to "+o}}}return{state:"success",data:t}}(v,s,T,i),i?
([Link]&&((u=[Link]("Last-Modified"))&&([Link][f]=u),
(u=[Link]("etag"))&&([Link][f]=u)),204===e||"HEAD"===[Link]?
l="nocontent":304===e?l="notmodified":(l=[Link],o=[Link],i=!(a=[Link]))):(a=l,!
e&&l||(l="error",e<0&&(e=0))),[Link]=e,[Link]=(t||l)+"",i?[Link](y,
[o,l,T]):[Link](y,[T,l,a]),[Link](w),w=void
0,g&&[Link](i?"ajaxSuccess":"ajaxError",[T,v,i?o:a]),[Link](y,
[T,l]),g&&([Link]("ajaxComplete",[T,v]),--[Link]||
[Link]("ajaxStop")))}return T},getJSON:function(e,t,n){return
[Link](e,t,n,"json")},getScript:function(e,t){return [Link](e,void
0,t,"script")}}),[Link](["get","post"],function(e,i){k[i]=function(e,t,n,r){return
m(t)&&(r=r||n,n=t,t=void
0),[Link]([Link]({url:e,type:i,dataType:r,data:t,success:n},[Link](e)&&e
))}}),k._evalUrl=function(e,t){return
[Link]({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,converters:
{"text script":function(){}},dataFilter:function(e)
{[Link](e,t)}})},[Link]({wrapAll:function(e){var
t;return
this[0]&&(m(e)&&(e=[Link](this[0])),t=k(e,this[0].ownerDocument).eq(0).clone(!
0),this[0].parentNode&&[Link](this[0]),[Link](function(){var
e=this;while([Link])e=[Link];return
e}).append(this)),this},wrapInner:function(n){return m(n)?[Link](function(e)
{k(this).wrapInner([Link](this,e))}):[Link](function(){var
e=k(this),t=[Link]();[Link]?[Link](n):[Link](n)})},wrap:function(t){var
n=m(t);return [Link](function(e){k(this).wrapAll(n?
[Link](this,e):t)})},unwrap:function(e){return
[Link](e).not("body").each(function()
{k(this).replaceWith([Link])}),this}}),[Link]=function(e)
{return![Link](e)},[Link]=function(e){return!!
([Link]||[Link]||
[Link]().length)},[Link]=function(){try{return new
[Link]}catch(e){}};var
Ut={0:200,1223:204},Xt=[Link]();[Link]=!!Xt&&"withCredentials"in
Xt,[Link]=Xt=!!Xt,[Link](function(i){var o,a;if([Link]||Xt&&!
[Link])return{send:function(e,t){var
n,r=[Link]();if([Link]([Link],[Link],[Link],[Link],[Link]),[Link])for(n
in [Link])r[n]=[Link][n];for(n in
[Link]&&[Link]&&[Link]([Link]),[Link]||e["X-
Requested-With"]||(e["X-Requested-
With"]="XMLHttpRequest"),e)[Link](n,e[n]);o=function(e){return
function()
{o&&(o=a=[Link]=[Link]=[Link]=[Link]=[Link]=null,"abort"
===e?[Link]():"error"===e?"number"!=typeof [Link]?
t(0,"error"):t([Link],[Link]):t(Ut[[Link]]||[Link],[Link],"text"!
==([Link]||"text")||"string"!=typeof [Link]?{binary:[Link]}:
{text:[Link]},[Link]()))}},[Link]=o(),a=[Link]=[Link]
meout=o("error"),void 0!==[Link]?[Link]=a:[Link]=function()
{4===[Link]&&[Link](function()
{o&&a()})},o=o("abort");try{[Link]([Link]&&[Link]||null)}catch(e){if(o)throw
e}},abort:function(){o&&o()}}}),[Link](function(e)
{[Link]&&([Link]=!1)}),[Link]({accepts:
{script:"text/javascript, application/javascript, application/ecmascript,
application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:
{"text script":function(e){return
[Link](e),e}}}),[Link]("script",function(e){void
0===[Link]&&([Link]=!
1),[Link]&&([Link]="GET")}),[Link]("script",function(n){var
r,i;if([Link]||[Link])return{send:function(e,t)
{r=k("<script>").attr([Link]||
{}).prop({charset:[Link],src:[Link]}).on("load error",i=function(e)
{[Link](),i=null,e&&t("error"===[Link]?
404:200,[Link])}),[Link](r[0])},abort:function(){i&&i()}}});var
Vt,Gt=[],Yt=/(=)\?(?=&|
$)|\?\?/;[Link]({jsonp:"callback",jsonpCallback:function(){var e=[Link]()||
[Link]+"_"+kt++;return this[e]=!0,e}}),[Link]("json
jsonp",function(e,t,n){var r,i,o,a=!1!
==[Link]&&([Link]([Link])?"url":"string"==typeof
[Link]&&0===([Link]||"").indexOf("application/x-www-form-
urlencoded")&&[Link]([Link])&&"data");if(a||"jsonp"===[Link][0])return
r=[Link]=m([Link])?[Link]():[Link],a?
e[a]=e[a].replace(Yt,"$1"+r):!1!==[Link]&&([Link]+=([Link]([Link])?"&":"?")
+[Link]+"="+r),[Link]["script json"]=function(){return o||[Link](r+" was
not called"),o[0]},[Link][0]="json",i=C[r],C[r]=function()
{o=arguments},[Link](function(){void 0===i?
k(C).removeProp(r):C[r]=i,e[r]&&([Link]=[Link],[Link](r)),o&&m(i
)&&i(o[0]),o=i=void
0}),"script"}),[Link]=((Vt=[Link]("").bo
dy).innerHTML="<form></form><form></form>",2===[Link]),[Link]=fu
nction(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||
([Link]?
((r=(t=[Link]("")).createElement("base")).href=[Link]
[Link],[Link](r)):t=E),o=!n&&[],(i=[Link](e))?
[[Link](i[1])]:
(i=we([e],t,o),o&&[Link]&&k(o).remove(),[Link]([],[Link])));var
r,i,o},[Link]=function(e,t,n){var r,i,o,a=this,s=[Link](" ");return-
1<s&&(r=mt([Link](s)),e=[Link](0,s)),m(t)?(n=t,t=void 0):t&&"object"==typeof
t&&(i="POST"),0<[Link]&&[Link]({url:e,type:i||"GET",dataType:"html",data:t}).done
(function(e){o=arguments,[Link](r?
k("<div>").append([Link](e)).find(r):e)}).always(n&&function(e,t)
{[Link](function(){[Link](this,o||
[[Link],t,e])})}),this},[Link](["ajaxStart","ajaxStop","ajaxComplete","ajax
Error","ajaxSuccess","ajaxSend"],function(e,t){[Link][t]=function(e){return
[Link](t,e)}}),[Link]=function(t){return
[Link]([Link],function(e){return
t===[Link]}).length},[Link]={setOffset:function(e,t,n){var
r,i,o,a,s,u,l=[Link](e,"position"),c=k(e),f={};"static"===l&&([Link]="rela
tive"),s=[Link](),o=[Link](e,"top"),u=[Link](e,"left"),
("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?
(a=(r=[Link]()).top,i=[Link]):(a=parseFloat(o)||0,i=parseFloat(u)||
0),m(t)&&(t=[Link](e,n,[Link]({},s))),null!=[Link]&&([Link]=[Link]+a),null!
=[Link]&&([Link]=[Link]+i),"using"in t?
[Link](e,f):[Link](f)}},[Link]({offset:function(t)
{if([Link])return void 0===t?this:[Link](function(e)
{[Link](this,t,e)});var e,n,r=this[0];return r?
[Link]().length?
(e=[Link](),n=[Link],
{top:[Link]+[Link],left:[Link]+[Link]}):{top:0,left:0}:void
0},position:function(){if(this[0]){var
e,t,n,r=this[0],i={top:0,left:0};if("fixed"===[Link](r,"position"))t=[Link]
ientRect();else{t=[Link](),n=[Link],e=[Link]||
[Link];while(e&&(e===[Link]||
e===[Link])&&"static"===[Link](e,"position"))e=[Link];e&&e!
==r&&1===[Link]&&((i=k(e).offset()).top+=[Link](e,"borderTopWidth",!
0),[Link]+=[Link](e,"borderLeftWidth",!0))}return{top:[Link]-
[Link](r,"marginTop",!0),left:[Link](r,"marginLeft",!
0)}}},offsetParent:function(){return [Link](function(){var
e=[Link];while(e&&"static"===[Link](e,"position"))e=[Link];return
e||ie})}}),[Link]({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i)
{var o="pageYOffset"===i;[Link][t]=function(e){return _(this,function(e,t,n){var
r;if(x(e)?r=e:9===[Link]&&(r=[Link]),void 0===n)return r?r[i]:e[t];r?
[Link](o?[Link]:n,o?
n:[Link]):e[t]=n},t,e,[Link])}}),[Link](["top","left"],function(e,
n){[Link][n]=ze([Link],function(e,t){if(t)return t=_e(e,n),$[Link](t)?
k(e).position()[n]+"px":t})}),[Link]({Height:"height",Width:"width"},function(a,s)
{[Link]({padding:"inner"+a,content:s,"":"outer"+a},function(r,o)
{[Link][o]=function(e,t){var n=[Link]&&(r||"boolean"!=typeof e),i=r||(!
0===e||!0===t?"margin":"border");return _(this,function(e,t,n){var r;return x(e)?
0===[Link]("outer")?
e["inner"+a]:[Link]["client"+a]:9===[Link]?
(r=[Link],[Link]([Link]["scroll"+a],r["scroll"+a],[Link]["offset"+a],r
["offset"+a],r["client"+a])):void 0===n?[Link](e,t,i):[Link](e,t,n,i)},s,n?e:void
0,n)}})}),[Link]("blur focus focusin focusout resize scroll click dblclick
mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select
submit keydown keypress keyup contextmenu".split(" "),function(e,n)
{[Link][n]=function(e,t){return 0<[Link]?
[Link](n,null,e,t):[Link](n)}}),[Link]({hover:function(e,t){return
[Link](e).mouseleave(t||e)}}),[Link]({bind:function(e,t,n){return
[Link](e,null,t,n)},unbind:function(e,t){return
[Link](e,null,t)},delegate:function(e,t,n,r){return
[Link](t,e,n,r)},undelegate:function(e,t,n){return 1===[Link]?
[Link](e,"**"):[Link](t,e||"**",n)}}),[Link]=function(e,t){var
n,r,i;if("string"==typeof t&&(n=e[t],t=e,e=n),m(e))return r=[Link](arguments,2),
(i=function(){return [Link](t||
this,[Link]([Link](arguments)))}).guid=[Link]=[Link]||[Link]+
+,i},[Link]=function(e){e?[Link]++:[Link](!
0)},[Link]=[Link],[Link]=[Link],[Link]=A,[Link]=m,[Link]
Window=x,[Link]=V,[Link]=w,[Link]=[Link],[Link]=function(e){var
t=[Link](e);return("number"===t||"string"===t)&&!isNaN(e-
parseFloat(e))},"function"==typeof define&&[Link]&&define("jquery",
[],function(){return k});var Qt=[Link],Jt=C.$;return [Link]=function(e)
{return C.$===k&&(C.$=Jt),e&&[Link]===k&&([Link]=Qt),k},e||([Link]=C.
$=k),k});
//]]></script>

<b:include name='thumbnailfullwidth'/>
<b:include name='stickyheaderstyle'/>

</head>

<body>

<b:if cond='data:[Link] or data:[Link]'>

<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar' version='1'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if([Link]) {
[Link]('load',
function(){ object[attribute] = val; }, false);
} else {
[Link]('onload', function(){ object[attribute] =
val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript"
src="[Link]
<script type="text/javascript">
[Link]("[Link]:[Link]", function() {
if ([Link] && [Link]) {
[Link]().openChild({
url: '[Link]
targetBlogID\x3d2847196606705860099\x26blogName\x3dNoviani\x26publishMode\x3dPUBLIS
H_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhtt
ps://[Link]/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl
\x3d[Link]
where: [Link]("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = [Link]('script');
[Link] = 'text/javascript';
[Link] = '//[Link]/pagead/js/google_top_exp.js';
var head = [Link]('head')[0];
if (head) {
[Link](script);
}})();
</script>
</b:includable>
</b:widget>
</b:section>

<div id='header-container'>
<header id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Noviani (Header)' type='Header'
version='1'>
<b:widget-settings>
<b:widget-setting name='displayUrl'/>
<b:widget-setting name='displayHeight'>0</b:widget-setting>
<b:widget-setting name='sectionWidth'>-1</b:widget-setting>
<b:widget-setting name='useImage'>false</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
<b:widget-setting name='displayWidth'>0</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<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='"background-image: url(\"" +
data:sourceUrl + "\"); " + "background-
position: " + data:backgroundPositionStyleStr + ";
" + data:widthStyleStr +
"min-height: " + data:height + "_height:
" + data:height + "background-repeat: no-repeat;
"' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<b:if cond='data:[Link]'>
<h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0
0;height:0px;'><b:include name='title'/></h1>
</b:if>
<a expr:href='data:[Link]' style='display: block'>
<img expr:alt='data:title' expr:height='data:height'
expr:id='data:[Link] + "_headerimg"' expr:src='data:sourceUrl'
expr:width='data:width' style='display: block'/>
</a>

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
<b:if cond='data:[Link]'>
<h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0
0;height:0px;'><b:include name='title'/></h1>
</b:if>
</b:if>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:[Link]'>
<h1 class='title'><b:include name='title'/></h1>
<b:else/>
<p class='title'><b:include name='title'/></p>
</b:if>
<b:include name='description'/>
</div>
</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:[Link] == data:[Link]'>
<data:title/>
<b:else/>
<a expr:href='data:[Link]'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>

</nav>
<div class='search-icon'>
<a aria-label='Cari' href='#searchfs' title='Cari'>
<svg viewBox='0 0 24 24'>
<path d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59
14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41
11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12
7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z'/>
</svg>
</a>
</div>

</div>

<b:section class='bellow-header-widget' id='bellow-header-widget' maxwidgets='1'

showaddelement='yes'/>

<b:section class='above-post-widget' id='above-post-widget' maxwidgets='1'

showaddelement='yes'>
<b:widget id='FeaturedPost1' locked='false' title='Entri yang Diunggulkan'
type='FeaturedPost' version='1'>
<b:widget-settings>
<b:widget-setting name='showSnippet'>true</b:widget-setting>
<b:widget-setting name='showPostTitle'>true</b:widget-setting>
<b:widget-setting name='showFirstImage'>true</b:widget-setting>
<b:widget-setting name='useMostRecentPost'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<b:include name='content'/>

</b:includable>
<b:includable id='content'>
<div class='post-summary'>
<b:if cond='data:showPostTitle and data:postTitle != ""'>
<h3><a expr:href='data:postUrl'><data:postTitle/></a></h3>
</b:if>
<b:if cond='data:showSnippet and data:postSummary != ""'>
<p>
<data:postSummary/>
</p>
</b:if>
<b:if cond='data:showFirstImage and data:postFirstImage !=
""'>
<img class='lazyload image' expr:data-src='data:postFirstImage'
expr:title='data:title'
src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/>
</b:if>
</div>

<div class='latest-post-title'>
<h2><b:switch var='data:[Link]'><b:case value='id'/>Postingan
Terbaru<b:default/>Latest Posts</b:switch></h2>
</div>
</b:if>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>true</b:widget-setting>
<b:widget-setting name='[Link]'>#5b85e5</b:widget-setting>
<b:widget-setting name='showShareButtons'>false</b:widget-setting>
<b:widget-setting name='authorLabel'>Oleh</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='[Link]'>#36d1dc</b:widget-setting>
<b:widget-setting name='showAuthor'>true</b:widget-setting>
<b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
<b:widget-setting name='[Link]'>#575757</b:widget-setting>
<b:widget-setting name='[Link]'>TextAndImage</b:widget-setting>
<b:widget-setting name='[Link]'>#ffffff</b:widget-setting>
<b:widget-setting name='timestampLabel'>pada tanggal</b:widget-setting>
<b:widget-setting name='reactionsLabel'/>
<b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
<b:widget-setting name='[Link]'>1x1</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='showLocation'>false</b:widget-setting>
<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='[Link]'>#ffffff</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
<b:if cond='data:mobile == "false"'>

<b:include data='top' name='status-message'/>

<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>

<b:if cond='data:[Link] and data:[Link] ==

"true"'>
<meta expr:content='data:[Link]' property='og:image'/>
</b:if>

<b:if cond='data:[Link]'>
<b:if cond='data:[Link] == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:[Link]'>
<div class="date-outer">
</b:if>
<b:if cond='data:[Link]'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:[Link]'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:[Link]'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
<b:if cond='data:[Link]'>
<b:if cond='data:[Link]'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>

<b:if cond='data:[Link]'>
<script src='//[Link]/jsapi'/>
<script>
[Link]("annotations", "1", {"locale":
"<data:[Link]/>"});
function initialize() {
[Link](<data:[Link]/>);
[Link]();
[Link]();
}
[Link](initialize);
</script>
</b:if>

<b:else/>
<b:include name='mobile-main'/>
</b:if>

<b:if cond='data:[Link]'>
<data:[Link]/>
</b:if>

</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:[Link]'>
<a expr:href='data:[Link]' expr:title='data:[Link]'>
<img src='//[Link]/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<h4><data:[Link]/></h4>
<b:if cond='data:[Link] != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:[Link]' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:[Link]'
rel='nofollow'><data:[Link]/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:[Link]/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:[Link]/>
<data:[Link]/></span>
<span class='comment-timestamp'><data:[Link]/>
<data:[Link]/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:[Link]'
expr:id='data:[Link] + "_backlinks-create-link"'
target='_blank'><data:[Link]/></a>
</p>
</b:includable>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:[Link]'>
<b:loop values='data:posts' var='post'>
<div class='breadcrumbs' itemscope='itemscope'
itemtype='[Link]
<span itemprop='itemListElement' itemscope='itemscope'
itemtype='[Link]
<a expr:href='data:[Link]' itemprop='item'
title='Home'>
<meta content='1' itemprop='position'/>
<span itemprop='name'><b:switch var='data:[Link]'><b:case
value='id'/>Beranda<b:default/>Home</b:switch></span></a>
</span>
<b:if cond='data:[Link]'>
<b:loop index='nomor' values='data:[Link]' var='label'>
&nbsp;›&nbsp;
<span itemprop='itemListElement' itemscope='itemscope'
itemtype='[Link]
<meta expr:content='data:nomor+2' itemprop='position'/>
<a expr:href='data:[Link] + "?&max-
results=8"' expr:title='data:[Link]' itemprop='item' rel='nofollow'>
<span itemprop='name'><data:[Link]/></span>
</a>
</span>
</b:loop>
<b:else/>
&nbsp;›&nbsp; <span
itemprop='name'><data:[Link]/></span>
</b:if>
</div>
</b:loop>
<b:elseif cond='data:[Link]'/>
<div class='breadcrumbs' itemscope='itemscope'
itemtype='[Link]
<span itemprop='itemListElement' itemscope='itemscope'
itemtype='[Link]
<a expr:href='data:[Link]' itemprop='item' title='Home'>
<meta content='1' itemprop='position'/>
<span itemprop='name'><b:switch var='data:[Link]'><b:case
value='id'/>Beranda<b:default/>Home</b:switch></span></a>
</span> &nbsp;›&nbsp;
<span itemprop='itemListElement' itemscope='itemscope'
itemtype='[Link]
<meta expr:content='data:num+2' itemprop='position'/>
<a expr:href='data:[Link]' expr:title='data:[Link]'
itemprop='item'>
<span itemprop='name'><data:[Link]/></span>
</a>
</span>
</div>
</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:[Link] + "_comment-editor-toggle-
link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<div class='pesan-komentar'><data:blogCommentMessage/></div>
<data:blogTeamBlogMessage/>
<a aria-label='tulis komentar' expr:href='data:[Link] +
"&skin=contempo" + data:variantParam' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-
comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-
editor' scrolling='no' src='' style='display: none' title='Comment Form'
width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<div class='pesan-komentar'><data:blogCommentMessage/></div>
<data:blogTeamBlogMessage/>
<a aria-label='tulis komentar' expr:href='data:[Link] +
"&skin=contempo" + data:variantParam' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-
comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-
editor' scrolling='no' src='' title='Comment Form' width='100%'/>
</b:if>
<data:[Link]/>
<data:[Link]/>
<script>
BLOG_CMT_createIframe('<data:[Link]/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:[Link]'>
<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='data:[Link]'
expr:title='data:[Link]'>
<img class='lazyload' expr:alt='data:[Link]' expr:aria-
label='data:[Link]' src='//[Link]/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:[Link] == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:[Link]'
expr:data-onclick='data:[Link]' expr:data-post-url='data:[Link]'
expr:data-url='data:[Link]'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:[Link]'
expr:onclick='data:[Link]'>
<data:[Link]/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:[Link] == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:[Link]'>
<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:[Link]'>
<h3>
<b:switch var='data:[Link]'><b:case value='id'/>
<b:if cond='data:[Link] == 0'>Belum ada Komentar untuk
"<data:[Link]/>"</b:if> <b:if cond='data:[Link] > 0'>
<data:[Link]/> Komentar untuk "<data:[Link]/>" </b:if>
<b:default/>
<b:if cond='data:[Link] == 0'>0 Response to
"<data:[Link]/>"</b:if> <b:if cond='data:[Link] == 1'> 1
Response to "<data:[Link]/>" </b:if> <b:if
cond='data:[Link] > 1'> <data:[Link]/> Responses to
"<data:[Link]/>"</b:if>
</b:switch>
</h3>

<b:if cond='data:[Link]'>
<span class='paging-control-container'>
<b:if cond='data:[Link]'>
<a expr:class='data:[Link]'
expr:href='data:[Link]'><data:[Link]/></a>
 
<a expr:class='data:[Link]'
expr:href='data:[Link]'><data:[Link]/></a>
 
</b:if>

<data:[Link]/>

<b:if cond='data:[Link]'>
 
<a expr:class='data:[Link]'
expr:href='data:[Link]'><data:[Link]/></a>
 
<a expr:class='data:[Link]'
expr:href='data:[Link]'><data:[Link]/></a>
</b:if>
</span>
</b:if>
<div expr:id='data:[Link] + "_comments-block-wrapper"'>
<dl expr:class='data:[Link]' id='comments-block'>
<b:loop values='data:[Link]' var='comment'>
<dt expr:class='"comment-author " + data:[Link]'
expr:id='data:[Link]'>
<b:if cond='data:[Link]'>
<img expr:src='data:[Link]' height='16px' style='margin-
bottom:-2px;' width='16px'/>
</b:if>
<b:if cond='data:[Link]'>

</b:if>
<b:if cond='data:[Link]'>
<a expr:href='data:[Link]'
rel='nofollow'><data:[Link]/></a>
<b:else/>
<data:[Link]/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:[Link] +
data:[Link]'>
<b:if cond='data:[Link]'>
<span class='deleted-comment'><data:[Link]/></span>
<b:else/>
<p>
<data:[Link]/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:[Link]' title='comment permalink'>
<data:[Link]/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>

<b:if cond='data:[Link]'>
<span class='paging-control-container'>
<a expr:class='data:[Link]'
expr:href='data:[Link]'>
<data:[Link]/>
</a>
<a expr:class='data:[Link]'
expr:href='data:[Link]'>
<data:[Link]/>
</a>
 
<data:[Link]/>
 
<a expr:class='data:[Link]'
expr:href='data:[Link]'>
<data:[Link]/>
</a>
<a expr:class='data:[Link]'
expr:href='data:[Link]'>
<data:[Link]/>
</a>
</span>
</b:if>

</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no' title='Comment Form'>
</iframe>
</div>
</b:if>

<b:else/>

<b:if cond='data:[Link]'>
<script expr:src='data:[Link]'/>
<div class='cmt_iframe_holder' expr:data-href='data:[Link]'
expr:data-viewtype='data:[Link]'/>

</div>
</div>
<div style='clear: both;'/>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>

<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:[Link]'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>

<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:[Link] + "_blog-pager-newer-link"'
expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>

<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:[Link] + "_blog-pager-older-link"'
expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:[Link]'>
<h2 class='date-header'><span><data:[Link]/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>

<div class='post hentry uncustomized-post-template'>

<b:if cond='data:[Link]'>
<h3 class='post-title entry-title'>
<b:if cond='data:[Link]'>
<a expr:href='data:[Link]'><data:[Link]/></a>
<b:elseif cond='data:[Link] and data:[Link] != data:[Link]'/>
<a expr:href='data:[Link]'><data:[Link]/></a>
<b:else/>
<data:[Link]/>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>

<div class='post-body entry-content' expr:id='"post-body-" +

data:[Link]'>
<data:[Link]/>
<div style='clear: both;'/> 
</div>

<div class='post-footer-line post-footer-line-2'>

<b:if cond='data:[Link]'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-
button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:[Link]'>
<div class='goog-inline-block dummy-
container'><data:[Link]/></div>
</b:if>
</div>

</div>
</div>
<b:include cond='data:[Link] in
{"static_page","item"}' data='post' name='comment_picker'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:[Link] + "_blog-pager-newer-link"'
expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:[Link] + "_blog-pager-older-link"'
expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<a class='home-link' expr:href='data:[Link]'><data:homeMsg/></a>

<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<article class='post'>

<b:switch var='data:[Link]'>
<b:case value='static_page'/> 
<div>
<b:if cond='data:[Link]'>
<h1 class='post-title entry-title'>
<b:if cond='data:[Link]'>
<a expr:href='data:[Link]'><data:[Link]/></a>
<b:else/>
<b:if cond='data:[Link]'>
<b:if cond='data:[Link] != data:[Link]'>
<a expr:href='data:[Link]'><data:[Link]/></a>
<b:else/>
<data:[Link]/>
</b:if>
<b:else/>
<data:[Link]/>
</b:if>
</b:if>
</h1>
</b:if>
<div class='post-body entry-content' expr:id='"post-body-" +
data:[Link]'>
<div id='body-post-it'>
<data:[Link]/>
</div>
<div style='clear: both;'/>
</div>
</div>
<script>
if (typeof(BLOG_attachCsiOnload) != 'undefined' &&
BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] =
"templatesV1";window['blogger_blog_id'] =
'<data:[Link]/>';BLOG_attachCsiOnload(''); }
_WidgetManager._Init('//[Link]/rearrange?
blogIDx3d<data:[Link]/>','<data:[Link]/>','<data:blo
[Link]/>');
_WidgetManager._RegisterWidget('_ContactFormView', new
_WidgetInfo('ContactForm1', 'footer1', null,
[Link]('ContactForm1'),
{'contactFormMessageSendingMsg': 'Sending...',
'contactFormMessageSentMsg': 'Your message has been sent.',
'contactFormMessageNotSentMsg': 'Message could not be sent. Please try
again later.', 'contactFormInvalidEmailMsg': 'A valid email address
is required.', 'contactFormEmptyMessageMsg': 'Message field cannot
be empty.', 'title': 'Contact Form', 'blogId':
'<data:[Link]/>', 'contactFormNameMsg': 'Name',
'contactFormEmailMsg': 'Email', 'contactFormMessageMsg':
'Message', 'contactFormSendMsg': 'Send',
'submitUrl': '[Link]
'displayModeFull'));
</script>
<b:case value='item'/>

<div class='post-info info-3'>

<b:include data='post' name='postauthorinfo'/>
<b:include data='post' name='postdateinfo'/>
<b:include data='post' name='postcommentinfo'/>
<b:include data='post' name='postQuickEdit'/>
</div>

<div id='baca-juga'>
<b:loop values='data:[Link]' var='label'>
<b:if cond='data:[Link] != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:[Link]
+ "?alt=json-in-script&callback=bacajuga&max-results=5"'/>
</b:loop>
<script>
var judulbacajuga="<b:switch var='data:[Link]'><b:case
value='id'/><h2>Baca Juga:</h2><b:default/><h2>Related:</h2></b:switch>"
var jumlahbacajuga=3;
removeRelatedDuplicates();
printRelatedLabels("<data:[Link]/>");
</script>
</div>

<div class='post-body entry-content' expr:id='"post-body-" +

data:[Link]'>

<div style='clear: both;'/>

<b:include data='post' name='postauthorbox'/>

<b:include data='post' name='postsharebutton'/>

<b:include data='post' name='relatedpost'/>

</div>
</div>
<b:default/> 
<b:include data='post' name='labelsinfo'/>
<b:include data='post' name='postthumbnail'/>
<b:if cond='data:[Link]'>
<h2 class='post-title entry-title'>
<b:if cond='data:[Link]'>
<a expr:href='data:[Link]'><data:[Link]/></a>
<b:else/>
<b:if cond='data:[Link]'>
<b:if cond='data:[Link] != data:[Link]'>
<a expr:href='data:[Link]'><data:[Link]/></a>
<b:else/>
<data:[Link]/>
</b:if>
<b:else/>
<data:[Link]/>
</b:if>
</b:if>
</h2>
</b:if>

<div class='post-body entry-content' expr:id='"post-body-" +

data:[Link]'>
<div class='post-snippet'>
<b:eval expr='snippet(data:[Link], {length: 80})'/>
</div>
</div>
<div class='post-info info-1'>
<b:include data='post' name='postauthorinfo'/>
<b:include data='post' name='postdateinfo'/>
<b:include data='post' name='postcommentinfo'/>
<b:include data='post' name='postQuickEdit'/>
</div>
</b:switch>
<div style='clear: both;'/>
</article>

</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:[Link]'> 
<span expr:class='"item-control " + data:[Link]'>
<span class='edit-post'>
<a expr:href='data:[Link]' expr:title='data:[Link]'>
<em>Edit</em>
</a>
</span>
</span>
</b:if> 
</b:includable>
<b:includable id='postauthorbox' var='post'>
<b:if cond='data:[Link]'> 
<div class='author-profile'>
<b:if cond='data:[Link]'>
<img class='lazyload' expr:alt='data:[Link]' expr:data-
src='data:[Link]'
src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/>
</b:if>
<div>
<a class='g-profile' href='/' rel='author' title='author profile'>
<data:[Link]/>
</a>
</div>
<span><data:[Link]/></span>
</div>
</b:if> 
</b:includable>
<b:includable id='postauthorinfo' var='post'>
<b:if cond='data:[Link]'> 
<span class='author-info'>
<b:switch var='data:[Link]'><b:case value='id'/>Ditulis<b:default/>Written
By</b:switch>
<b:if cond='data:[Link]'>
<a class='g-profile' expr:href='data:[Link]' rel='author'
title='author profile'>
<data:[Link]/>
</a>
<b:else/>
<data:[Link]/>
</b:if>
</span>
</b:if> 
</b:includable>
<b:includable id='postcommentinfo' var='post'>
<b:if cond='data:[Link]'> 
<span class='comment-info'>
<a expr:href='data:[Link] + "#comments"'>
<b:switch var='data:[Link]'><b:case value='id'/>
<b:if cond='data:[Link] == 0'> Tulis Komentar </b:if> <b:if
cond='data:[Link] > 0'> <data:[Link]/> Komentar </b:if>
<b:default/>
<b:if cond='data:[Link] == 0'> Add Comment </b:if> <b:if
cond='data:[Link] == 1'> 1 Comment </b:if> <b:if
cond='data:[Link] > 1'> <data:[Link]/> Comments </b:if>
</b:switch>
</a>
</span>
</b:if> 
</b:includable>
<b:includable id='postdateinfo' var='post'>
<b:if cond='data:[Link]'> 
<span class='time-info'><span class='updated published'
expr:title='data:post.timestampISO8601'>
<data:[Link]/>
</span></span>
<b:else/>
<b:if cond='data:[Link]'>
<span class='time-info'><span class='updated published'
expr:title='data:post.timestampISO8601'>
<data:[Link]/>
</span></span>
</b:if>
</b:if> 
</b:includable>
<b:includable id='postlabelinfo' var='post'>
<b:if cond='data:[Link]'> 
<span class='label-info'>
<b:loop values='data:[Link]' var='label'>
<a expr:href='data:[Link]' rel='tag'><data:[Link]/></a><b:if
cond='data:[Link] != "true"'/>
</b:loop>
</span>
</b:if> 
</b:includable>
<b:includable id='postsharebutton' var='post'>
<div id='share-container'> 
<div class='label-line-c'>
<p class='share-this-pleaseeeee'><b:switch var='data:[Link]'><b:case
value='id'/>Bagikan Artikel ini<b:default/>Share this post</b:switch></p>
</div>
<div id='share'>

<a aria-label='facebook' class='facebook'
expr:href='"[Link] + data:[Link]'
rel='nofollow noopener' target='_blank' title='facebook'>
<svg viewBox='0 0 24 24'>
<path d='M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44
21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45
6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89
14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z'/>
</svg>
</a>

<a aria-label='twitter' class='twitter'
expr:href='"[Link] + data:[Link] +
"&url=" + data:[Link]' rel='nofollow noopener' target='_blank'
title='twitter'>
<svg viewBox='0 0 24 24'>
<path d='M17.71,9.33C18.19,8.93 18.75,8.45 19,7.92C18.59,8.13 18.1,8.26
17.56,8.33C18.06,7.97 18.47,7.5 18.68,6.86C18.16,7.14 17.63,7.38
16.97,7.5C15.42,5.63 11.71,7.15 12.37,9.95C9.76,9.79 8.17,8.61 6.85,7.16C6.1,8.38
6.75,10.23 7.64,10.74C7.18,10.71 6.83,10.57 6.5,10.41C6.54,11.95 7.39,12.69
8.58,13.09C8.22,13.16 7.82,13.18 7.44,13.12C7.81,14.19 8.58,14.86 9.9,15C9,15.76
7.34,16.29 6,16.08C7.15,16.81 8.46,17.39 10.28,17.31C14.69,17.11 17.64,13.95
17.71,9.33M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1
12,2Z'/>
</svg>
</a>
<a aria-label='pinterest' class='pinterest'
expr:href='"[Link] + data:[Link]
+ "&amp;media=" + data:[Link] +
"&amp;description=" + data:[Link]' rel='nofollow noopener'
target='_blank' title='pinterest'>
<svg viewBox='0 0 24 24'>
<path d='M9.04,21.54C10,21.83 10.97,22 12,22A10,10 0 0,0 22,12A10,10 0
0,0 12,2A10,10 0 0,0 2,12C2,16.25 4.67,19.9 8.44,21.34C8.35,20.56 8.26,19.27
8.44,18.38L9.59,13.44C9.59,13.44 9.3,12.86 9.3,11.94C9.3,10.56 10.16,9.53
11.14,9.53C12,9.53 12.4,10.16 12.4,10.97C12.4,11.83 11.83,13.06
11.54,14.24C11.37,15.22 12.06,16.08 13.06,16.08C14.84,16.08 16.22,14.18
16.22,11.5C16.22,9.1 14.5,7.46 12.03,7.46C9.21,7.46 7.55,9.56 7.55,11.77C7.55,12.63
7.83,13.5 8.29,14.07C8.38,14.13 8.38,14.21 8.35,14.36L8.06,15.45C8.06,15.62
7.95,15.68 7.78,15.56C6.5,15 5.76,13.18 5.76,11.71C5.76,8.55 8,5.68
12.32,5.68C15.76,5.68 18.44,8.15 18.44,11.43C18.44,14.87 16.31,17.63
13.26,17.63C12.29,17.63 11.34,17.11 11,16.5L10.33,18.87C10.1,19.73 9.47,20.88
9.04,21.57V21.54Z'/>
</svg>
</a>
<a aria-label='whatsapp' class='whatsapp'
expr:href='"[Link] +
data:[Link] + "%20%2D%20" + data:[Link]' rel='nofollow noopener'
target='_blank' title='whatsapp'>
<svg viewBox='0 0 24 24'>
<path d='M16.75,13.96C17,14.09 17.16,14.16 17.21,14.26C17.27,14.37
17.25,14.87 17,15.44C16.8,16 15.76,16.54 15.3,16.56C14.84,16.58 14.83,16.92
12.34,15.83C9.85,14.74 8.35,12.08 8.23,11.91C8.11,11.74 7.27,10.53
7.31,9.3C7.36,8.08 8,7.5 8.26,7.26C8.5,7 8.77,6.97 8.94,7H9.41C9.56,7 9.77,6.94
9.96,7.45L10.65,9.32C10.71,9.45 10.75,9.6
10.66,9.76L10.39,10.17L10,10.59C9.88,10.71 9.74,10.84 9.88,11.09C10,11.35
10.5,12.18 11.2,12.87C12.11,13.75 12.91,14.04 13.15,14.17C13.39,14.31 13.54,14.29
13.69,14.13L14.5,13.19C14.69,12.94 14.85,13 15.08,13.08L16.75,13.96M12,2A10,10 0
0,1 22,12A10,10 0 0,1 12,22C10.03,22 8.2,21.43 6.65,20.45L2,22L3.55,17.35C2.57,15.8
2,13.97 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,13.72 4.54,15.31
5.46,16.61L4.5,19.5L7.39,18.54C8.69,19.46 10.28,20 12,20A8,8 0 0,0 20,12A8,8 0 0,0
12,4Z'/>
</svg>
</a>
</div>
</div> 
</b:includable>
<b:includable id='postsubscribebox' var='post'>
<div class='berlangganan-box'> 
<form action='[Link] method='post'
onsubmit='[Link]('[Link]
uri=BlogMasSugeng', 'popupwindow',
'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<p>Berlangganan update artikel terbaru via email:</p><p><input class='email-
address' name='email' placeholder='Masukan alamat email...' type='text'/></p><input
name='uri' type='hidden' value='BlogMasSugeng'/>
<input name='loc' type='hidden' value='en_US'/>
<p><input class='submit-email' type='submit' value='Berlangganan'/></p>
</form>
</div> 

</b:includable>
<b:includable id='postthumbnail' var='post'>
<b:include name='thumbnailstyle'/>
<div class='img-thumbnail'> 
<b:if cond='data:[Link]'>
<a expr:href='data:[Link]'><img class='lazyload' expr:alt='data:[Link]'
expr:data-src='resizeImage(data:[Link], 420, "300:200")'
expr:title='data:[Link]'
src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/>
</a>
<b:elseif cond='data:[Link]'/>
<a expr:href='data:[Link]'><img class='lazyload' expr:alt='data:[Link]'
expr:data-src='resizeImage(data:[Link], 420, "300:200")'
expr:title='data:[Link]'
src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/>
</a>
<b:else/>
<a expr:href='data:[Link]'><img class='lazyload' data-
src='[Link]
aR5w9KXuWGU/XhSDNRAVuhI/AAAAAAAAHG8/dLxcaZxSgh0v85JG0mWRMQyEwqMgpL1_gCLcBGAsYHQ/w42
0-h280-c/[Link]' expr:alt='data:[Link]' expr:title='data:[Link]'
src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/>
</a>
</b:if>
</div>

</b:includable>
<b:includable id='relatedpost' var='post'> 
<div class='related-post' expr:id='"related-post-" + data:[Link]'/> 
<script>
var labelArray = [<b:if cond='data:[Link]'><b:loop values='data:[Link]'
var='label'>"<data:[Link]/>"<b:if cond='data:[Link] !=
"true"'>, </b:if></b:loop></b:if>];
var relatedPostConfig = {
homePage: "<data:[Link]/>",
widgetTitle: "<div class='label-line-c'><h4><b:switch
var='data:[Link]'><b:case value='id'/>Artikel Terkait<b:default/>Related
Posts</b:switch></h4></div>",
numPosts: 8,
titleLength: "auto",
thumbnailWidth: 159,
thumbnailHeight: 89,
noImage: "//[Link]/-
aR5w9KXuWGU/XhSDNRAVuhI/AAAAAAAAHG8/dLxcaZxSgh0v85JG0mWRMQyEwqMgpL1_gCLcBGAsYHQ/w15
9-h89-c/[Link]",
containerId: "related-post-<data:[Link]/>",
newTabLink: false,
moreText: "Read More",
widgetStyle: 3,
callBack: function() {}
};
</script> 
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:[Link]'><a class='goog-inline-block share-button
sb-email' expr:href='data:[Link] + "&target=email"'
expr:title='data:[Link]' target='_blank'><span class='share-button-link-
text'><data:[Link]/></span></a></b:if><b:if
cond='data:[Link]'><a class='goog-inline-block share-button sb-
blog' expr:href='data:[Link] + "&target=blog"'
expr:onclick='"[Link]([Link], \"_blank\",
\"height=270,width=475\"); return false;"'
expr:title='data:[Link]' target='_blank'><span class='share-button-link-
text'><data:[Link]/></span></a></b:if><b:if
cond='data:[Link]'><a class='goog-inline-block share-button sb-
twitter' expr:href='data:[Link] + "&target=twitter"'
expr:title='data:[Link]' target='_blank'><span class='share-button-
link-text'><data:[Link]/></span></a></b:if><b:if
cond='data:[Link]'><a class='goog-inline-block share-button sb-
facebook' expr:href='data:[Link] + "&target=facebook"'
expr:onclick='"[Link]([Link], \"_blank\",
\"height=430,width=640\"); return false;"'
expr:title='data:[Link]' target='_blank'><span class='share-button-
link-text'><data:[Link]/></span></a></b:if><b:if
cond='data:[Link]'><a class='goog-inline-block share-button sb-orkut'
expr:href='data:[Link] + "&target=orkut"'
expr:title='data:[Link]' target='_blank'><span class='share-button-
link-text'><data:[Link]/></span></a></b:if><b:if
cond='data:[Link]'><div class='goog-inline-block dummy-
container'><data:[Link]/></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'>
<b:if cond='data:mobile'>
<div class='pesan-komentar'><data:blogCommentMessage/></div>
<data:blogTeamBlogMessage/>
<a aria-label='tulis komentar' expr:href='data:[Link] +
"&skin=contempo" + data:variantParam' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-
comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-
editor' scrolling='no' src='' style='display: none' title='Comment Form'
width='100%'/>
<b:else/>
<div class='pesan-komentar'><data:blogCommentMessage/></div>
<data:blogTeamBlogMessage/>
<a aria-label='tulis komentar' expr:href='data:[Link] +
"&skin=contempo" + data:variantParam' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-
comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-
editor' scrolling='no' src='' title='Comment Form' width='100%'/>
</b:if>
<data:[Link]/>
<data:[Link]/>
<script>
BLOG_CMT_createIframe('<data:[Link]/>',
'<data:[Link]/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:[Link]'/>

// <![CDATA[
var cursor = null;
if (items && [Link] > 0) {
cursor = parseInt(items[[Link] - 1].timestamp) + 1;
}

var bodyFromEntry = function(entry) {

if ([Link]$extendedProperty) {
for (var k in [Link]$extendedProperty) {
if ([Link]$extendedProperty[k].name == '[Link]') {
return '<span class="deleted-comment">' + [Link].$t +
'</span>';
}
}
}
return [Link].$t;
}

var parse = function(data) {

cursor = null;
var comments = [];
if (data && [Link] && [Link]) {
for (var i = 0, entry; entry = [Link][i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec([Link].$t);
[Link] = id ? id[2] : null;
[Link] = bodyFromEntry(entry);
[Link] = [Link]([Link].$t) + '';
if ([Link] && [Link] === Array) {
var auth = [Link][0];
if (auth) {
[Link] = {
name: ([Link] ? [Link].$t : undefined),
profileUrl: ([Link] ? [Link].$t : undefined),
avatarUrl: ([Link]$image ? [Link]$[Link] : undefined)
};
}
}
if ([Link]) {
if ([Link][2]) {
[Link] = [Link] = [Link][2].href;
}
if ([Link][3]) {
var pid =
/.*comments\/default\/(\d+)\?.*/.exec([Link][3].href);
if (pid && pid[1]) {
[Link] = pid[1];
}
}
}
[Link] = 'item-control blog-admin';
if ([Link]$extendedProperty) {
for (var k in [Link]$extendedProperty) {
if ([Link]$extendedProperty[k].name == '[Link]') {
[Link] += ' ' + [Link]$extendedProperty[k].value;
} else if ([Link]$extendedProperty[k].name ==
'[Link]') {
[Link] = [Link]$extendedProperty[k].value;
}
}
}
[Link](comment);
}
}
return comments;
};

var paginator = function(callback) {

if (hasMore()) {
var url = [Link] + '?
alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
[Link] = function(data) {
var parsed = parse(data);
cursor = [Link] < 50 ? null
: parseInt(parsed[[Link] - 1].timestamp) + 1
callback(parsed);
[Link] = null;
}
url += '&callback=bloggercomments';
var script = [Link]('script');
[Link] = 'text/javascript';
[Link] = url;
[Link]('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !![Link]
&& [Link] == [Link]
&& [Link] == [Link];
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return [Link] + '/delete-comment.g?blogID='
+ [Link] + '&postID=' + [Link];
} else if ('deleteclass' == key) {
return [Link];
}
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 = [Link]('comment-editor');
if (replybox != null) {
[Link] = '250px';
[Link] = 'block';
replyUrlParts = [Link]('#');
}
}
if (replybox && (commentId !== replyParent)) {
[Link](domId).insertBefore([Link], null);
[Link] = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};

var hash = ([Link] || '#').substring(1);

var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = [Link]('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = [Link](1);
}

// Configure commenting API:

var configJso = {
'maxDepth': [Link]
};
var provider = {
'id': [Link],
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};

var render = function() {

if ([Link] && [Link]) {
var holder = [Link]('comment-holder');
[Link](holder, provider);
}
};

// render now, or queue to render when library loads:

if ([Link] && [Link]) {
render();
} else {
[Link] = [Link] || {};
[Link] = [Link] || {};
[Link] = [Link] || [];
[Link](render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<h3>
<b:switch var='data:[Link]'><b:case value='id'/>
<b:if cond='data:[Link] == 0'>Belum ada Komentar untuk
"<data:[Link]/>"</b:if> <b:if cond='data:[Link] > 0'>
<data:[Link]/> Komentar untuk "<data:[Link]/>" </b:if>
<b:default/>
<b:if cond='data:[Link] == 0'>0 Response to
"<data:[Link]/>"</b:if> <b:if cond='data:[Link] == 1'> 1
Response to "<data:[Link]/>" </b:if> <b:if
cond='data:[Link] > 1'> <data:[Link]/> Responses to
"<data:[Link]/>"</b:if>
</b:switch>
</h3>

<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no' title='Comment Form'>
</iframe>
</div>
</b:if>

</b:includable>
</b:widget>
</b:section>
<b:section class='iklan-tengah1' id='iklan-tengah1' maxwidgets='1'
showaddelement='yes'>
<b:widget id='HTML997' locked='true' title='Iklan Tengah Artikel 1'
type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

</b:includable>
</b:widget>
</b:section>
<b:section class='iklan-tengah2' id='iklan-tengah2' maxwidgets='1'
showaddelement='yes'>
<b:widget id='HTML998' locked='true' title='Iklan Tengah Artikel 2' type='HTML'
version='1'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

</b:includable>
</b:widget>
</b:section>
<b:section class='iklan-bawah' id='iklan-bawah' maxwidgets='1'
showaddelement='yes'>
<b:widget id='HTML999' locked='true' title='Iklan Bawah Artikel' type='HTML'
version='1'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

</b:includable>
</b:widget>
</b:section>
</b:if>

<b:if cond='data:[Link]'>
<script>
var artikel=[Link]("body-post-
it"),paragraf=[Link]("div > br, span >
br"),tengahArtikel=[Link](.2*[Link]),tengahArtikel2=[Link](.5*p
[Link]),tengahArtikel3=[Link](.7*[Link]),iklan=[Link]
lector("#iklan-tengah1 .widget-
content"),iklan2=[Link]("#iklan-tengah2 .widget-
content"),iklanAtas=[Link]("#iklan-atas .widget-
content"),iklanBawah=[Link]("#iklan-bawah .widget-
content"),bacajuga=[Link]("baca-
juga"),customParagraf=[Link]("iklan1"),customParagr
af2=[Link]("iklan2"),customParagraf3=[Link]
ById("related");function insertAfter(a,e)
{[Link](a,[Link])}null!
=iklanAtas&&"\n"!
=[Link]&&[Link](iklanAtas,[Link][0])
,null!=iklanBawah&&"\n"!
=[Link]&&[Link](iklanBawah),0<[Link]
?(null!=iklan&&"\n"!
=[Link]&&insertAfter(iklan,null!==customParagraf?
customParagraf:paragraf[tengahArtikel]),null!=iklan2&&"\n"!
=[Link]&&insertAfter(iklan2,null!==customParagraf2?
customParagraf2:paragraf[tengahArtikel2]),insertAfter(bacajuga,null!
==customParagraf3?customParagraf3:paragraf[tengahArtikel3])):
([Link]="",[Link]="",[Link]=&quo
t;");
</script>
</b:if>
</div>

</div>

<aside id='sidebar-wrapper'>
<div class='sidebar-container'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label2' locked='false' title='Label' type='Label' version='1'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>LIST</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-
widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:[Link] == data:[Link]'>
<span
expr:dir='data:[Link]'><data:[Link]/></span>
<b:else/>
<a expr:dir='data:[Link]'
expr:href='data:[Link]'><data:[Link]/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:[Link]/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:[Link]'>
<b:if cond='data:[Link] == data:[Link]'>
<span expr:dir='data:[Link]'><data:[Link]/></span>
<b:else/>
<a expr:dir='data:[Link]'
expr:href='data:[Link]'><data:[Link]/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:[Link]/>)</span>
</b:if>
</span>
</b:loop>
</b:if>

</div>
</b:includable>
</b:widget>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'>
<b:includable id='main'>
<div class='widget-content'>
<data:adCode/>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='AdSense2' locked='false' title='' type='AdSense'>
<b:includable id='main'>
<div class='widget-content'>
<data:adCode/>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget cond='data:[Link] and data:posts any (p => [Link] !=
data:[Link])' id='PopularPosts1' locked='false' title='' type='PopularPosts'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>3</b:widget-setting>
<b:widget-setting name='showThumbnails'>true</b:widget-setting>
<b:widget-setting name='showSnippets'>true</b:widget-setting>
<b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='!data:showThumbnails'>
<b:if cond='!data:showSnippets'>

<a expr:href='data:[Link]'><data:[Link]/></a>
<b:else/>

<div class='item-title'><a
expr:href='data:[Link]'><data:[Link]/></a></div>
<div class='item-snippet'><data:[Link]/></div>
</b:if>
<b:else/>

<div expr:class='data:showSnippets ? "item-content" :
"item-thumbnail-only"'>
<b:if cond='data:[Link] or
data:[Link]'>
<div class='item-thumbnail'>
<a expr:href='data:[Link]' target='_blank'>
<b:with value='data:[Link]
? resizeImage(data:[Link], 72, "1:1")
: data:[Link]' var='image'>
<img alt='' border='0' expr:src='data:image'/>
</b:with>
</a>
</div>
</b:if>
<div class='item-title'><a
expr:href='data:[Link]'><data:[Link]/></a></div>
<b:if cond='data:showSnippets'>
<div class='item-snippet'><data:[Link]/></div>
</b:if>
</div>
<div style='clear: both;'/>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='sidebar-sticky' id='sidebar-sticky' preferred='yes'>
<b:widget id='PopularPosts2' locked='false' title='Postingan Populer'
type='PopularPosts' version='1'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>4</b:widget-setting>
<b:widget-setting name='showThumbnails'>true</b:widget-setting>
<b:widget-setting name='showSnippets'>false</b:widget-setting>
<b:widget-setting name='timeRange'>LAST_MONTH</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='!data:showThumbnails'>
<b:if cond='!data:showSnippets'>

<a expr:href='data:[Link]'><data:[Link]/></a>
<b:else/>

<div class='item-title'><a
expr:href='data:[Link]'><data:[Link]/></a></div>
<div class='item-snippet'><data:[Link]/></div>
</b:if>
<b:else/>

<div expr:class='data:showSnippets ? "item-content" :
"item-thumbnail-only"'>
<b:if cond='data:[Link] or
data:[Link]'>
<div class='item-thumbnail'>
<a expr:href='data:[Link]' target='_blank'>
<b:with value='data:[Link]
? resizeImage(data:[Link], 72, "1:1")
: data:[Link]' var='image'>
<img class='lazyload' expr:alt='data:[Link]' expr:data-
src='data:image'
src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/>
</b:with>
</a>
</div>
</b:if>
<div class='item-title'><a
expr:href='data:[Link]'><data:[Link]/></a></div>
<b:if cond='data:showSnippets'>
<div class='item-snippet'><data:[Link]/></div>
</b:if>
</div>
<div style='clear: both;'/>
</b:if>
</li>
</b:loop>
</ul>

</div>
</b:includable>
</b:widget>
</b:section>
</div>
</aside>

</ul>

</div>
</div>

<ul>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Privacy Policy</a></li>
<li><a href='#'>Disclaimer</a></li>
</ul>

</nav>
</div>

<div id='footer-container'>
<footer id='footer-wrapper'>
Copyright 2020 <a
expr:href='data:[Link]'><data:[Link]/></a>
</footer>
</div>

<b:if cond='data:[Link]'>
<script>
//<![CDATA[
if(relatedPosts==1){
var randomRelatedIndex,showRelatedPost;!function(e,a,l){var
g={widgetTitle:"<h4>Artikel
Terkait:</h4>",widgetStyle:3,homePage:"[Link]
gth:0,titleLength:"auto",thumbnailWidth:159,thumbnailHeight:89,noImage:"data:image/
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElE
QVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:!
1,moreText:"Baca Selengkapnya",callBack:function(){}};for(var t in
relatedPostConfig)g[t]="undefined"==relatedPostConfig[t]?
g[t]:relatedPostConfig[t];var r=function(e){var
t=[Link]("script");[Link]="text/javascript",[Link]=e,[Link](t)},A=fu
nction(e){var t,a,l=[Link];if(0===l)return!1;for(;--
l;)t=[Link]([Link]()*(l+1)),a=e[l],e[l]=e[t],e[t]=a;return
e},i="object"==typeof labelArray&&0<[Link]?"/-/"+A(labelArray)
[0]:"";randomRelatedIndex=function(e){var t,a,l=[Link]$totalResults.$t-
[Link],n=(t=1,a=0<l?l:1,[Link]([Link]()*(a-t+1))
+t);r([Link](/\/$/,"")+"/feeds/posts/summary"+i+"?alt=json-in-
script&orderby=updated&start-index="+n+"&max-
results="+[Link]+"&callback=showRelatedPost")},showRelatedPost=function(e){var
t,a,l,n,r=[Link]([Link]),i=A([Link]),s=[Link],
o=[Link]+'<ul class="related-post-style-'+s+'">',d=[Link]?'
target="_blank"':"",m='<span style="display:block;clear:both;"></span>';if(r)
{for(var h=0;h<[Link]&&h!=[Link];h++){a=i[h].title.$t,l="auto"!
==[Link]&&[Link]<[Link]?[Link](0,[Link])
+"…":a,n="media$thumbnail"in i[h]&&!1!==[Link]?
i[h].media$[Link](/.*?:\/\//g,"//").replace(/\/s[0-9]+(\-
c)?/,"/w"+[Link]+"-h"+[Link]+"-c"):[Link],"summary"in
i[h]&&0<[Link]&&i[h].summary.$[Link](/<br ?\/?>/g," ").replace(/<.*?
>/g,"").replace(/[<>]/g,"").substring(0,[Link]);for(var
c=0,u=i[h].[Link];c<u;c++)t="alternate"==i[h].link[c].rel?
i[h].link[c].href:"#";3==s&&(o+='<li class="related-post-item" tabindex="0"><a
class="related-post-item-title" aria-label="related post" href="'+t+'"'+d+'><img
alt="'+a+'" class="lazyload related-post-item-thumbnail" data-src="'+n+'"
width="'+[Link]+'" height="'+[Link]+'"></a><div
class="related-post-item-tooltip"><a class="related-post-item-title" title="'+a+'"
href="'+t+'"'+d+">"+l+"</a></div>"+m+"</li>")}[Link]=o+="</ul>"+m,[Link]()
}},r([Link](/\/$/,"")+"/feeds/posts/summary"+i+"?alt=json-in-
script&orderby=updated&max-results=0&callback=randomRelatedIndex")}
(window,document,[Link]("head")[0]);
};
//]]>
</script>
</b:if>

<b:if cond='data:[Link] == "false"'>

<b:if cond='data:[Link]'>

<script>
var perPage=8;
var numPages=6;
var firstText ='<b:switch var='data:[Link]'><b:case
value='id'/>Pertama<b:default/>First</b:switch>';
var lastText ='<b:switch var='data:[Link]'><b:case
value='id'/>Terakhir<b:default/>Last</b:switch>';
var prevText ='› <b:switch var='data:[Link]'><b:case
value='id'/>Sebelumnya<b:default/>Prev</b:switch>';
var nextText ='<b:switch var='data:[Link]'><b:case
value='id'/>Selanjutnya<b:default/>Next</b:switch> ›';
var urlactivepage=[Link];
var home_page="/";
</script>
<script>
//<![CDATA[
if(numberedPagination==1){
if(typeof firstText=="undefined")firstText="First";if(typeof
lastText=="undefined")lastText="Last";var noPage;var currentPage;var
currentPageNo;var postLabel;pagecurrentg();function looppagecurrentg(pageInfo){var
html='';pageNumber=parseInt(numPages/2);if(pageNumber==numPages-pageNumber)
{numPages=pageNumber*2+1}pageStart=currentPageNo-
pageNumber;if(pageStart<1)pageStart=1;lastPageNo=parseInt(pageInfo/perPage)
+1;if(lastPageNo-1==pageInfo/perPage)lastPageNo=lastPageNo-
1;pageEnd=pageStart+numPages-
1;if(pageEnd>lastPageNo)pageEnd=lastPageNo;html+="<span class='showpageOf'>Page
"+currentPageNo+' of '+lastPageNo+"</span>";var prevNumber=parseInt(currentPageNo)-
1;if(currentPageNo>1){if(currentPage=="page"){html+='<span class="showpage
firstpage"><a href="'+home_page+'">'+firstText+'</a></span>'}else{html+='<span
class="displaypageNum firstpage"><a href="/search/label/'+postLabel+'?&max-
results='+perPage+'">'+firstText+'</a></span>'}}if(currentPageNo>2)
{if(currentPageNo==3){if(currentPage=="page"){html+='<span class="showpage"><a
href="'+home_page+'">'+prevText+'</a></span>'}else{html+='<span
class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-
results='+perPage+'">'+prevText+'</a></span>'}}else{if(currentPage=="page")
{html+='<span class="displaypageNum"><a href="#"
onclick="redirectpage('+prevNumber+');return
false">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a
href="#" onclick="redirectlabel('+prevNumber+');return
false">'+prevText+'</a></span>'}}}if(pageStart>1){if(currentPage=="page")
{html+='<span class="displaypageNum"><a
href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a
href="/search/label/'+postLabel+'?&max-
results='+perPage+'">1</a></span>'}}if(pageStart>2){html+=' ... '}for(var
jj=pageStart;jj<=pageEnd;jj++){if(currentPageNo==jj){html+='<span
class="pagecurrent">'+jj+'</span>'}else if(jj==1){if(currentPage=="page")
{html+='<span class="displaypageNum"><a
href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a
href="/search/label/'+postLabel+'?&max-
results='+perPage+'">1</a></span>'}}else{if(currentPage=="page"){html+='<span
class="displaypageNum"><a href="#" onclick="redirectpage('+jj+');return
false">'+jj+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#"
onclick="redirectlabel('+jj+');return
false">'+jj+'</a></span>'}}}if(pageEnd<lastPageNo-1)
{html+='...'}if(pageEnd<lastPageNo){if(currentPage=="page"){html+='<span
class="displaypageNum"><a href="#" onclick="redirectpage('+lastPageNo+');return
false">'+lastPageNo+'</a></span>'}else{html+='<span class="displaypageNum"><a
href="#" onclick="redirectlabel('+lastPageNo+');return
false">'+lastPageNo+'</a></span>'}}var nextnumber=parseInt(currentPageNo)
+1;if(currentPageNo<(lastPageNo-1)){if(currentPage=="page"){html+='<span
class="displaypageNum"><a href="#" onclick="redirectpage('+nextnumber+');return
false">'+nextText+'</a></span>'}else{html+='<span class="displaypageNum"><a
href="#" onclick="redirectlabel('+nextnumber+');return
false">'+nextText+'</a></span>'}}if(currentPageNo<lastPageNo)
{if(currentPage=="page"){html+='<span class="displaypageNum lastpage"><a href="#"
onclick="redirectpage('+lastPageNo+');return
false">'+lastText+'</a></span>'}else{html+='<span class="displaypageNum
lastpage"><a href="#" onclick="redirectlabel('+lastPageNo+');return
false">'+lastText+'</a></span>'}}var
pageArea=[Link]("pageArea");var
blogPager=[Link]("blog-pager");for(var p=0;p<[Link];p++)
{pageArea[p].innerHTML=html}if(pageArea&&[Link]>0){html=''}if(blogPager)
{[Link]=html}}function totalcountdata(root){var feed=[Link];var
totaldata=parseInt([Link]$totalResults.
$t,10);looppagecurrentg(totaldata)}function pagecurrentg(){var
thisUrl=urlactivepage;if([Link]("/search/label/")!=-1)
{if([Link]("?updated-max")!=-1)
{postLabel=[Link]([Link]("/search/label/")
+14,[Link]("?updated-
max"))}else{postLabel=[Link]([Link]("/search/label/")
+14,[Link]("?&max"))}}if([Link]("?q=")==-
1&&[Link](".html")==-1){if([Link]("/search/label/")==-1)
{currentPage="page";if([Link]("#PageNo=")!=-1)
{currentPageNo=[Link]([Link]("#PageNo=")
+8,[Link])}else{currentPageNo=1}[Link]("<script
src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-
script&callback=totalcountdata\"><\/script>")}else{currentPage="label";if(thisUrl.i
ndexOf("&max-results=")==-1){perPage=20}if([Link]("#PageNo=")!=-1)
{currentPageNo=[Link]([Link]("#PageNo=")
+8,[Link])}else{currentPageNo=1}[Link]('<script
src="'+home_page+'feeds/posts/summary/-/'+postLabel+'?alt=json-in-
script&callback=totalcountdata&max-results=1" ><\/script>')}}}function
redirectpage(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var
nameBody=[Link]('head')[0];var
newInclude=[Link]('script');[Link]='text/javascript';newIn
[Link]("src",home_page+"feeds/posts/summary?start-
index="+jsonstart+"&max-results=1&alt=json-in-
script&callback=finddatepost");[Link](newInclude)}function
redirectlabel(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var
nameBody=[Link]('head')[0];var
newInclude=[Link]('script');[Link]='text/javascript';newIn
[Link]("src",home_page+"feeds/posts/summary/-/"+postLabel+"?start-
index="+jsonstart+"&max-results=1&alt=json-in-
script&callback=finddatepost");[Link](newInclude)}function
finddatepost(root){post=[Link][0];var timestamp1=[Link].
$[Link](0,19)+[Link].$[Link](23,29);var
timestamp=encodeURIComponent(timestamp1);if(currentPage=="page"){var
pAddress="/search?updated-max="+timestamp+"&max-
results="+perPage+"#PageNo="+noPage}else{var pAddress="/search/label/"+postLabel+"?
updated-max="+timestamp+"&max-
results="+perPage+"#PageNo="+noPage}[Link]=pAddress}
};
//]]>
</script>
</b:if>
</b:if>

<b:defaultmarkups>
<b:defaultmarkup type='Common'>
<b:includable id='thumbnailstyle'>
<style>
.info-1, [Link]-title, .post-snippet {
margin-left: 275px;
}
@media only screen and (max-width:480px) {
.info-1, [Link]-title, .post-snippet {
margin-left: 0px;
}
}
</style>
</b:includable>
<b:includable id='stickyheaderstyle'>
<style>
#header-container {
position: fixed !important;
}
</style>
</b:includable>
<b:includable id='thumbnailnormal'>
<style>
@media only screen and (max-width:480px){
.img-thumbnail {
width: 90px;
height: 60px;
float: right;
margin: 3px 0 10px 10px;
}
}
</style>
</b:includable>
<b:includable id='thumbnailfullwidth'>
<style>
@media only screen and (max-width:480px){
.img-thumbnail {
width: 100%;
margin: 0px 0px 15px;
height: 160px;
position: relative;
overflow: hidden;
}
.img-thumbnail img {
width: 100%;
height: auto;
position: absolute;
top: -100%;
left: 0;
right: 0;
bottom: -100%;
margin: auto;
}
[Link]-title {
display: inline;
}
}
@media only screen and (max-width: 300px) {
.img-thumbnail {
height: 130px;
}
}
</style>
</b:includable>
</b:defaultmarkup>
</b:defaultmarkups>

</body>
</html>

Blogger Template Style Guide
No ratings yet
Blogger Template Style Guide
156 pages
Templet Blog
No ratings yet
Templet Blog
111 pages
Theme Curent-Grn 663643
No ratings yet
Theme Curent-Grn 663643
229 pages
XML Latihan
No ratings yet
XML Latihan
216 pages
Blogger Template Customization
No ratings yet
Blogger Template Customization
101 pages
Blogger Theme Code
No ratings yet
Blogger Theme Code
221 pages
XML Version Blog Budi
No ratings yet
XML Version Blog Budi
20 pages
Evo Magz V2.5
No ratings yet
Evo Magz V2.5
83 pages
Untitled Rifatgtf 1
No ratings yet
Untitled Rifatgtf 1
76 pages
Xmlns XMLNS:B Xmlns:Data Xmlns:Expr: 2 V2 Data:Blog - Languagedirection
No ratings yet
Xmlns XMLNS:B Xmlns:Data Xmlns:Expr: 2 V2 Data:Blog - Languagedirection
26 pages
Datacol Email Parser Guide
No ratings yet
Datacol Email Parser Guide
40 pages
Jettheme v2
No ratings yet
Jettheme v2
57 pages
Bolt Blogger Template
No ratings yet
Bolt Blogger Template
383 pages
Backup Template Blogspot Edukratif News - Original + Views Post
No ratings yet
Backup Template Blogspot Edukratif News - Original + Views Post
132 pages
O365 Free XML
No ratings yet
O365 Free XML
94 pages
Apkium Blogger v1.0.1
No ratings yet
Apkium Blogger v1.0.1
118 pages
Theme-4282939346066188998
No ratings yet
Theme-4282939346066188998
110 pages
Template
No ratings yet
Template
18 pages
Template Blog Lama
No ratings yet
Template Blog Lama
49 pages
MTs Nurul Huda Dempet Demak Site
No ratings yet
MTs Nurul Huda Dempet Demak Site
106 pages
Template Blogspot
No ratings yet
Template Blogspot
36 pages
قالب خام
No ratings yet
قالب خام
76 pages
Modul Css Komponen
No ratings yet
Modul Css Komponen
4 pages
Travel Blogger Template Design
No ratings yet
Travel Blogger Template Design
15 pages
Ros New 1
No ratings yet
Ros New 1
49 pages
XML Version
No ratings yet
XML Version
47 pages
Ssss
No ratings yet
Ssss
42 pages
Blogger Template Style Guide
No ratings yet
Blogger Template Style Guide
18 pages
Template Viva
No ratings yet
Template Viva
305 pages
Default
No ratings yet
Default
116 pages
Vienna Lite 2 Responsive Blogger Template
No ratings yet
Vienna Lite 2 Responsive Blogger Template
11 pages
Minima Stylo Reposnive Blogger Template V1
No ratings yet
Minima Stylo Reposnive Blogger Template V1
61 pages
ClassLink Access for PUSD Users
No ratings yet
ClassLink Access for PUSD Users
81 pages
HTML NasiLemak
No ratings yet
HTML NasiLemak
5 pages
Template
No ratings yet
Template
2 pages
Ra Penajam Paser Uta
No ratings yet
Ra Penajam Paser Uta
267 pages
Klik Rancangan (Tata Letak) 3. Klik Edit HTML 4 Cari Kode) ) 5. Letakkan Kode Dibawah Ini, Diatas Kode No 4 Tadi
No ratings yet
Klik Rancangan (Tata Letak) 3. Klik Edit HTML 4 Cari Kode) ) 5. Letakkan Kode Dibawah Ini, Diatas Kode No 4 Tadi
9 pages
News Plus
No ratings yet
News Plus
80 pages
Langkah-Langkah Memasang Menu Drop Down Keren Di Blog
No ratings yet
Langkah-Langkah Memasang Menu Drop Down Keren Di Blog
4 pages
Coding HTML
No ratings yet
Coding HTML
14 pages
Rapid Last
No ratings yet
Rapid Last
147 pages
Simple BioLink
No ratings yet
Simple BioLink
5 pages
Modul Bootstrap Dengan CodeIgniter
No ratings yet
Modul Bootstrap Dengan CodeIgniter
15 pages
Lang Charset Content Name Content Name Content Name Content Rel Type Sizes Href
No ratings yet
Lang Charset Content Name Content Name Content Name Content Rel Type Sizes Href
3 pages
Theme 5024191906309451839
No ratings yet
Theme 5024191906309451839
162 pages
Bab Iv
No ratings yet
Bab Iv
44 pages
Folio
No ratings yet
Folio
264 pages
JetTheme Template Settings
No ratings yet
JetTheme Template Settings
45 pages
Website Code
No ratings yet
Website Code
67 pages
Own Customized Website
No ratings yet
Own Customized Website
77 pages
Webku
No ratings yet
Webku
94 pages
Templat Ku
No ratings yet
Templat Ku
57 pages
XML Version Blog Lama Latihan
No ratings yet
XML Version Blog Lama Latihan
170 pages
Maths Class
No ratings yet
Maths Class
80 pages
Văn Hóa 247: Tin Tức Văn Hóa
No ratings yet
Văn Hóa 247: Tin Tức Văn Hóa
116 pages
Instagram-Like Blogger Template
No ratings yet
Instagram-Like Blogger Template
93 pages
Código Template Modificado
No ratings yet
Código Template Modificado
114 pages
10 Basic Exterior Design Principles
No ratings yet
10 Basic Exterior Design Principles
2 pages
Lynda
No ratings yet
Lynda
1 page
Timeline DarkSkin
No ratings yet
Timeline DarkSkin
1 page
Soal 1: Menghitung RAV
No ratings yet
Soal 1: Menghitung RAV
8 pages
(GRATIS) Trik Halaman 1 Google Tanpa Web Tanpa Artikel
No ratings yet
(GRATIS) Trik Halaman 1 Google Tanpa Web Tanpa Artikel
1 page
D. Menghitung Gaya Normal: Interval A-E (0m X 22,1m) Pandang Kiri NX - Rah - (67.0,743) - 44,22 KN
No ratings yet
D. Menghitung Gaya Normal: Interval A-E (0m X 22,1m) Pandang Kiri NX - Rah - (67.0,743) - 44,22 KN
1 page
Objective Questions and Answers MCQs
No ratings yet
Objective Questions and Answers MCQs
31 pages
SE Lab Manual 3rd Sem
No ratings yet
SE Lab Manual 3rd Sem
66 pages
CV Karthikeyan Shanmugam AWS DevOps
No ratings yet
CV Karthikeyan Shanmugam AWS DevOps
2 pages
Lesson 4 - Strings (Classroom
No ratings yet
Lesson 4 - Strings (Classroom
97 pages
Intro to Computing & Programming
No ratings yet
Intro to Computing & Programming
16 pages
SNIST - FSD - 36Hrs Schedule
No ratings yet
SNIST - FSD - 36Hrs Schedule
5 pages
Mastering C 2nd Edition Venugopal Instant Download
No ratings yet
Mastering C 2nd Edition Venugopal Instant Download
85 pages
Asset-V1 LinuxFoundationX+LFS101x+2T2021+Type@Asset+Block@LFS101x Course Syllabus 2021
No ratings yet
Asset-V1 LinuxFoundationX+LFS101x+2T2021+Type@Asset+Block@LFS101x Course Syllabus 2021
11 pages
SOLID Principles
No ratings yet
SOLID Principles
2 pages
Kaprekar Number
No ratings yet
Kaprekar Number
107 pages
Lec6 - SemanticAnalysis 3
No ratings yet
Lec6 - SemanticAnalysis 3
38 pages
Openbullet - Guide1.pdf 1 12
100% (7)
Openbullet - Guide1.pdf 1 12
12 pages
CANoe CAPLFunctionsManual PDF
83% (12)
CANoe CAPLFunctionsManual PDF
2,092 pages
Lab 4
No ratings yet
Lab 4
2 pages
WBXBW B Solution-Guide
No ratings yet
WBXBW B Solution-Guide
158 pages
React JS Basics and Installation Guide
No ratings yet
React JS Basics and Installation Guide
4 pages
After Mids Formal Methods Topic Wise Mcqs
No ratings yet
After Mids Formal Methods Topic Wise Mcqs
3 pages
Karthik Rajan ATS Resume
No ratings yet
Karthik Rajan ATS Resume
1 page
Basic Overview and Trouble Shooting of SAP FQEVENT... - SAP Community
No ratings yet
Basic Overview and Trouble Shooting of SAP FQEVENT... - SAP Community
10 pages
Cs506 Final Term Solved Subjective by Junaid
100% (3)
Cs506 Final Term Solved Subjective by Junaid
37 pages
Microservices System Design Principles
No ratings yet
Microservices System Design Principles
50 pages
Computer Assignment
No ratings yet
Computer Assignment
135 pages
Lab Manual
No ratings yet
Lab Manual
101 pages
Razor Pages Cheat Sheet
No ratings yet
Razor Pages Cheat Sheet
1 page
Coding 101 Course Overview
No ratings yet
Coding 101 Course Overview
21 pages
JSON Framework Security Exploits Explained
No ratings yet
JSON Framework Security Exploits Explained
4 pages
Understanding AWS Core Services - Guided Notes - Completed
No ratings yet
Understanding AWS Core Services - Guided Notes - Completed
42 pages
JP Lab Programs
No ratings yet
JP Lab Programs
34 pages
Python Code Output Assessment Questions
No ratings yet
Python Code Output Assessment Questions
3 pages
Kolan Vamshi Kiran Reddy
No ratings yet
Kolan Vamshi Kiran Reddy
7 pages

Coding Blog Novi

Uploaded by

Coding Blog Novi

Uploaded by

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

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

/* Variable definitions start

<Group description="Teks Halaman" selector="body">

<Group description="Background" selector=".body-fauxcolumns-outer">

<Variable name="[Link]" description="Body Background" type="background"

<Group description="Warna Link" selector=".main-outer">

<Group description="Judul Blog" selector=".header">

<Group description="Submenu Navigasi" selector="#cssmenu">

<Group description="Icon Pencarian" selector=".search-icon">

<Group description="Judul Postingan" selector="[Link]-title, .FeaturedPost

<Group description="Judul Widget" selector=".sidebar h2, .sidebar-sticky h2,

<Group description="Label" selector=".label-info-th">

<Group description="Post Footer" selector=".post-info">

<Group description="Icon Media Sosial" selector="#footer-widget-container">

<Group description="Menu Footer" selector="#footer-navmenu">

<Group description="Navigasi Halaman" selector="#blog-pager">

<Group description="Footer" selector="#footer-container">

<Group description="Back to Top" selector="#back-to-top">

<Group description="Featured Post" selector=".FeaturedPost .post-summary">

<Group description="JANGAN DIEDIT">

Variable definitions end

/* Blogger CSS Reset */

/* code & blockquote */

#searchfs input[type="search"], h1,h2,h3,h4,h5,h6 {

.img-thumbnail, .img-thumbnail img, .FeaturedPost .post-summary, .FeaturedPost

/* AUTHOR POST PROFILE */

.widget .widget-item-control a img {

.bellow-header-widget .cloud-label-widget-content .label-size {

.sidebar .FeaturedPost .post-summary h3 {

/* FOOTER NAV MENU */

#cssmenu ul ul [Link]-sub:hover, #cssmenu ul [Link]-sub ul [Link]-sub ul li:hover {

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

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

.comments .comments-content .[Link] {

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

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

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

/* Skin for Blogger Tabbed Layout TOC */

.post-body pre .google-auto-placed, .post-body table .google-auto-placed, .post-

<b:if cond='data:[Link] or data:[Link]'>

<b:section class='bellow-header-widget' id='bellow-header-widget' maxwidgets='1'

<b:section class='above-post-widget' id='above-post-widget' maxwidgets='1'

<b:section class='main' id='main' showaddelement='no'>

<b:include data='top' name='status-message'/>

<b:if cond='data:[Link] and data:[Link] ==

<b:else/>

<b:if cond='data:[Link] == &quot;false&quot;'>

<div class='mobile-link-button' id='blog-pager-home-link'>

<div class='post hentry uncustomized-post-template'>

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; +

<div class='post-footer-line post-footer-line-2'>

<a class='home-link' expr:href='data:[Link]'><data:homeMsg/></a>

<div class='post-info info-3'>

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; +

<div style='clear: both;'/>

<b:include data='post' name='postauthorbox'/>

<b:include data='post' name='postsharebutton'/>

<b:include data='post' name='relatedpost'/>

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; +

var bodyFromEntry = function(entry) {

var parse = function(data) {

var paginator = function(callback) {

var replybox = null;

<b:if cond='data:[Link] == "false"'>

<div class='post-body entry-content' expr:id='"post-body-" +

<div class='post-body entry-content' expr:id='"post-body-" +

<div class='post-body entry-content' expr:id='"post-body-" +

<b:if cond='data:[Link] == "false"'>