0% found this document useful (0 votes)

310 views

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)

310 views

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

You are on page 1/ 116

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

>
<!DOCTYPE html>
<html b:css='false' b:responsive='true' b:version='2' class='v2'
expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale'
xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<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:view.isHomepage'>
<title><data:blog.pageTitle/></title>
<b:elseif cond='data:view.isSingleItem'/>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:elseif cond='data:view.isMultipleItems and data:blog.pageName == ""'/>
<title>
<b:switch var='data:blog.locale'>
<b:case value='id'/>
Semua Postingan - <data:blog.title/>
<b:default/>
All Posts - <data:blog.title/>
</b:switch>
</title>
<b:elseif cond='data:view.isError'/>
<title>
<b:switch var='data:blog.locale'>
<b:case value='id'/>
Halaman tidak ditemukan - <data:blog.title/>
<b:default/>
Page Not Found - <data:blog.title/>
</b:switch>
</title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

<b:if cond='data:view.isHomepage'>
<meta expr:content='data:blog.title' name='keywords'/>
<b:elseif cond='data:view.isSingleItem'/>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>

<b:if cond='data:view.isSingleItem'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta content='article' property='og:type'/>
<b:else/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta content='website' property='og:type'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' 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="body.background" description="Body Background" type="background"

color="$(body.background.color)" default="$(color) none repeat scroll top
left" value="$(color) none repeat scroll top left"/>
<Variable name="body.background.override" 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="h2.post-title, .FeaturedPost

.post-summary h3">
<Variable name="post.title.font" description="Font" type="font"
default="bold 20px Poppins, Arial, sans-serif" value="bold 20px Poppins,
Arial, sans-serif"/>
<Variable name="posts.title.color" description="Link Color" type="color"
default="#595959" value="#595959"/>
<Variable name="post.title.hover.color" 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="widget.title.font" description="Title Font" type="font"
default="bold 15px Poppins, Arial, sans-serif" value="bold 15px Poppins,
Arial, sans-serif"/>
<Variable name="widget.title.color" 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 http://meyerweb.com/eric/tools/css/reset/
* http://cssreset.com
*/
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,a.home-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:$(body.link.color);text-decoration:none;outline:none;}
a:visited{color:$(body.link.color);text-decoration:none;}
a:hover{color:$(body.link.hover.color);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%;
}
td.tr-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 > li.has-sub > a::before,
#cssmenu ul ul li.has-sub > a::before, .berlangganan-box input.submit-
email[type="submit"], .berlangganan-box input.email-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, h2.post-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: $(body.background);
margin: 0 0 0 0;
padding: 0 0 0 0;
color: $(body.text.color);
font: $(page.text.font);
text-align: left;
}

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

/* HEADER */
#header-container {
background: $(header.background.kiri);
background: linear-gradient(to right, $(header.background.kiri), $
(header.background.kanan));
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 h1.title, .header p.title {
font: $(header.font);
color: $(header.title.color);
margin: 0;
text-transform: uppercase;
line-height: 50px;
}
.header .description {
color: $(header.title.color);
margin: -10px 0 4px 0;
padding: 0;
font-size: 0.7em;
display: none;
}
.header a, .header a:hover {
color: $(header.title.color);
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: $(post.footer.color);
margin-bottom: 20px;
}
.breadcrumbs a {
color: $(post.footer.color);
}
.post {
margin-bottom: 30px;
}
.post-body {
line-height: 1.65em;
text-align: left;
word-wrap: break-word;
}
h2.post-title, h1.post-title {
font: $(post.title.font);
}
h1.post-title {
font-size: 30px;
margin-bottom: 15px;
}
h2.post-title {
margin-bottom: 10px;
}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
color: $(posts.title.color);
line-height: 1.425em;
}
h2.post-title a:hover, h1.post-title a:hover {
color: $(post.title.hover.color);
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: $(label.bg.color);
z-index: 1;
content: "";
width: 100%;
height: 2px;
position: absolute;
top: 50%;
left: 0;
}
.label-info-th a {
color: $(label.color);
background: $(label.bg.color);
display: inline-block;
padding: 8px 12px;
margin: 1px 0;
font-size: 13px;
font-weight: 500;
}
.label-info-th a:hover {
color: $(label.hover.color);
}
.post-info {
color: $(post.footer.color);
font: $(post.footer.font);
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: $(body.link.color);
}
.comment-info::before, .time-info::before, .label-info::before {
content: "\2014";
padding: 0 2px;
}
.edit-post a {
color: $(body.link.color);
}
.edit-post a:hover {
color: $(body.link.hover.color);
}
.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: $(body.link.hover.color);
font-size: 18px;
margin-bottom: 5px;
display: inline-block;
}
.author-profile a.g-profile:hover {
color: $(body.link.color);
}

/* 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: $(widget.title.font);
margin-bottom: 20px;
padding: 0px 0px 5px;
color: $(widget.title.color);
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: $(label.bg.color);
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: $(body.link.color);
font-size: 13px;
}
.label-size a,.label-size span{
display: inline-block;
color: $(label.color);
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: $(body.link.color) !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: $(post.title.font);
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: $(jwfp.color);
background: $(jwfp.background.color);
padding: 3px 8px;
-webkit-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
}
.FeaturedPost .post-summary h3 a:hover {
color: $(post.title.hover.color);
text-decoration: none;
}
.FeaturedPost .post-summary p {
position: absolute;
background: $(jwfp.background.color);
color: $(jwfp.color);
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: $(body.text.color);
font-size: .9em;
opacity: 1;
overflow: hidden;
}
.Profile .profile-name-link:hover {
color: $(body.link.color);
}
.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 a.post-count-link, #ArchiveList a.post-count-link:link, #ArchiveList
a.post-count-link:visited {
text-decoration: none;
}
#ArchiveList a.toggle, #ArchiveList a.toggle:link, #ArchiveList a.toggle:visited,
#ArchiveList a.toggle: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 ul.posts 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: $(body.link.color);
width: 8px;
height: 8px;
display: inline-block;
border-radius: 4px;
vertical-align: middle;
margin-right: 3px;
opacity: .7;
}

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

/* Back to top */
#back-to-top {
background: $(backtp.background.color);
color: $(backtp.color);
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: $(backtp.color);
}

/* Share button */
.share-this-pleaseeeee {
display: inline-block;
margin: 0;
color: $(label.color);;
text-transform: uppercase;
font-size: 16px;
background: $(posts.background.color);
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: $(navpage.font);
padding: 8px 12px;
margin: 2px 3px 2px 0px;
display: inline-block;
background: $(navpage.bg);
color: $(navpage.color);
}
#blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-
link:hover, .displaypageNum a:hover,.showpage a:hover, .pagecurrent {
background: $(navpage.bg.hover);
color: $(navpage.hover.color);
}
.showpageOf {
display: none !important;
}
#blog-pager .pages {
border: none;
}

/* FOOTER NAV MENU */

#footer-navmenu {
background: $(navmenufooter.bg);
padding: 25px 0px;
font: $(navmenufooter.font);
color: $(navmenufooter.color);
}
#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: $(navmenufooter.color);
margin: 0 13px;
}
#footer-navmenu ul li a:hover {
color: $(navmenufooter.hover.color);
}

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

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

/* SEARCH FORM */
.search-icon {
position: absolute;
top: 11px;
right: 0px;
font-size: 19px;
}
.search-icon a {
color: $(search.icon.color);
}
.search-icon svg {
width: 24px;
height: 24px
}
.search-icon path {
fill: $(search.icon.color);
}
#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;
}

#searchfs.open {
-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: $(navmenu.font);
line-height: 48px;
letter-spacing: 0.8px;
text-decoration: none;
text-transform: uppercase;
color: $(navmenu.font.color);
}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
color: $(navmenu.font.hover.color);
}
#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active,
#cssmenu ul li.has-sub.active:hover {
background: rgba(64,64,64,0.1);
-webkit-transition: background .2s ease;
-ms-transition: background .2s ease;
transition: background .2s ease;
}
#cssmenu ul li.has-sub {
position: relative;
}
#cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after {
content: "";
border-color: $(navmenu.font.color) 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 li.has-sub > a::after {
content: "";
border-color: transparent transparent transparent $(navsubmenu.font.color);
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: $(navsubmenu.font.background);
margin: 0;
}
#cssmenu ul ul li:hover {
background: $(navsubmenu.hover);
}
#cssmenu ul ul ul{
margin-left: 100%;
top: 0
}
#cssmenu ul ul li a {
font: $(navsubmenu.font);
border-bottom: 1px solid rgba(150,150,150,0.15);
padding: 0 17px;
line-height: 36px;
max-width: 100%;
text-decoration: none;
color: $(navsubmenu.font.color);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a {
border-bottom: 0
}

#cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover {

background: $(navsubmenu.hover);
}

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

#cssmenu ul {
display: block !important;
}
}
@media screen and (max-width:800px){
#cssmenu {
float: none;
}
#cssmenu ul {
background: $(navsubmenu.font.background);
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: $(navsubmenu.font.background);
}
#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active,
#cssmenu ul li.has-sub.active:hover {
background: $(navsubmenu.hover);
}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
color: $(navsubmenu.font.color);
}
#cssmenu ul ul li a {
padding: 0 25px;
}
#cssmenu ul li a, #cssmenu ul ul li a {
width: 100%;
border-bottom: 0;
color: $(navsubmenu.font.color);
}
#cssmenu > ul > li {
float: none;
position: relative;
}
#cssmenu ul ul li.has-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 > li.has-sub > a::after, #cssmenu ul ul > li.has-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: $(search.icon.color);
content:'';
border-radius: 5px;
transition: all 0.2s;
}
.mline1 {
top: 0;
}
.mline2 {
top: 7px;
}
.mline3 {
top: 14px;
}
.button.menu-opened .mline1 {
top: 8px;
border: 0;
height: 3px;
width: 22px;
background: $(navmenu.font.color);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.button.menu-opened .mline2 {
top: 8px;
background: $(navmenu.font.color);
width: 22px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.button.menu-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: $(navsubmenu.font.color) 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 li.active a{
border-left: none
}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub
> ul > li.active > a{
border-top: none
}
}

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

/* 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: $(posts.background.color);
position:relative;
margin: 0;
display: inline-block;
font-weight: bold;
color: $(label.color);
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: $(body.text.color);
}
.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 $(body.link.color);
}
.contact-form-email:focus, .contact-form-name:focus, .contact-form-email-
message:focus {
outline: none;
border: 1px solid $(body.link.color);
}
.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: $(body.link.color);
color: #fff;
border-radius: 3px;
font-weight: bold;
}
.contact-form-button:hover, .contact-form-button.hover {
cursor: pointer;
outline: none;
opacity: .85;
}
.contact-form-button.focus, .contact-form-button.right.focus, .contact-form-
button.mid.focus, .contact-form-button.left.focus {
outline: none;
}
.contact-form-button-submit:focus, .contact-form-button-submit.focus {
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 {
}
p.comment-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 .comment-thread.inline-thread .comment, .comments .comment-thread.inline-
thread .comment:last-child {
margin:0px 0px 5px 14%
}
.comment .comment-thread.inline-thread .comment:nth-child(6) {
margin:0px 0px 5px 12%;
}
.comment .comment-thread.inline-thread .comment:nth-child(5) {
margin:0px 0px 5px 10%;
}
.comment .comment-thread.inline-thread .comment:nth-child(4) {
margin:0px 0px 5px 8%;
}
.comment .comment-thread.inline-thread .comment:nth-child(3) {
margin:0px 0px 5px 4%;
}
.comment .comment-thread.inline-thread .comment:nth-child(2) {
margin:0px 0px 5px 2%;
}
.comment .comment-thread.inline-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 .icon.blog-author {
display:inline;
height: 18px;
margin: 0 0 -4px 6px;
width: 18px;
}
.comments .comments-content .icon.blog-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: $(post.footer.color);
}
.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
}

.comments .comments-content .loadmore.loaded {

max-height: 0;
opacity: 0;
overflow: hidden
}
.comments .thread-chrome.thread-collapsed {
display: none
}
.comments .thread-toggle {
display: inline-block
}
.comments .thread-toggle .thread-arrow {
display: inline-block;
height: 6px;
margin: .3em;
overflow: visible;
padding-right: 4px;
width: 7px
}
.comments .thread-expanded .thread-arrow {
background:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR4
2mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0
transparent
}
.comments .thread-collapsed .thread-arrow {
background:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR4
2mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no-
repeat scroll 0 0 transparent
}
.comments .hidden {
display: none
}

@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;
}
ul.nav-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%}
h2.post-title {
font-size: 18px;
}
h1.post-title {
font-size: 24px;
}
.post-body img.fullwidth {
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 .comment-thread.inline-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: $(body.link.color);
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: $(header.background.kiri);
background: linear-gradient(to bottom right, $(header.background.kiri), $
(header.background.kanan));
position: relative;
}
.tabbed-toc .loading {
display: block;
padding: 2px 12px;
color: $(navmenu.font.color);
}
.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: $(navmenu.font);
overflow: hidden;
color: $(navmenu.font.color);
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 a.active-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 img.thumbnail {
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 li.bold 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 a.active-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 div.section {
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 div.section {
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 div.layout-title {
font-size: 14px;
}
body#layout div.layout-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:view.isError'>
<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[
window.lazySizesConfig = window.lazySizesConfig || {};
lazySizesConfig.loadMode = 1;
/*! lazysizes - v5.1.0 */
!function(a,b){var c=b(a,a.document);a.lazySizes=c,"object"==typeof
module&&module.exports&&(module.exports=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=a.lazySizesConfig||a.lazysizesConfig||{};for(b
in c)b in d||(d[b]=c[b])}(),!b||!b.getElementsByClassName)return{init:function()
{},cfg:d,noSupport:!0};var
e=b.documentElement,f=a.Date,g=a.HTMLPictureElement,h="addEventListener",i="getAttr
ibute",j=a[h],k=a.setTimeout,l=a.requestAnimationFrame||
k,m=a.requestIdleCallback,n=/^picture$/i,o=["load","error","lazyincluded","_lazyloa
ded"],p={},q=Array.prototype.forEach,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)||a.setAttribute("class",(a[i]("class")||"").trim()+" "+b)},t=function(a,b)
{var c;(c=r(a,b))&&a.setAttribute("class",(a[i]("class")||"").replace(c,"
"))},u=function(a,b,c){var d=c?
h:"removeEventListener";c&&u(a,b),o.forEach(function(c){a[d]
(c,b)})},v=function(a,d,e,f,g){var h=b.createEvent("Event");return e||
(e={}),e.instance=c,h.initEvent(d,!f,!
g),h.detail=e,a.dispatchEvent(h),h},w=function(b,c){var e;!g&&(e=a.picturefill||
d.pf)?(c&&c.src&&!b[i]("srcset")&&b.setAttribute("srcset",c.src),e({reevaluate:!
0,elements:[b]})):c&&c.src&&(b.src=c.src)},x=function(a,b)
{return(getComputedStyle(a,null)||{})[b]},y=function(a,b,c){for(c=c||
a.offsetWidth;c<d.minSize&&b&&!
a._lazysizesWidth;)c=b.offsetWidth,b=b.parentNode;return c},z=function(){var
a,c,d=[],e=[],f=d,g=function(){var b=f;for(f=d.length?e:d,a=!0,c=!
1;b.length;)b.shift()();a=!1},h=function(d,e){a&&!e?d.apply(this,arguments):
(f.push(d),c||(c=!0,(b.hidden?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()
{a.apply(b,c)})}},B=function(a){var
b,c=0,e=d.throttleDelay,g=d.ricTimeout,h=function(){b=!1,c=f.now(),a()},i=m&&g>49?
function(){m(h,{timeout:g}),g!==d.ricTimeout&&(g=d.ricTimeout)}:A(function()
{k(h)},!0);return function(a){var d;(a=!0===a)&&(g=33),b||(b=!0,d=e-(f.now()-
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=f.now()-c;a<d?k(g,d-a):(m||e)(e)};return function()
{c=f.now(),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(navigator.userAgent),N=0,O=0,P=0,Q=-1,R=function(a){P--,(!a||P<0||!
a.target)&&(P=0)},S=function(a){return
null==J&&(J="hidden"==x(b.body,"visibility")),J||"hidden"!
=x(a.parentNode,"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=f.offsetParent)&&f!=b.body&&f!=e;)
(g=(x(f,"opacity")||1)>0)&&"visible"!
=x(f,"overflow")&&(d=f.getBoundingClientRect(),g=H>d.left&&G<d.right&&I>d.top-
1&&F<d.bottom+1);return g},U=function(){var
a,f,h,j,k,m,n,p,q,r,s,t,u=c.elements;if((o=d.loadMode)&&P<8&&(a=u.length))
{for(f=0,Q++;f<a;f++)if(u[f]&&!u[f]._lazyRace)if(!M||
c.prematureUnveil&&c.prematureUnveil(u[f]))aa(u[f]);else if((p=u[f][i]("data-
expand"))&&(m=1*p)||(m=O),r||(r=!d.expand||d.expand<1?
e.clientHeight>500&&e.clientWidth>500?
500:370:d.expand,c._defEx=r,s=r*d.expFactor,t=d.hFac,J=null,O<s&&P<1&&Q>2&&o>2&&!
b.hidden?(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=h.bottom)>=n&&(F=h.top)<=D&&(H=h.right)>=n*t&&(G=h.left)<=y&&(I||H||G||
F)&&(d.loadHidden||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]||d.preloadAfterLoad)&&(g[0]||!
p&&(I||H||G||F||"auto"!=u[f][i](d.sizesAttr)))&&(j=g[0]||u[f]);j&&!
k&&aa(j)}},V=B(U),W=function(a){var b=a.target;if(b._lazyCache)return void delete
b._lazyCache;R(a),s(b,d.loadedClass),t(b,d.loadingClass),u(b,Y),v(b,"lazyloaded")},
X=A(W),Y=function(a){X({target:a.target})},Z=function(a,b)
{try{a.contentWindow.location.replace(b)}catch(c){a.src=b}},$=function(a){var
b,c=a[i](d.srcsetAttr);(b=d.customMedia[a[i]("data-media")||a[i]
("media")])&&a.setAttribute("media",b),c&&a.setAttribute("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,d.autosizesClass):a.setAttribute("sizes",e)),h=a[i](d.srcsetAttr),g=a[i]
(d.srcAttr),f&&(j=a.parentNode,l=j&&n.test(j.nodeName||"")),p=b.firesLoad||"src"in
a&&(h||g||
l),o={target:a},s(a,d.loadingClass),p&&(clearTimeout(m),m=k(R,2500),u(a,Y,!
0)),l&&q.call(j.getElementsByTagName("source"),$),h?a.setAttribute("srcset",h):g&&!
l&&(L.test(a.nodeName)?Z(a,g):a.src=g),f&&(h||l)&&w(a,{src:g})),a._lazyRace&&delete
a._lazyRace,t(a,d.lazyClass),z(function(){var b=a.complete&&a.naturalWidth>1;p&&!
b||(b&&s(a,"ls-is-cached"),W(o),a._lazyCache=!0,k(function(){"_lazyCache"in
a&&delete a._lazyCache},9)),"lazy"==a.loading&&P--},!0)}),aa=function(a){if(!
a._lazyRace){var b,c=K.test(a.nodeName),e=c&&(a[i](d.sizesAttr)||a[i]
("sizes")),f="auto"==e;(!f&&l||!c||!a[i]("src")&&!a.srcset||a.complete||
r(a,d.errorClass)||!
r(a,d.lazyClass))&&(b=v(a,"lazyunveilread").detail,f&&E.updateElem(a,!
0,a.offsetWidth),a._lazyRace=!0,P++,_(a,b,f,e,c))}},ba=C(function()
{d.loadMode=3,V()}),ca=function(){3==d.loadMode&&(d.loadMode=2),ba()},da=function()
{if(!l){if(f.now()-p<999)return void k(da,999);l=!
0,d.loadMode=3,V(),j("scroll",ca,!0)}};return{_:function()
{p=f.now(),c.elements=b.getElementsByClassName(d.lazyClass),g=b.getElementsByClassN
ame(d.lazyClass+" "+d.preloadClass),j("scroll",V,!0),j("resize",V,!
0),a.MutationObserver?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(b.readyState)?da():(j("load",da),b[h]
("DOMContentLoaded",V),k(da,2e4)),c.elements.length?
(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",a.setAttribute("sizes",d),n.test(b.nodeName||"
"))for(e=b.getElementsByTagName("source"),f=0,g=e.length;f<g;f+
+)e[f].setAttribute("sizes",d);c.detail.dataAttr||w(a,c.detail)}),e=function(a,b,d)
{var e,f=a.parentNode;f&&(d=y(a,f,d),e=v(a,"lazybeforesizes",{width:d,dataAttr:!!
b}),e.defaultPrevented||(d=e.detail.width)&&d!
==a._lazysizesWidth&&c(a,f,e,d))},f=function(){var b,c=a.length;if(c)for(b=0;b<c;b+
+)e(a[b])},g=C(f);return{_:function()
{a=b.getElementsByClassName(d.autosizesClass),j("resize",g)},checkElems:g,updateEle
m:e}}(),F=function(){!F.i&&b.getElementsByClassName&&(F.i=!0,E._(),D._())};return
k(function()
{d.init&&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>

k.map(c,pt,l),m(l.opts.start)&&l.opts.start.call(o,l),l.progress(l.opts.progress).d
one(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always),k.fx.timer
(k.extend(u,{elem:o,anim:l,queue:l.opts.queue})),l}k.Animation=k.extend(dt,
{tweeners:{"*":[function(e,t){var n=this.createTween(e,t);return
le(n.elem,e,ne.exec(t),n),n}]},tweener:function(e,t){m(e)?
(t=e,e=["*"]):e=e.match(R);for(var n,r=0,i=e.length;r<i;r+
+)n=e[r],dt.tweeners[n]=dt.tweeners[n]||[],dt.tweeners[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=e.style,g=e.nodeType&&se(e),v=Q.get(e,"fxshow");for(r in n.queue||
(null==(a=k._queueHooks(e,"fx")).unqueued&&(a.unqueued=0,s=a.empty.fire,a.empty.fir
e=function(){a.unqueued||s()}),a.unqueued++,p.always(function(){p.always(function()
{a.unqueued--,k.queue(e,"fx").length||a.empty.fire()})})),t)if(i=t[r],st.test(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]||k.style(e,r)}if((u=!k.isEmptyObject(t))||!
k.isEmptyObject(d))for(r in
f&&1===e.nodeType&&(n.overflow=[h.overflow,h.overflowX,h.overflowY],null==(l=v&&v.d
isplay)&&(l=Q.get(e,"display")),"none"===(c=k.css(e,"display"))&&(l?c=l:(fe([e],!
0),l=e.style.display||l,c=k.css(e,"display"),fe([e]))),("inline"===c||"inline-
block"===c&&null!=l)&&"none"===k.css(e,"float")&&(u||(p.done(function()
{h.display=l}),null==l&&(c=h.display,l="none"===c?"":c)),h.display="inline-
block")),n.overflow&&(h.overflow="hidden",p.always(function()
{h.overflow=n.overflow[0],h.overflowX=n.overflow[1],h.overflowY=n.overflow[2]})),u=
!1,d)u||(v?"hidden"in v&&(g=v.hidden):v=Q.access(e,"fxshow",
{display:l}),o&&(v.hidden=!g),g&&fe([e],!0),p.done(function(){for(r in g||
fe([e]),Q.remove(e,"fxshow"),d)k.style(e,r,d[r])})),u=pt(g?v[r]:0,r,p),r in v||
(v[r]=u.start,g&&(u.end=u.start,u.start=0))}],prefilter:function(e,t){t?
dt.prefilters.unshift(e):dt.prefilters.push(e)}}),k.speed=function(e,t,n){var
r=e&&"object"==typeof e?k.extend({},e):{complete:n||!n&&t||
m(e)&&e,duration:e,easing:n&&t||t&&!m(t)&&t};return k.fx.off?r.duration=0:"number"!
=typeof r.duration&&(r.duration in k.fx.speeds?
r.duration=k.fx.speeds[r.duration]:r.duration=k.fx.speeds._default),null!
=r.queue&&!0!==r.queue||(r.queue="fx"),r.old=r.complete,r.complete=function()
{m(r.old)&&r.old.call(this),r.queue&&k.dequeue(this,r.queue)},r},k.fn.extend({fadeT
o:function(e,t,n,r){return
this.filter(se).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:f
unction(t,e,n,r){var i=k.isEmptyObject(t),o=k.speed(e,n,r),a=function(){var
e=dt(this,k.extend({},t),o);(i||Q.get(this,"finish"))&&e.stop(!0)};return
a.finish=a,i||!1===o.queue?this.each(a):this.queue(o.queue,a)},stop:function(i,e,o)
{var a=function(e){var t=e.stop;delete e.stop,t(o)};return"string"!=typeof
i&&(o=e,e=i,i=void 0),e&&!1!==i&&this.queue(i||"fx",[]),this.each(function(){var
e=!0,t=null!
=i&&i+"queueHooks",n=k.timers,r=Q.get(this);if(t)r[t]&&r[t].stop&&a(r[t]);else
for(t in r)r[t]&&r[t].stop&&ut.test(t)&&a(r[t]);for(t=n.length;t--;)n[t].elem!
==this||null!=i&&n[t].queue!==i||(n[t].anim.stop(o),e=!1,n.splice(t,1));!e&&o||
k.dequeue(this,i)})},finish:function(a){return!1!
==a&&(a=a||"fx"),this.each(function(){var
e,t=Q.get(this),n=t[a+"queue"],r=t[a+"queueHooks"],i=k.timers,o=n?
n.length:0;for(t.finish=!0,k.queue(this,a,[]),r&&r.stop&&r.stop.call(this,!
0),e=i.length;e--;)i[e].elem===this&&i[e].queue===a&&(i[e].anim.stop(!
0),i.splice(e,1));for(e=0;e<o;e++)n[e]&&n[e].finish&&n[e].finish.call(this);delete
t.finish})}}),k.each(["toggle","show","hide"],function(e,r){var
i=k.fn[r];k.fn[r]=function(e,t,n){return null==e||"boolean"==typeof e?
i.apply(this,arguments):this.animate(ft(r,!
0),e,t,n)}}),k.each({slideDown:ft("show"),slideUp:ft("hide"),slideToggle:ft("toggle
"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:
{opacity:"toggle"}},function(e,r){k.fn[e]=function(e,t,n){return
this.animate(r,e,t,n)}}),k.timers=[],k.fx.tick=function(){var
e,t=0,n=k.timers;for(rt=Date.now();t<n.length;t++)(e=n[t])()||n[t]!==e||
n.splice(t--,1);n.length||k.fx.stop(),rt=void 0},k.fx.timer=function(e)
{k.timers.push(e),k.fx.start()},k.fx.interval=13,k.fx.start=function(){it||(it=!
0,lt())},k.fx.stop=function()
{it=null},k.fx.speeds={slow:600,fast:200,_default:400},k.fn.delay=function(r,e)
{return r=k.fx&&k.fx.speeds[r]||r,e=e||"fx",this.queue(e,function(e,t){var
n=C.setTimeout(e,r);t.stop=function()
{C.clearTimeout(n)}})},ot=E.createElement("input"),at=E.createElement("select").app
endChild(E.createElement("option")),ot.type="checkbox",y.checkOn=""!
==ot.value,y.optSelected=at.selected,
(ot=E.createElement("input")).value="t",ot.type="radio",y.radioValue="t"===ot.value
;var ht,gt=k.expr.attrHandle;k.fn.extend({attr:function(e,t){return
_(this,k.attr,e,t,1<arguments.length)},removeAttr:function(e){return
this.each(function(){k.removeAttr(this,e)})}}),k.extend({attr:function(e,t,n){var
r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?
k.prop(e,t,n):(1===o&&k.isXMLDoc(e)||(i=k.attrHooks[t.toLowerCase()]||
(k.expr.match.bool.test(t)?ht:void 0)),void 0!==n?null===n?void
k.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:
(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?
r:null==(r=k.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!
y.radioValue&&"radio"===t&&A(e,"input")){var n=e.value;return
e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var
n,r=0,i=t&&t.match(R);if(i&&1===e.nodeType)while(n=i[r+
+])e.removeAttribute(n)}}),ht={set:function(e,t,n){return!1===t?
k.removeAttr(e,n):e.setAttribute(n,n),n}},k.each(k.expr.match.bool.source.match(/\w
+/g),function(e,t){var a=gt[t]||k.find.attr;gt[t]=function(e,t,n){var
r,i,o=t.toLowerCase();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(e.match(R)||[]).join(" ")}function xt(e){return
e.getAttribute&&e.getAttribute("class")||""}function bt(e){return Array.isArray(e)?
e:"string"==typeof e&&e.match(R)||[]}k.fn.extend({prop:function(e,t){return
_(this,k.prop,e,t,1<arguments.length)},removeProp:function(e){return
this.each(function(){delete this[k.propFix[e]||
e]})}}),k.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!
==o)return 1===o&&k.isXMLDoc(e)||(t=k.propFix[t]||t,i=k.propHooks[t]),void 0!==n?
i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!
==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var
t=k.find.attr(e,"tabindex");return t?parseInt(t,10):vt.test(e.nodeName)||
yt.test(e.nodeName)&&e.href?0:-1}}},propFix:
{"for":"htmlFor","class":"className"}}),y.optSelected||
(k.propHooks.selected={get:function(e){var t=e.parentNode;return
t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var
t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),k.e
ach(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSp
an","useMap","frameBorder","contentEditable"],function()
{k.propFix[this.toLowerCase()]=this}),k.fn.extend({addClass:function(t){var
e,n,r,i,o,a,s,u=0;if(m(t))return this.each(function(e)
{k(this).addClass(t.call(this,e,xt(this)))});if((e=bt(t)).length)while(n=this[u+
+])if(i=xt(n),r=1===n.nodeType&&" "+mt(i)+" "){a=0;while(o=e[a++])r.indexOf(" "+o+"
")<0&&(r+=o+" ");i!==(s=mt(r))&&n.setAttribute("class",s)}return
this},removeClass:function(t){var e,n,r,i,o,a,s,u=0;if(m(t))return
this.each(function(e){k(this).removeClass(t.call(this,e,xt(this)))});if(!
arguments.length)return this.attr("class","");if((e=bt(t)).length)while(n=this[u+
+])if(i=xt(n),r=1===n.nodeType&&" "+mt(i)+" "){a=0;while(o=e[a++])while(-
1<r.indexOf(" "+o+" "))r=r.replace(" "+o+" "," ");i!
==(s=mt(r))&&n.setAttribute("class",s)}return this},toggleClass:function(i,t){var
o=typeof i,a="string"===o||Array.isArray(i);return"boolean"==typeof t&&a?t?
this.addClass(i):this.removeClass(i):m(i)?this.each(function(e)
{k(this).toggleClass(i.call(this,e,xt(this),t),t)}):this.each(function(){var
e,t,n,r;if(a){t=0,n=k(this),r=bt(i);while(e=r[t++])n.hasClass(e)?
n.removeClass(e):n.addClass(e)}else void 0!==i&&"boolean"!==o||
((e=xt(this))&&Q.set(this,"__className__",e),this.setAttribute&&this.setAttribute("
class",e||!1===i?"":Q.get(this,"__className__")||""))})},hasClass:function(e){var
t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===n.nodeType&&-1<(" "+mt(xt(n))+"
").indexOf(t))return!0;return!1}});var wt=/\r/g;k.fn.extend({val:function(n){var
r,e,i,t=this[0];return arguments.length?(i=m(n),this.each(function(e){var
t;1===this.nodeType&&(null==(t=i?n.call(this,e,k(this).val()):n)?
t="":"number"==typeof t?t+="":Array.isArray(t)&&(t=k.map(t,function(e){return
null==e?"":e+""})),(r=k.valHooks[this.type]||
k.valHooks[this.nodeName.toLowerCase()])&&"set"in r&&void 0!
==r.set(this,t,"value")||(this.value=t))})):t?(r=k.valHooks[t.type]||
k.valHooks[t.nodeName.toLowerCase()])&&"get"in r&&void 0!==(e=r.get(t,"value"))?
e:"string"==typeof(e=t.value)?e.replace(wt,""):null==e?"":e:void
0}}),k.extend({valHooks:{option:{get:function(e){var
t=k.find.attr(e,"value");return null!=t?t:mt(k.text(e))}},select:{get:function(e)
{var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?
o+1:i.length;for(r=o<0?u:a?o:0;r<u;r++)if(((n=i[r]).selected||r===o)&&!
n.disabled&&(!n.parentNode.disabled||!A(n.parentNode,"optgroup")))
{if(t=k(n).val(),a)return t;s.push(t)}return s},set:function(e,t){var
n,r,i=e.options,o=k.makeArray(t),a=i.length;while(a--)((r=i[a]).selected=-
1<k.inArray(k.valHooks.option.get(r),o))&&(n=!0);return n||(e.selectedIndex=-
1),o}}}}),k.each(["radio","checkbox"],function()
{k.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=-
1<k.inArray(k(e).val(),t)}},y.checkOn||(k.valHooks[this].get=function(e){return
null===e.getAttribute("value")?"on":e.value})}),y.focusin="onfocusin"in C;var
Tt=/^(?:focusinfocus|focusoutblur)$/,Ct=function(e)
{e.stopPropagation()};k.extend(k.event,{trigger:function(e,t,n,r){var
i,o,a,s,u,l,c,f,p=[n||E],d=v.call(e,"type")?e.type:e,h=v.call(e,"namespace")?
e.namespace.split("."):[];if(o=f=a=n=n||E,3!==n.nodeType&&8!==n.nodeType&&!
Tt.test(d+k.event.triggered)&&(-
1<d.indexOf(".")&&(d=(h=d.split(".")).shift(),h.sort()),u=d.indexOf(":")<0&&"on"+d,
(e=e[k.expando]?e:new k.Event(d,"object"==typeof e&&e)).isTrigger=r?
2:3,e.namespace=h.join("."),e.rnamespace=e.namespace?new
RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,e.result=void 0,e.target||
(e.target=n),t=null==t?[e]:k.makeArray(t,[e]),c=k.event.special[d]||{},r||!
c.trigger||!1!==c.trigger.apply(n,t))){if(!r&&!c.noBubble&&!x(n))
{for(s=c.delegateType||d,Tt.test(s+d)||
(o=o.parentNode);o;o=o.parentNode)p.push(o),a=o;a===(n.ownerDocument||
E)&&p.push(a.defaultView||a.parentWindow||C)}i=0;while((o=p[i++])&&!
e.isPropagationStopped())f=o,e.type=1<i?s:c.bindType||d,(l=(Q.get(o,"events")||{})
[e.type]&&Q.get(o,"handle"))&&l.apply(o,t),
(l=u&&o[u])&&l.apply&&G(o)&&(e.result=l.apply(o,t),!
1===e.result&&e.preventDefault());return e.type=d,r||e.isDefaultPrevented()||
c._default&&!1!==c._default.apply(p.pop(),t)||!G(n)||u&&m(n[d])&&!
x(n)&&((a=n[u])&&(n[u]=null),k.event.triggered=d,e.isPropagationStopped()&&f.addEve
ntListener(d,Ct),n[d]
(),e.isPropagationStopped()&&f.removeEventListener(d,Ct),k.event.triggered=void
0,a&&(n[u]=a)),e.result}},simulate:function(e,t,n){var r=k.extend(new k.Event,n,
{type:e,isSimulated:!
0});k.event.trigger(r,null,t)}}),k.fn.extend({trigger:function(e,t){return
this.each(function(){k.event.trigger(e,t,this)})},triggerHandler:function(e,t){var
n=this[0];if(n)return k.event.trigger(e,t,n,!0)}}),y.focusin||
k.each({focus:"focusin",blur:"focusout"},function(n,r){var i=function(e)
{k.event.simulate(r,e.target,k.event.fix(e))};k.event.special[r]={setup:function()
{var e=this.ownerDocument||this,t=Q.access(e,r);t||e.addEventListener(n,i,!
0),Q.access(e,r,(t||0)+1)},teardown:function(){var e=this.ownerDocument||
this,t=Q.access(e,r)-1;t?Q.access(e,r,t):(e.removeEventListener(n,i,!
0),Q.remove(e,r))}}});var
Et=C.location,kt=Date.now(),St=/\?/;k.parseXML=function(e){var t;if(!e||"string"!
=typeof e)return null;try{t=(new
C.DOMParser).parseFromString(e,"text/xml")}catch(e){t=void 0}return t&&!
t.getElementsByTagName("parsererror").length||k.error("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(Array.isArray(e))k.each(e,function(e,t){r||Nt.test(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)}k.param=function(e,t){var
n,r=[],i=function(e,t){var n=m(t)?t():t;r[r.length]=encodeURIComponent(e)
+"="+encodeURIComponent(null==n?"":n)};if(null==e)return"";if(Array.isArray(e)||
e.jquery&&!k.isPlainObject(e))k.each(e,function(){i(this.name,this.value)});else
for(n in e)qt(n,e[n],t,i);return r.join("&")},k.fn.extend({serialize:function()
{return k.param(this.serializeArray())},serializeArray:function(){return
this.map(function(){var e=k.prop(this,"elements");return e?
k.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!
k(this).is(":disabled")&&jt.test(this.nodeName)&&!Dt.test(e)&&(this.checked||!
pe.test(e))}).map(function(e,t){var n=k(this).val();return null==n?
null:Array.isArray(n)?k.map(n,function(e)
{return{name:t.name,value:e.replace(At,"\r\n")}}):
{name:t.name,value:n.replace(At,"\r\n")}}).get()}});var Lt=/%20/g,Ht=/#.*$/,Ot=/([?
&])_=[^&]*/,Pt=/^(.*?):[ \t]*([^\r\n]*)$/gm,Rt=/^(?:GET|HEAD)
$/,Mt=/^\/\//,It={},Wt={},$t="*/".concat("*"),Ft=E.createElement("a");function
Bt(o){return function(e,t){"string"!=typeof e&&(t=e,e="*");var
n,r=0,i=e.toLowerCase().match(R)||[];if(m(t))while(n=i[r++])"+"===n[0]?
(n=n.slice(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,k.each(t[e]||
[],function(e,t){var n=t(i,o,a);return"string"!=typeof n||u||s[n]?u?!(r=n):void 0:
(i.dataTypes.unshift(n),l(n),!1)}),r}return l(i.dataTypes[0])||!
s["*"]&&l("*")}function zt(e,t){var n,r,i=k.ajaxSettings.flatOptions||{};for(n in
t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&k.extend(!
0,e,r),e}Ft.href=Et.href,k.extend({active:0,lastModified:{},etag:{},ajaxSettings:
{url:Et.href,type:"GET",isLocal:/^(?:about|app|app-storage|.+-extension|file|res|
widget):$/.test(Et.protocol),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":JSON.parse,"text
xml":k.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?
zt(zt(e,k.ajaxSettings),t):zt(k.ajaxSettings,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=k.ajaxSetup({},t),y=v.context||v,m=v.context&&(y.nodeType||
y.jquery)?k(y):k.event,x=k.Deferred(),b=k.Callbacks("once memory"),w=v.statusCode||
{},a={},s={},u="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(h)
{if(!n){n={};while(t=Pt.exec(p))n[t[1].toLowerCase()+" "]=(n[t[1].toLowerCase()+"
"]||[]).concat(t[2])}t=n[e.toLowerCase()+" "]}return null==t?null:t.join(",
")},getAllResponseHeaders:function(){return h?
p:null},setRequestHeader:function(e,t){return
null==h&&(e=s[e.toLowerCase()]=s[e.toLowerCase()]||
e,a[e]=t),this},overrideMimeType:function(e){return
null==h&&(v.mimeType=e),this},statusCode:function(e){var
t;if(e)if(h)T.always(e[T.status]);else for(t in e)w[t]=[w[t],e[t]];return
this},abort:function(e){var t=e||u;return
c&&c.abort(t),l(0,t),this}};if(x.promise(T),v.url=((e||v.url||Et.href)
+"").replace(Mt,Et.protocol+"//"),v.type=t.method||t.type||v.method||
v.type,v.dataTypes=(v.dataType||"*").toLowerCase().match(R)||
[""],null==v.crossDomain)
{r=E.createElement("a");try{r.href=v.url,r.href=r.href,v.crossDomain=Ft.protocol+"/
/"+Ft.host!=r.protocol+"//"+r.host}catch(e){v.crossDomain=!
0}}if(v.data&&v.processData&&"string"!=typeof
v.data&&(v.data=k.param(v.data,v.traditional)),_t(It,v,t,T),h)return T;for(i
in(g=k.event&&v.global)&&0==k.active+
+&&k.event.trigger("ajaxStart"),v.type=v.type.toUpperCase(),v.hasContent=!
Rt.test(v.type),f=v.url.replace(Ht,""),v.hasContent?
v.data&&v.processData&&0===(v.contentType||"").indexOf("application/x-www-form-
urlencoded")&&(v.data=v.data.replace(Lt,"+")):
(o=v.url.slice(f.length),v.data&&(v.processData||"string"==typeof
v.data)&&(f+=(St.test(f)?"&":"?")+v.data,delete v.data),!
1===v.cache&&(f=f.replace(Ot,"$1"),o=(St.test(f)?"&":"?")+"_="+kt++
+o),v.url=f+o),v.ifModified&&(k.lastModified[f]&&T.setRequestHeader("If-Modified-
Since",k.lastModified[f]),k.etag[f]&&T.setRequestHeader("If-None-
Match",k.etag[f])),(v.data&&v.hasContent&&!1!==v.contentType||
t.contentType)&&T.setRequestHeader("Content-
Type",v.contentType),T.setRequestHeader("Accept",v.dataTypes[0]&&v.accepts[v.dataTy
pes[0]]?v.accepts[v.dataTypes[0]]+("*"!==v.dataTypes[0]?", "+$t+";
q=0.01":""):v.accepts["*"]),v.headers)T.setRequestHeader(i,v.headers[i]);if(v.befor
eSend&&(!1===v.beforeSend.call(y,T,v)||h))return
T.abort();if(u="abort",b.add(v.complete),T.done(v.success),T.fail(v.error),c=_t(Wt,
v,t,T)){if(T.readyState=1,g&&m.trigger("ajaxSend",[T,v]),h)return
T;v.async&&0<v.timeout&&(d=C.setTimeout(function()
{T.abort("timeout")},v.timeout));try{h=!1,c.send(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&&C.clearTimeout(d),c=void 0,p=r||"",T.readyState=0<e?4:0,i=200<=e&&e<300||
304===e,n&&(s=function(e,t,n){var
r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),void
0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in
s)if(s[i]&&s[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n)
{if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!
==u[0]&&u.unshift(o),n[o]}(v,T,n)),s=function(e,t,n,r){var
i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in
e.converters)l[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFi
elds[o]&&(n[e.responseFields[o]]=t),!
u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;e
lse if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o]))for(i in l)if((s=i.split(" "))
[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!
==l[i]&&(o=s[0],c.unshift(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?
(v.ifModified&&((u=T.getResponseHeader("Last-Modified"))&&(k.lastModified[f]=u),
(u=T.getResponseHeader("etag"))&&(k.etag[f]=u)),204===e||"HEAD"===v.type?
l="nocontent":304===e?l="notmodified":(l=s.state,o=s.data,i=!(a=s.error))):(a=l,!
e&&l||(l="error",e<0&&(e=0))),T.status=e,T.statusText=(t||l)+"",i?x.resolveWith(y,
[o,l,T]):x.rejectWith(y,[T,l,a]),T.statusCode(w),w=void
0,g&&m.trigger(i?"ajaxSuccess":"ajaxError",[T,v,i?o:a]),b.fireWith(y,
[T,l]),g&&(m.trigger("ajaxComplete",[T,v]),--k.active||
k.event.trigger("ajaxStop")))}return T},getJSON:function(e,t,n){return
k.get(e,t,n,"json")},getScript:function(e,t){return k.get(e,void
0,t,"script")}}),k.each(["get","post"],function(e,i){k[i]=function(e,t,n,r){return
m(t)&&(r=r||n,n=t,t=void
0),k.ajax(k.extend({url:e,type:i,dataType:r,data:t,success:n},k.isPlainObject(e)&&e
))}}),k._evalUrl=function(e,t){return
k.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,converters:
{"text script":function(){}},dataFilter:function(e)
{k.globalEval(e,t)}})},k.fn.extend({wrapAll:function(e){var
t;return
this[0]&&(m(e)&&(e=e.call(this[0])),t=k(e,this[0].ownerDocument).eq(0).clone(!
0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var
e=this;while(e.firstElementChild)e=e.firstElementChild;return
e}).append(this)),this},wrapInner:function(n){return m(n)?this.each(function(e)
{k(this).wrapInner(n.call(this,e))}):this.each(function(){var
e=k(this),t=e.contents();t.length?t.wrapAll(n):e.append(n)})},wrap:function(t){var
n=m(t);return this.each(function(e){k(this).wrapAll(n?
t.call(this,e):t)})},unwrap:function(e){return
this.parent(e).not("body").each(function()
{k(this).replaceWith(this.childNodes)}),this}}),k.expr.pseudos.hidden=function(e)
{return!k.expr.pseudos.visible(e)},k.expr.pseudos.visible=function(e){return!!
(e.offsetWidth||e.offsetHeight||
e.getClientRects().length)},k.ajaxSettings.xhr=function(){try{return new
C.XMLHttpRequest}catch(e){}};var
Ut={0:200,1223:204},Xt=k.ajaxSettings.xhr();y.cors=!!Xt&&"withCredentials"in
Xt,y.ajax=Xt=!!Xt,k.ajaxTransport(function(i){var o,a;if(y.cors||Xt&&!
i.crossDomain)return{send:function(e,t){var
n,r=i.xhr();if(r.open(i.type,i.url,i.async,i.username,i.password),i.xhrFields)for(n
in i.xhrFields)r[n]=i.xhrFields[n];for(n in
i.mimeType&&r.overrideMimeType&&r.overrideMimeType(i.mimeType),i.crossDomain||e["X-
Requested-With"]||(e["X-Requested-
With"]="XMLHttpRequest"),e)r.setRequestHeader(n,e[n]);o=function(e){return
function()
{o&&(o=a=r.onload=r.onerror=r.onabort=r.ontimeout=r.onreadystatechange=null,"abort"
===e?r.abort():"error"===e?"number"!=typeof r.status?
t(0,"error"):t(r.status,r.statusText):t(Ut[r.status]||r.status,r.statusText,"text"!
==(r.responseType||"text")||"string"!=typeof r.responseText?{binary:r.response}:
{text:r.responseText},r.getAllResponseHeaders()))}},r.onload=o(),a=r.onerror=r.onti
meout=o("error"),void 0!==r.onabort?r.onabort=a:r.onreadystatechange=function()
{4===r.readyState&&C.setTimeout(function()
{o&&a()})},o=o("abort");try{r.send(i.hasContent&&i.data||null)}catch(e){if(o)throw
e}},abort:function(){o&&o()}}}),k.ajaxPrefilter(function(e)
{e.crossDomain&&(e.contents.script=!1)}),k.ajaxSetup({accepts:
{script:"text/javascript, application/javascript, application/ecmascript,
application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:
{"text script":function(e){return
k.globalEval(e),e}}}),k.ajaxPrefilter("script",function(e){void
0===e.cache&&(e.cache=!
1),e.crossDomain&&(e.type="GET")}),k.ajaxTransport("script",function(n){var
r,i;if(n.crossDomain||n.scriptAttrs)return{send:function(e,t)
{r=k("<script>").attr(n.scriptAttrs||
{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e)
{r.remove(),i=null,e&&t("error"===e.type?
404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var
Vt,Gt=[],Yt=/(=)\?(?=&|
$)|\?\?/;k.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Gt.pop()||
k.expando+"_"+kt++;return this[e]=!0,e}}),k.ajaxPrefilter("json
jsonp",function(e,t,n){var r,i,o,a=!1!
==e.jsonp&&(Yt.test(e.url)?"url":"string"==typeof
e.data&&0===(e.contentType||"").indexOf("application/x-www-form-
urlencoded")&&Yt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return
r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?
e[a]=e[a].replace(Yt,"$1"+r):!1!==e.jsonp&&(e.url+=(St.test(e.url)?"&":"?")
+e.jsonp+"="+r),e.converters["script json"]=function(){return o||k.error(r+" was
not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function()
{o=arguments},n.always(function(){void 0===i?
k(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Gt.push(r)),o&&m(i
)&&i(o[0]),o=i=void
0}),"script"}),y.createHTMLDocument=((Vt=E.implementation.createHTMLDocument("").bo
dy).innerHTML="<form></form><form></form>",2===Vt.childNodes.length),k.parseHTML=fu
nction(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||
(y.createHTMLDocument?
((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.locat
ion.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=D.exec(e))?
[t.createElement(i[1])]:
(i=we([e],t,o),o&&o.length&&k(o).remove(),k.merge([],i.childNodes)));var
r,i,o},k.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-
1<s&&(r=mt(e.slice(s)),e=e.slice(0,s)),m(t)?(n=t,t=void 0):t&&"object"==typeof
t&&(i="POST"),0<a.length&&k.ajax({url:e,type:i||"GET",dataType:"html",data:t}).done
(function(e){o=arguments,a.html(r?
k("<div>").append(k.parseHTML(e)).find(r):e)}).always(n&&function(e,t)
{a.each(function(){n.apply(this,o||
[e.responseText,t,e])})}),this},k.each(["ajaxStart","ajaxStop","ajaxComplete","ajax
Error","ajaxSuccess","ajaxSend"],function(e,t){k.fn[t]=function(e){return
this.on(t,e)}}),k.expr.pseudos.animated=function(t){return
k.grep(k.timers,function(e){return
t===e.elem}).length},k.offset={setOffset:function(e,t,n){var
r,i,o,a,s,u,l=k.css(e,"position"),c=k(e),f={};"static"===l&&(e.style.position="rela
tive"),s=c.offset(),o=k.css(e,"top"),u=k.css(e,"left"),
("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?
(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||
0),m(t)&&(t=t.call(e,n,k.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!
=t.left&&(f.left=t.left-s.left+i),"using"in t?
t.using.call(e,f):c.css(f)}},k.fn.extend({offset:function(t)
{if(arguments.length)return void 0===t?this:this.each(function(e)
{k.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?
r.getClientRects().length?
(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,
{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{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"===k.css(r,"position"))t=r.getBoundingCl
ientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||
n.documentElement;while(e&&(e===n.body||
e===n.documentElement)&&"static"===k.css(e,"position"))e=e.parentNode;e&&e!
==r&&1===e.nodeType&&((i=k(e).offset()).top+=k.css(e,"borderTopWidth",!
0),i.left+=k.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-
k.css(r,"marginTop",!0),left:t.left-i.left-k.css(r,"marginLeft",!
0)}}},offsetParent:function(){return this.map(function(){var
e=this.offsetParent;while(e&&"static"===k.css(e,"position"))e=e.offsetParent;return
e||ie})}}),k.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i)
{var o="pageYOffset"===i;k.fn[t]=function(e){return _(this,function(e,t,n){var
r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?
r.scrollTo(o?r.pageXOffset:n,o?
n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),k.each(["top","left"],function(e,
n){k.cssHooks[n]=ze(y.pixelPosition,function(e,t){if(t)return t=_e(e,n),$e.test(t)?
k(e).position()[n]+"px":t})}),k.each({Height:"height",Width:"width"},function(a,s)
{k.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o)
{k.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!
0===e||!0===t?"margin":"border");return _(this,function(e,t,n){var r;return x(e)?
0===o.indexOf("outer")?
e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?
(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r
["offset"+a],r["client"+a])):void 0===n?k.css(e,t,i):k.style(e,t,n,i)},s,n?e:void
0,n)}})}),k.each("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)
{k.fn[n]=function(e,t){return 0<arguments.length?
this.on(n,null,e,t):this.trigger(n)}}),k.fn.extend({hover:function(e,t){return
this.mouseenter(e).mouseleave(t||e)}}),k.fn.extend({bind:function(e,t,n){return
this.on(e,null,t,n)},unbind:function(e,t){return
this.off(e,null,t)},delegate:function(e,t,n,r){return
this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?
this.off(e,"**"):this.off(t,e||"**",n)}}),k.proxy=function(e,t){var
n,r,i;if("string"==typeof t&&(n=e[t],t=e,e=n),m(e))return r=s.call(arguments,2),
(i=function(){return e.apply(t||
this,r.concat(s.call(arguments)))}).guid=e.guid=e.guid||k.guid+
+,i},k.holdReady=function(e){e?k.readyWait++:k.ready(!
0)},k.isArray=Array.isArray,k.parseJSON=JSON.parse,k.nodeName=A,k.isFunction=m,k.is
Window=x,k.camelCase=V,k.type=w,k.now=Date.now,k.isNumeric=function(e){var
t=k.type(e);return("number"===t||"string"===t)&&!isNaN(e-
parseFloat(e))},"function"==typeof define&&define.amd&&define("jquery",
[],function(){return k});var Qt=C.jQuery,Jt=C.$;return k.noConflict=function(e)
{return C.$===k&&(C.$=Jt),e&&C.jQuery===k&&(C.jQuery=Qt),k},e||(C.jQuery=C.
$=k),k});
//]]></script>

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

</head>

<body>

<b:if cond='data:view.isMultipleItems or data:view.isPage'>

<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(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] =
val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript"
src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?
targetBlogID\x3d2847196606705860099\x26blogName\x3dNoviani\x26publishMode\x3dPUBLIS
H_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhtt
ps://novianirahayu.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl
\x3dhttp://novianirahayu.blogspot.com/\x26vt\x3d4947403110981724230',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(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:view.isMultipleItems'>
<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:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height'
expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl'
expr:width='data:width' style='display: block'/>
</a>

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
<b:if cond='data:view.isMultipleItems'>
<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:view.isMultipleItems'>
<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:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>

<ul>
<li><a
href='https://novianirahayu.blogspot.com/search/label/Review'>Review</a></li>
<li><a href='https://novianirahayu.blogspot.com/search/label/List'>List</a></li>
<li><a
href='https://novianirahayu.blogspot.com/search/label/Manga'>Manga</a></li>
<li><a
href='https://novianirahayu.blogspot.com/search/label/Novel'>Novel</a></li>
</ul>

</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:blog.locale'><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='style.textcolor'>#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='style.urlcolor'>#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='style.linkcolor'>#575757</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#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='style.layout'>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='style.bordercolor'>#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:view.isHomepage and data:post.isFirstPost ==

"true"'>
<meta expr:content='data:post.firstImageUrl' property='og:image'/>
</b:if>

<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:view.isPage'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:view.isPost'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi'/>
<script>
google.load("annotations", "1", {"locale":
"<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

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

<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>

</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url'
rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/>
<data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/>
<data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl'
expr:id='data:widget.instanceId + "_backlinks-create-link"'
target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:view.isPost'>
<b:loop values='data:posts' var='post'>
<div class='breadcrumbs' itemscope='itemscope'
itemtype='https://schema.org/BreadcrumbList'>
<span itemprop='itemListElement' itemscope='itemscope'
itemtype='https://schema.org/ListItem'>
<a expr:href='data:blog.homepageUrl' itemprop='item'
title='Home'>
<meta content='1' itemprop='position'/>
<span itemprop='name'><b:switch var='data:blog.locale'><b:case
value='id'/>Beranda<b:default/>Home</b:switch></span></a>
</span>
<b:if cond='data:post.labels'>
<b:loop index='nomor' values='data:post.labels' var='label'>
&nbsp;›&nbsp;
<span itemprop='itemListElement' itemscope='itemscope'
itemtype='https://schema.org/ListItem'>
<meta expr:content='data:nomor+2' itemprop='position'/>
<a expr:href='data:label.url + "?&max-
results=8"' expr:title='data:label.name' itemprop='item' rel='nofollow'>
<span itemprop='name'><data:label.name/></span>
</a>
</span>
</b:loop>
<b:else/>
&nbsp;›&nbsp; <span
itemprop='name'><data:blog.pageName/></span>
</b:if>
</div>
</b:loop>
<b:elseif cond='data:view.isPage'/>
<div class='breadcrumbs' itemscope='itemscope'
itemtype='https://schema.org/BreadcrumbList'>
<span itemprop='itemListElement' itemscope='itemscope'
itemtype='https://schema.org/ListItem'>
<a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
<meta content='1' itemprop='position'/>
<span itemprop='name'><b:switch var='data:blog.locale'><b:case
value='id'/>Beranda<b:default/>Home</b:switch></span></a>
</span> &nbsp;›&nbsp;
<span itemprop='itemListElement' itemscope='itemscope'
itemtype='https://schema.org/ListItem'>
<meta expr:content='data:num+2' itemprop='position'/>
<a expr:href='data:blog.url' expr:title='data:post.url'
itemprop='item'>
<span itemprop='name'><data:blog.pageName/></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:widget.instanceId + "_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:post.commentFormIframeSrc +
"&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:post.commentFormIframeSrc +
"&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:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl'
expr:title='data:top.deleteCommentMsg'>
<img class='lazyload' expr:alt='data:top.deleteCommentMsg' expr:aria-
label='data:top.deleteCommentMsg' src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments'
expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url'
expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<b:if cond='data:post.allowComments'>
<h3>
<b:switch var='data:blog.locale'><b:case value='id'/>
<b:if cond='data:post.numComments == 0'>Belum ada Komentar untuk
"<data:blog.pageName/>"</b:if> <b:if cond='data:post.numComments > 0'>
<data:post.numComments/> Komentar untuk "<data:blog.pageName/>" </b:if>
<b:default/>
<b:if cond='data:post.numComments == 0'>0 Response to
"<data:blog.pageName/>"</b:if> <b:if cond='data:post.numComments == 1'> 1
Response to "<data:blog.pageName/>" </b:if> <b:if
cond='data:post.numComments > 1'> <data:post.numComments/> Responses to
"<data:blog.pageName/>"</b:if>
</b:switch>
</h3>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
</b:if>

<data:post.commentRangeText/>

<b:if cond='data:post.hasNewerLinks'>
 
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</b:if>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass'
expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-
bottom:-2px;' width='16px'/>
</b:if>
<b:if cond='data:blog.enabledCommentProfileImages'>

</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'
rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId +
data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</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:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl'
expr:data-viewtype='data:post.viewType'/>

<b:if cond='data:post.embedCommentForm == "false"'>

<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='labelsinfo' var='post'>
<b:if cond='data:post.labels'>
<div class='label-line'>
<span class='label-info-th'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?&max-results=8"'
rel='tag'><data:label.name/></a><b:if cond='data:label.isLast !=
"true"'/>
</b:loop>
</span>
</div>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>

<div class='mobile-date-outer date-outer'>
<div class='mobile-post-outer'>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
<b:else/>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:alt='data:post.title'
expr:title='data:post.title' src='//1.bp.blogspot.com/-
aR5w9KXuWGU/XhSDNRAVuhI/AAAAAAAAHG8/dLxcaZxSgh0v85JG0mWRMQyEwqMgpL1_gCLcBGAsYHQ/s66
-c/no-image.jpg'/>
</div>
</div>
</b:if>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>
</a>
<div class='post-body'>
<div class='post-info'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='author-info'>
<a class='g-profile'
expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='author-info'>
<span><data:post.author/></span>
</span>
</b:if>
</b:if>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<span class='time-info'>
/ <a class='timestamp-link' expr:href='data:post.url'
rel='bookmark' title='permanent link'><span class='published updated'
expr:content='data:post.timestampISO8601'><data:post.timestamp/></span></a>
</span>
</b:if>
</b:if>
<b:if cond='!data:view.isPost'>
<b:if cond='!data:view.isPage'>
<b:if cond='data:post.allowComments'>
<span class='comment-info'>
/ <a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments ==
0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if>
<b:if cond='data:post.numComments > 1'> <data:post.numComments/> Comments
</b:if>
</a>
</span>
</b:if>
</b:if>
</b:if>
</div>

</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:view.isMultipleItems'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>

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

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

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

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

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

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</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:post.id'>
<data:post.body/>
<div style='clear: both;'/> 
</div>

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

<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-
button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-
container'><data:post.dummyTag/></div>
</b:if>
</div>

</div>
</div>
<b:include cond='data:blog.pageType 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:widget.instanceId + "_blog-pager-newer-link"'
expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

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

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

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

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

<b:switch var='data:blog.pageType'>
<b:case value='static_page'/> 
<div>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<div class='post-body entry-content' expr:id='"post-body-" +
data:post.id'>
<div id='body-post-it'>
<data:post.body/>
</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:blog.blogId/>';BLOG_attachCsiOnload(''); }
_WidgetManager._Init('//www.blogger.com/rearrange?
blogIDx3d<data:blog.blogId/>','<data:blog.homepageUrl/>','<data:blo
g.blogId/>');
_WidgetManager._RegisterWidget('_ContactFormView', new
_WidgetInfo('ContactForm1', 'footer1', null,
document.getElementById('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:blog.blogId/>', 'contactFormNameMsg': 'Name',
'contactFormEmailMsg': 'Email', 'contactFormMessageMsg':
'Message', 'contactFormSendMsg': 'Send',
'submitUrl': 'https://www.blogger.com/contact-form.do'},
'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:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name
+ "?alt=json-in-script&callback=bacajuga&max-results=5"'/>
</b:loop>
<script>
var judulbacajuga="<b:switch var='data:blog.locale'><b:case
value='id'/><h2>Baca Juga:</h2><b:default/><h2>Related:</h2></b:switch>"
var jumlahbacajuga=3;
removeRelatedDuplicates();
printRelatedLabels("<data:post.url/>");
</script>
</div>

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

data:post.id'>

<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:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>

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

data:post.id'>
<div class='post-snippet'>
<b:eval expr='snippet(data:post.longSnippet, {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:post.editUrl'> 
<span expr:class='"item-control " + data:post.adminClass'>
<span class='edit-post'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<em>Edit</em>
</a>
</span>
</span>
</b:if> 
</b:includable>
<b:includable id='postauthorbox' var='post'>
<b:if cond='data:post.authorAboutMe'> 
<div class='author-profile'>
<b:if cond='data:post.authorPhoto.url'>
<img class='lazyload' expr:alt='data:post.author' expr:data-
src='data:post.authorPhoto.url'
src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/>
</b:if>
<div>
<a class='g-profile' href='/' rel='author' title='author profile'>
<data:post.author/>
</a>
</div>
<span><data:post.authorAboutMe/></span>
</div>
</b:if> 
</b:includable>
<b:includable id='postauthorinfo' var='post'>
<b:if cond='data:top.showAuthor'> 
<span class='author-info'>
<b:switch var='data:blog.locale'><b:case value='id'/>Ditulis<b:default/>Written
By</b:switch>
<b:if cond='data:post.authorProfileUrl'>
<a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author'
title='author profile'>
<data:post.author/>
</a>
<b:else/>
<data:post.author/>
</b:if>
</span>
</b:if> 
</b:includable>
<b:includable id='postcommentinfo' var='post'>
<b:if cond='data:post.allowComments'> 
<span class='comment-info'>
<a expr:href='data:post.url + "#comments"'>
<b:switch var='data:blog.locale'><b:case value='id'/>
<b:if cond='data:post.numComments == 0'> Tulis Komentar </b:if> <b:if
cond='data:post.numComments > 0'> <data:post.numComments/> Komentar </b:if>
<b:default/>
<b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if
cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if
cond='data:post.numComments > 1'> <data:post.numComments/> Comments </b:if>
</b:switch>
</a>
</span>
</b:if> 
</b:includable>
<b:includable id='postdateinfo' var='post'>
<b:if cond='data:post.dateHeader'> 
<span class='time-info'><span class='updated published'
expr:title='data:post.timestampISO8601'>
<data:post.dateHeader/>
</span></span>
<b:else/>
<b:if cond='data:top.showTimestamp'>
<span class='time-info'><span class='updated published'
expr:title='data:post.timestampISO8601'>
<data:post.timestamp/>
</span></span>
</b:if>
</b:if> 
</b:includable>
<b:includable id='postlabelinfo' var='post'>
<b:if cond='data:post.labels'> 
<span class='label-info'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if
cond='data:label.isLast != "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:blog.locale'><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='"http://www.facebook.com/sharer.php?u=" + data:blog.url'
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='"https://twitter.com/intent/tweet?text=" + data:post.title +
"&url=" + data:post.url' 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='"http://pinterest.com/pin/create/button/?url=" + data:post.url
+ "&amp;media=" + data:blog.postImageUrl +
"&amp;description=" + data:post.title' 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='"https://api.whatsapp.com/send?phone=&text=" +
data:post.title + "%20%2D%20" + data:post.url' 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='https://feedburner.google.com/fb/a/mailverify' method='post'
onsubmit='window.open('https://feedburner.google.com/fb/a/mailverify?
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:post.firstImageUrl'>
<a expr:href='data:post.url'><img class='lazyload' expr:alt='data:post.title'
expr:data-src='resizeImage(data:post.firstImageUrl, 420, "300:200")'
expr:title='data:post.title'
src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/>
</a>
<b:elseif cond='data:post.thumbnailUrl'/>
<a expr:href='data:post.url'><img class='lazyload' expr:alt='data:post.title'
expr:data-src='resizeImage(data:post.thumbnailUrl, 420, "300:200")'
expr:title='data:post.title'
src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/>
</a>
<b:else/>
<a expr:href='data:post.url'><img class='lazyload' data-
src='https://1.bp.blogspot.com/-
aR5w9KXuWGU/XhSDNRAVuhI/AAAAAAAAHG8/dLxcaZxSgh0v85JG0mWRMQyEwqMgpL1_gCLcBGAsYHQ/w42
0-h280-c/no-image.jpg' expr:alt='data:post.title' expr:title='data:post.title'
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:post.id'/> 
<script>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels'
var='label'>"<data:label.name/>"<b:if cond='data:label.isLast !=
"true"'>, </b:if></b:loop></b:if>];
var relatedPostConfig = {
homePage: "<data:blog.homepageUrl/>",
widgetTitle: "<div class='label-line-c'><h4><b:switch
var='data:blog.locale'><b:case value='id'/>Artikel Terkait<b:default/>Related
Posts</b:switch></h4></div>",
numPosts: 8,
titleLength: "auto",
thumbnailWidth: 159,
thumbnailHeight: 89,
noImage: "//1.bp.blogspot.com/-
aR5w9KXuWGU/XhSDNRAVuhI/AAAAAAAAHG8/dLxcaZxSgh0v85JG0mWRMQyEwqMgpL1_gCLcBGAsYHQ/w15
9-h89-c/no-image.jpg",
containerId: "related-post-<data:post.id/>",
newTabLink: false,
moreText: "Read More",
widgetStyle: 3,
callBack: function() {}
};
</script> 
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button
sb-email' expr:href='data:post.sharePostUrl + "&target=email"'
expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-
text'><data:top.emailThisMsg/></span></a></b:if><b:if
cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-
blog' expr:href='data:post.sharePostUrl + "&target=blog"'
expr:onclick='"window.open(this.href, \"_blank\",
\"height=270,width=475\"); return false;"'
expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-
text'><data:top.blogThisMsg/></span></a></b:if><b:if
cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-
twitter' expr:href='data:post.sharePostUrl + "&target=twitter"'
expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-
link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if
cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-
facebook' expr:href='data:post.sharePostUrl + "&target=facebook"'
expr:onclick='"window.open(this.href, \"_blank\",
\"height=430,width=640\"); return false;"'
expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-
link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if
cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut'
expr:href='data:post.sharePostUrl + "&target=orkut"'
expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-
link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if
cond='data:top.showDummy'><div class='goog-inline-block dummy-
container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<b:if cond='data:mobile'>
<div class='pesan-komentar'><data:blogCommentMessage/></div>
<data:blogTeamBlogMessage/>
<a aria-label='tulis komentar' expr:href='data:post.commentFormIframeSrc +
"&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:post.commentFormIframeSrc +
"&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:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>',
'<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc'/>

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

var bodyFromEntry = function(entry) {

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

var parse = function(data) {

cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid =
/.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name ==
'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};

var paginator = function(callback) {

if (hasMore()) {
var url = config.feed + '?
alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};

var replybox = null;

var replyUrlParts = null;
var replyParent = undefined;

var onReply = function(commentId, domId) {

if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox.parentNode, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};

var hash = (window.location.hash || '#').substring(1);

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

// Configure commenting API:

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

var render = function() {

if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};

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

if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<h3>
<b:switch var='data:blog.locale'><b:case value='id'/>
<b:if cond='data:post.numComments == 0'>Belum ada Komentar untuk
"<data:blog.pageName/>"</b:if> <b:if cond='data:post.numComments > 0'>
<data:post.numComments/> Komentar untuk "<data:blog.pageName/>" </b:if>
<b:default/>
<b:if cond='data:post.numComments == 0'>0 Response to
"<data:blog.pageName/>"</b:if> <b:if cond='data:post.numComments == 1'> 1
Response to "<data:blog.pageName/>" </b:if> <b:if
cond='data:post.numComments > 1'> <data:post.numComments/> Responses to
"<data:blog.pageName/>"</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:view.isPost'>
<script>
var artikel=document.getElementById("body-post-
it"),paragraf=artikel.querySelectorAll("div > br, span >
br"),tengahArtikel=Math.ceil(.2*paragraf.length),tengahArtikel2=Math.ceil(.5*p
aragraf.length),tengahArtikel3=Math.ceil(.7*paragraf.length),iklan=document.querySe
lector("#iklan-tengah1 .widget-
content"),iklan2=document.querySelector("#iklan-tengah2 .widget-
content"),iklanAtas=document.querySelector("#iklan-atas .widget-
content"),iklanBawah=document.querySelector("#iklan-bawah .widget-
content"),bacajuga=document.getElementById("baca-
juga"),customParagraf=document.getElementById("iklan1"),customParagr
af2=document.getElementById("iklan2"),customParagraf3=document.getElement
ById("related");function insertAfter(a,e)
{e.parentNode.insertBefore(a,e.nextSibling)}null!
=iklanAtas&&"\n"!
=iklanAtas.innerHTML&&artikel.insertBefore(iklanAtas,artikel.childNodes[0])
,null!=iklanBawah&&"\n"!
=iklanBawah.innerHTML&&artikel.appendChild(iklanBawah),0<paragraf.length
?(null!=iklan&&"\n"!
=iklan.innerHTML&&insertAfter(iklan,null!==customParagraf?
customParagraf:paragraf[tengahArtikel]),null!=iklan2&&"\n"!
=iklan2.innerHTML&&insertAfter(iklan2,null!==customParagraf2?
customParagraf2:paragraf[tengahArtikel2]),insertAfter(bacajuga,null!
==customParagraf3?customParagraf3:paragraf[tengahArtikel3])):
(iklan.innerHTML="",iklan2.innerHTML="",bacajuga.innerHTML=&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:blog.url == data:label.url'>
<span
expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection'
expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection'
expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>

</div>
</b:includable>
</b:widget>
<b: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:view.isSingleItem and data:posts any (p => p.id !=
data:view.postId)' 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:post.href'><data:post.title/></a>
<b:else/>

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

<div expr:class='data:showSnippets ? "item-content" :
"item-thumbnail-only"'>
<b:if cond='data:post.featuredImage.isResizable or
data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<b:with value='data:post.featuredImage.isResizable
? resizeImage(data:post.featuredImage, 72, "1:1")
: data:post.thumbnail' var='image'>
<img alt='' border='0' expr:src='data:image'/>
</b:with>
</a>
</div>
</b:if>
<div class='item-title'><a
expr:href='data:post.href'><data:post.title/></a></div>
<b:if cond='data:showSnippets'>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
</div>
<div style='clear: both;'/>
</b:if>
</li>
</b:loop>
</ul>
<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:post.href'><data:post.title/></a>
<b:else/>

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

<div expr:class='data:showSnippets ? "item-content" :
"item-thumbnail-only"'>
<b:if cond='data:post.featuredImage.isResizable or
data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<b:with value='data:post.featuredImage.isResizable
? resizeImage(data:post.featuredImage, 72, "1:1")
: data:post.thumbnail' var='image'>
<img class='lazyload' expr:alt='data:post.title' 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:post.href'><data:post.title/></a></div>
<b:if cond='data:showSnippets'>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
</div>
<div style='clear: both;'/>
</b:if>
</li>
</b:loop>
</ul>

</div>
</b:includable>
</b:widget>
</b:section>
</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:blog.homepageUrl'><data:blog.title/></a>
</footer>
</div>

<b:if cond='data:view.isPost'>
<script>
//<![CDATA[
if(relatedPosts==1){
var randomRelatedIndex,showRelatedPost;!function(e,a,l){var
g={widgetTitle:"<h4>Artikel
Terkait:</h4>",widgetStyle:3,homePage:"http://www.dte.web.id",numPosts:8,summaryLen
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=a.createElement("script");t.type="text/javascript",t.src=e,l.appendChild(t)},A=fu
nction(e){var t,a,l=e.length;if(0===l)return!1;for(;--
l;)t=Math.floor(Math.random()*(l+1)),a=e[l],e[l]=e[t],e[t]=a;return
e},i="object"==typeof labelArray&&0<labelArray.length?"/-/"+A(labelArray)
[0]:"";randomRelatedIndex=function(e){var t,a,l=e.feed.openSearch$totalResults.$t-
g.numPosts,n=(t=1,a=0<l?l:1,Math.floor(Math.random()*(a-t+1))
+t);r(g.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+i+"?alt=json-in-
script&orderby=updated&start-index="+n+"&max-
results="+g.numPosts+"&callback=showRelatedPost")},showRelatedPost=function(e){var
t,a,l,n,r=document.getElementById(g.containerId),i=A(e.feed.entry),s=g.widgetStyle,
o=g.widgetTitle+'<ul class="related-post-style-'+s+'">',d=g.newTabLink?'
target="_blank"':"",m='<span style="display:block;clear:both;"></span>';if(r)
{for(var h=0;h<g.numPosts&&h!=i.length;h++){a=i[h].title.$t,l="auto"!
==g.titleLength&&g.titleLength<a.length?a.substring(0,g.titleLength)
+"…":a,n="media$thumbnail"in i[h]&&!1!==g.thumbnailWidth?
i[h].media$thumbnail.url.replace(/.*?:\/\//g,"//").replace(/\/s[0-9]+(\-
c)?/,"/w"+g.thumbnailWidth+"-h"+g.thumbnailHeight+"-c"):g.noImage,"summary"in
i[h]&&0<g.summaryLength&&i[h].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?
>/g,"").replace(/[<>]/g,"").substring(0,g.summaryLength);for(var
c=0,u=i[h].link.length;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="'+g.thumbnailWidth+'" height="'+g.thumbnailHeight+'"></a><div
class="related-post-item-tooltip"><a class="related-post-item-title" title="'+a+'"
href="'+t+'"'+d+">"+l+"</a></div>"+m+"</li>")}r.innerHTML=o+="</ul>"+m,g.callBack()
}},r(g.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+i+"?alt=json-in-
script&orderby=updated&max-results=0&callback=randomRelatedIndex")}
(window,document,document.getElementsByTagName("head")[0]);
};
//]]>
</script>
</b:if>

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

<b:if cond='data:view.isMultipleItems'>

<script>
var perPage=8;
var numPages=6;
var firstText ='<b:switch var='data:blog.locale'><b:case
value='id'/>Pertama<b:default/>First</b:switch>';
var lastText ='<b:switch var='data:blog.locale'><b:case
value='id'/>Terakhir<b:default/>Last</b:switch>';
var prevText ='› <b:switch var='data:blog.locale'><b:case
value='id'/>Sebelumnya<b:default/>Prev</b:switch>';
var nextText ='<b:switch var='data:blog.locale'><b:case
value='id'/>Selanjutnya<b:default/>Next</b:switch> ›';
var urlactivepage=location.href;
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=document.getElementsByName("pageArea");var
blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++)
{pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager)
{blogPager.innerHTML=html}}function totalcountdata(root){var feed=root.feed;var
totaldata=parseInt(feed.openSearch$totalResults.
$t,10);looppagecurrentg(totaldata)}function pagecurrentg(){var
thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1)
{if(thisUrl.indexOf("?updated-max")!=-1)
{postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")
+14,thisUrl.indexOf("?updated-
max"))}else{postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")
+14,thisUrl.indexOf("?&max"))}}if(thisUrl.indexOf("?q=")==-
1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1)
{currentPage="page";if(urlactivepage.indexOf("#PageNo=")!=-1)
{currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")
+8,urlactivepage.length)}else{currentPageNo=1}document.write("<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(urlactivepage.indexOf("#PageNo=")!=-1)
{currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")
+8,urlactivepage.length)}else{currentPageNo=1}document.write('<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=document.getElementsByTagName('head')[0];var
newInclude=document.createElement('script');newInclude.type='text/javascript';newIn
clude.setAttribute("src",home_page+"feeds/posts/summary?start-
index="+jsonstart+"&max-results=1&alt=json-in-
script&callback=finddatepost");nameBody.appendChild(newInclude)}function
redirectlabel(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var
nameBody=document.getElementsByTagName('head')[0];var
newInclude=document.createElement('script');newInclude.type='text/javascript';newIn
clude.setAttribute("src",home_page+"feeds/posts/summary/-/"+postLabel+"?start-
index="+jsonstart+"&max-results=1&alt=json-in-
script&callback=finddatepost");nameBody.appendChild(newInclude)}function
finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.
$t.substring(0,19)+post.published.$t.substring(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}location.href=pAddress}
};
//]]>
</script>
</b:if>
</b:if>

<b:defaultmarkups>
<b:defaultmarkup type='Common'>
<b:includable id='thumbnailstyle'>
<style>
.info-1, h2.post-title, .post-snippet {
margin-left: 275px;
}
@media only screen and (max-width:480px) {
.info-1, h2.post-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;
}
h2.post-title {
display: inline;
}
}
@media only screen and (max-width: 300px) {
.img-thumbnail {
height: 130px;
}
}
</style>
</b:includable>
</b:defaultmarkup>
</b:defaultmarkups>

</body>
</html>

© Mcgraw-Hill Education. All Rights Reserved. No Reproduction or Distribution Without The Prior Written Consent of Mcgraw-Hill Education
No ratings yet
© Mcgraw-Hill Education. All Rights Reserved. No Reproduction or Distribution Without The Prior Written Consent of Mcgraw-Hill Education
218 pages
Blogger Template
No ratings yet
Blogger Template
15 pages
Lesson Plan Parallel Lines
No ratings yet
Lesson Plan Parallel Lines
1 page
Temperature Dependence of The Sublimation Rate of Water Ice - Influence of Impurities
No ratings yet
Temperature Dependence of The Sublimation Rate of Water Ice - Influence of Impurities
5 pages
Template
No ratings yet
Template
141 pages
New Text Document
No ratings yet
New Text Document
149 pages
ReVio - KreativeUnit
No ratings yet
ReVio - KreativeUnit
156 pages
Templet Blog
No ratings yet
Templet Blog
111 pages
New Text Document
No ratings yet
New Text Document
111 pages
XML Latihan
No ratings yet
XML Latihan
216 pages
Amazen Free XML - XML
No ratings yet
Amazen Free XML - XML
101 pages
Template Trilogi V.2
No ratings yet
Template Trilogi V.2
66 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
Haji 100
No ratings yet
Haji 100
40 pages
Template Geografile
No ratings yet
Template Geografile
41 pages
React Portfolio App Development: Increase your online presence and create your personal brand
From Everand
React Portfolio App Development: Increase your online presence and create your personal brand
Abdelfattah Ragab
No ratings yet
Bolt Blogger Template
No ratings yet
Bolt Blogger Template
383 pages
Oklahoma Night Before Christmas
From Everand
Oklahoma Night Before Christmas
Carolyn Macy
No ratings yet
Angular Shopping Store: From Scratch to Successful Payment
From Everand
Angular Shopping Store: From Scratch to Successful Payment
Abdelfattah Ragab
No ratings yet
Theme-4282939346066188998
No ratings yet
Theme-4282939346066188998
110 pages
Template Blog Lama
No ratings yet
Template Blog Lama
49 pages
Template
No ratings yet
Template
18 pages
Template
No ratings yet
Template
106 pages
Template Blogspot
No ratings yet
Template Blogspot
36 pages
Ros New 1
No ratings yet
Ros New 1
49 pages
Son of the sixth
From Everand
Son of the sixth
Richard John Ellicott
No ratings yet
XML Version
No ratings yet
XML Version
47 pages
Ssss
No ratings yet
Ssss
42 pages
Survival From The Start: The Misadventures of Mekkâr
From Everand
Survival From The Start: The Misadventures of Mekkâr
Saavo
No ratings yet
Blog Template 1
No ratings yet
Blog Template 1
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
قالب القبول في ادسنس بدون حقوق
No ratings yet
قالب القبول في ادسنس بدون حقوق
81 pages
The Journey: Staying on the Path
From Everand
The Journey: Staying on the Path
Chris Futrell
No ratings yet
HTML NasiLemak
No ratings yet
HTML NasiLemak
5 pages
My Dad, the Earth Warrior
From Everand
My Dad, the Earth Warrior
Gary Haq
No ratings yet
Templeaat Baru Dengan Tomblol Close Baru
No ratings yet
Templeaat Baru Dengan Tomblol Close Baru
77 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
Pure Guidance
From Everand
Pure Guidance
Master Rashid
No ratings yet
Lone Wolf
From Everand
Lone Wolf
Robin Mason
No ratings yet
Chubby Girls Don't Cheer
From Everand
Chubby Girls Don't Cheer
Kelly Clinger
No ratings yet
Comprehensive CSS3 Command List, With Descriptions And Typical Mark Up
From Everand
Comprehensive CSS3 Command List, With Descriptions And Typical Mark Up
Online Trainees
No ratings yet
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
Oldenglen
From Everand
Oldenglen
Robin Mason
No ratings yet
Modul Bootstrap Dengan CodeIgniter
No ratings yet
Modul Bootstrap Dengan CodeIgniter
15 pages
Simple BioLink
No ratings yet
Simple BioLink
5 pages
What Unemployed?
From Everand
What Unemployed?
Diana Leff
No ratings yet
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
STORIES FOR WOMEN: PORTRAITS OF HOPE
From Everand
STORIES FOR WOMEN: PORTRAITS OF HOPE
DESIRE MINISTRIES PURE
1/5 (1)
10 Basic Exterior Design Principles
No ratings yet
10 Basic Exterior Design Principles
2 pages
Timeline DarkSkin
No ratings yet
Timeline DarkSkin
1 page
Lynda
No ratings yet
Lynda
1 page
(GRATIS) Trik Halaman 1 Google Tanpa Web Tanpa Artikel
No ratings yet
(GRATIS) Trik Halaman 1 Google Tanpa Web Tanpa Artikel
1 page
Soal 1: Menghitung RAV
No ratings yet
Soal 1: Menghitung RAV
8 pages
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
MA Class 4 (Feb. 1)
No ratings yet
MA Class 4 (Feb. 1)
12 pages
LogiTRACE Manual E
No ratings yet
LogiTRACE Manual E
66 pages
Sound Physics and Music
No ratings yet
Sound Physics and Music
88 pages
13 - Technical Info - Handling - Abbreviation
No ratings yet
13 - Technical Info - Handling - Abbreviation
24 pages
Requirment List CSSD - 1
No ratings yet
Requirment List CSSD - 1
1 page
Super-Precision Angular Contact Ball Bearings: High-Speed, B Design, Sealed As Standard
No ratings yet
Super-Precision Angular Contact Ball Bearings: High-Speed, B Design, Sealed As Standard
48 pages
Nato Ag-Avt-140-24
100% (1)
Nato Ag-Avt-140-24
22 pages
A2502200236
No ratings yet
A2502200236
7 pages
Seals & Gaskets: Failure Analysis Overview
No ratings yet
Seals & Gaskets: Failure Analysis Overview
12 pages
Areviewofdomesticheatpumps PDF
No ratings yet
Areviewofdomesticheatpumps PDF
18 pages
2.4 - Measures of Dispersion
No ratings yet
2.4 - Measures of Dispersion
16 pages
Principles of Insulation Testing
No ratings yet
Principles of Insulation Testing
10 pages
Spot Welding
No ratings yet
Spot Welding
3 pages
CBSE X Class Term - 1 Physics Practice Work Sheet 1
No ratings yet
CBSE X Class Term - 1 Physics Practice Work Sheet 1
10 pages
The Development of The Foundations of Mathematical Analysis From Euler To Riemann (I. Grattan-Guinness)
No ratings yet
The Development of The Foundations of Mathematical Analysis From Euler To Riemann (I. Grattan-Guinness)
210 pages
Research Defense Template by Rome
No ratings yet
Research Defense Template by Rome
28 pages
08 Acceptance Sampling Plans - Ppm's
No ratings yet
08 Acceptance Sampling Plans - Ppm's
30 pages
ELK Cookbook
No ratings yet
ELK Cookbook
33 pages
DX Diag
0% (1)
DX Diag
11 pages
Fake Reviews Detection Based On LDA: Shaohua Jia Xianguo Zhang, Xinyue Wang, Yang Liu
No ratings yet
Fake Reviews Detection Based On LDA: Shaohua Jia Xianguo Zhang, Xinyue Wang, Yang Liu
4 pages
CHP032 - RTU560 Remote Terminal Unit PLC Programming - Configuration
No ratings yet
CHP032 - RTU560 Remote Terminal Unit PLC Programming - Configuration
1 page
02_basicarch
No ratings yet
02_basicarch
103 pages
Chapter 3 Outline
No ratings yet
Chapter 3 Outline
2 pages
CLO Assignment PDF
No ratings yet
CLO Assignment PDF
4 pages
21aid02 Foundations of Artificial Intelligence
No ratings yet
21aid02 Foundations of Artificial Intelligence
2 pages
Stopswitch M100: General
No ratings yet
Stopswitch M100: General
2 pages
Most SAP ABAP Module Pool Interview Questions and Answers
100% (1)
Most SAP ABAP Module Pool Interview Questions and Answers
9 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="body.background" 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="h2.post-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 li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover {

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

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

.comments .comments-content .loadmore.loaded {

@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:view.isMultipleItems or data:view.isPage'>

<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:view.isHomepage and data:post.isFirstPost ==

<b:else/>

<b:if cond='data:post.embedCommentForm == &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:blog.homepageUrl'><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:post.embedCommentForm == "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:blog.isMobile == "false"'>