Personal Blog Template ISOP Edited ~ Template Blogger Selected

CLICK COPY AND PASTE THIS CODE TO YOUR BLOGGER EDIT HTML PAGE, GOOD LUCK !

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<b:include data='blog' name='all-head-content'/>
<link href='http://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'/>
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title> 
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>

<b:skin><![CDATA[/*
-----------------------------------------------
Template Name  : Bushwick
Author         : NewBloggerThemes.com
Author URL     : http://newbloggerthemes.com/
Theme URL      : http://newbloggerthemes.com/bushwick-blogger-template/
Created Date   : Tuesday, April 1, 2014
License        : GNU General Public License v2 or later
----------------------------------------------- */
body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout .site-header {margin-top: 100px !important;min-height: 100px !important;position: relative !important;}
body#layout .bwrapsite-branding {position: relative !important;}
body#layout .bwrapwidget-area {display: block !important;}
body#layout .navigation-main {display: none !important;}
/* Variable definitions
   ====================

/* Use this with templates/template-twocol.html */

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

/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 border: 0;
 font-family: inherit;
 font-size: 100%;
 font-style: inherit;
 font-weight: inherit;
 margin: 0;
 outline: 0;
 padding: 0;
 vertical-align: baseline;
}
html {
 font-size: large;
 height: 100%;
 line-height: 1.5;
 overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
 -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
 -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
 background: #fff;
 height: 100%;
 -ms-word-wrap: break-all;
 word-wrap:     break-word;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
 display: block;
}
ol, ul {
 list-style: none;
}
li li {
 margin-left: 1.5em;
}
table { /* tables still need 'cellspacing="0"' in the markup */
 border: 0;
 border-collapse: separate;
 border-spacing: 2px;
}
caption, th, td {
 font-weight: normal;
 text-align: left;
}
td {
 background: rgba(51, 71, 61, 0.05);
 padding: 0.5em;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
 content: "";
}
blockquote,
q {
 quotes: "" "";
 -webkit-hyphens: none;
 -moz-hyphens:    none;
 -ms-hyphens:     none;
 hyphens:         none;
}
a:focus {
 outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
 outline: 0;
}
a > img {
border: 0;
vertical-align: middle;
}

/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
color: #33473d;
font: 400 0.83333333rem/1.5 "PT Serif","proxima-nova","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
color: #774553;
clear: both;
font: 700 2.2rem/1.5 PT Serif,"Aleo","Skolar","ff-tisa-web-pro","Georgia",serif;
}
h1 {
font-size: 2.75rem;
line-height: 1;
margin-bottom: 0.5em;
}
h2 {
font-size: 1.5rem;
line-height: 1.333333333333333;
margin-bottom: 0.6666666666666667em;
}
h3 {
font-size: 1rem;
line-height: 1;
margin-bottom: 1em;
}
h4 {
font-size: 0.875rem;
line-height: 1.142857142857;
margin-bottom: 1.142857142857em;
}
h5 {
font-size: 0.75rem;
line-height: 1.333333333333333;
margin-bottom: 1.333333333333333em;
}
h6 {
font-size: 0.6666666666666667rem;
line-height: 1.333333333333333;
margin-bottom: 1.333333333333333em;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}

/* Text elements */
p {
margin-bottom: 1.5em;
}
ul, ol {
list-style-type: none;
margin: 0 0 1.5em 3em;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
b, strong {
font-weight: bold;
}
address, dfn, cite, em, i {
font-style: italic;
}
blockquote {
border-left: 5px solid #c38596;
color: rgba(51, 71, 61, 0.5);
font-family: PT Serif,"Aleo","Skolar","ff-tisa-web-pro","Georgia",serif;
font-style: italic;
padding-left: 1.5em;
}
blockquote cite {
color: #33473d;
font-family: "PT Serif", "proxima-nova", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-style: normal;
font-size: 0.75em;
}

blockquote cite:before {
content: "\2014 \0020";
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 0.6875rem;
-webkit-hyphens: none;
-moz-hyphens:    none;
-ms-hyphens:     none;
hyphens:         none;
line-height: 1;
margin-bottom: 1.6em;
padding: 1.6em;
overflow: auto;
max-width: 100%;
}
code, kbd, tt, var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
-webkit-hyphens: none;
-moz-hyphens:    none;
-ms-hyphens:     none;
hyphens:         none;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
figure {
margin: 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
th {
font-weight: bold;
}
img {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
button,
input,
select,
textarea {
font-size: 100%; /* Corrects font size not being inherited in all browsers */
margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
vertical-align: baseline; /* Improves appearance and consistency in all browsers */
*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 0;
border-radius: 3px;
background: #774553;
color: #fff;
cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
font-size: 12px;
font-size: 0.7rem;
line-height: 1;
padding: .8em 1.5em;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #68adc3;
}

input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
-moz-box-sizing:    content-box;
box-sizing:         content-box;
font-size: 0.55rem;
width: 100%;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
border: 0;
padding: 0;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea {
color: #666;
border: 1px solid rgba(51, 71, 61, 0.1);
border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #111;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"] {
font-size: 0.7rem;
max-width: 100%;
padding: 0.75em;
}
textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
padding: 0.75em;
vertical-align: top; /* Improves readability and alignment in all browsers */
width: 100%;
}

/* Links */
a {
color: #68adc3;
/*font-weight: 700;*/
text-decoration: none;
}
a:hover,
a:focus,
a:active {
text-decoration: underline;
}

/* Alignment */
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.clear:before,
.clear:after,
.hentry:before,
.hentry:after,
[class*="navigation"]:before,
[class*="navigation"]:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
content: '';
display: table;
}

.clear:after,
.hentry:after,
[class*="navigation"]:after,
[class*="content"]:after,
[class*="site"]:after {
clear: both;
}

/* =Site
----------------------------------------------- */

.site-header {
background: rgba(51, 71, 61, 0.05);
min-height: 100%;
}

.bwrapsite-branding {
bottom: 3.5em;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
left: 5%;
max-width: 90%;
padding: 1.5em;
position: absolute;
}

.bwrapsite-main {
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
display: block;
margin: 0 auto;
padding: 1.5em 1.5em 1.5em 0.5em;
width: 90%;
}

body:not(.archive):not(.search) .hentry:first-of-type + .entry-preview,
.archive .entry-preview:first-of-type,
.search .entry-preview:first-of-type {
border-top: 1px solid rgba(51, 71, 61, 0.1);
margin-top: 3em;
padding-top: 3em;
}

/* =Menu
----------------------------------------------- */

.navigation-main {
clear: both;
display: block;
float: left;
margin: 0 0 1em;
width: 100%;
z-index: 99998;
background-color:#ffffff;
}
.navigation-main .bwraptopmenu,
.navigation-main .nav-menu {
float: left;
width: 95%;
width: -webkit-calc(100% - 1.3rem);
width:         calc(100% - 1.3rem);
background-color:#ffffff;
}
.navigation-main ul {
list-style: none;
margin: 0;
position: relative;
}
.navigation-main li {
display: inline-block;
font-size: 0.6875rem;
font-weight: 900;
margin-bottom: 0.8em;
margin-right: 1.5em;
padding-bottom: 0.25em;
position: relative;
text-transform: uppercase;
}
.navigation-main a {
border-bottom: 5px solid transparent;
color: #774553;
display: block;
text-decoration: none;
font-weight: normal;
}
.navigation-main ul ul {
background-color: #eee;
display: none;
float: left;
position: absolute;
z-index: 1;
}
.navigation-main ul ul ul {
left: 100%;
top: 0;
}
.navigation-main ul ul a {
padding: 18px 12px;
width: 200px;
}
.navigation-main ul ul li {
display: block;
line-height: 1;
margin: 0;
padding: 0;
}
.navigation-main ul ul a:hover,
.navigation-main ul ul li.focus > a {
background-color: #efefef;
}
.navigation-main ul li:hover > ul {
display: block;
}
.navigation-main .current_page_item > a,
.navigation-main .current-menu-item > a {
color: #c38596;
}
.navigation-main li:hover > a {
border-bottom: 5px solid #c38596;
color: #68adc3;
}

.navigation-main ul ul li:hover > ul,
.navigation-main ul ul li.focus > ul {
left: 100%;
}

.navigation-main .menu-item-has-children > a,
.navigation-main .page_item_has_children > a {
padding-right: 1em;
}
.navigation-main .children .menu-item-has-children > a,
.navigation-main .children .page_item_has_children > a {
padding-right: 12px;
}

.navigation-main .menu-item-has-children > a:after,
.navigation-main .page_item_has_children > a:after {
-webkit-font-smoothing: antialiased;
content: '\f0d7';
display: inline-block;
font: normal 0.6em/1 'FontAwesome';
font-family: FontAwesome;
position: absolute;
right: 0;
top: 0.5rem;
vertical-align: text-bottom;
}

.navigation-main .menu-item-has-children li.menu-item-has-children > a:after,
.navigation-main .menu-item-has-children li.page_item_has_children > a:after,
.navigation-main .page_item_has_children li.menu-item-has-children > a:after,
.navigation-main .page_item_has_children li.page_item_has_children > a:after {
content: "\f0da";
right: 1em;
top: 2.3em;
font-family: FontAwesome;
}

.menu-toggle,
.navigation-main .widget-handle {
color: #774553;
display: block;
float: right;
width: 1.3rem;
}

.menu-toggle:before,
.navigation-main .widget-handle:before {
content: '\f0c9';
font-family: FontAwesome;
font-size: 1.2rem;
font-weight: bold;
line-height: 1.3;
text-decoration: none;
vertical-align: middle;
}

.menu-toggle:before:hover,
.toggled .menu-toggle,
.navigation-main .widget-handle:hover:before,
.navigation-main .widget-handle.open:before {
color: #c38596;
}

/* Small menu */
.menu-toggle {
display: none;
cursor: pointer;
}

.site-header .site-title,
.site-header .site-description,
.site-header .entry-header .entry-title,
.site-header .entry-header .entry-meta a,
.site-header .entry-header .post-navigation a {
color: #fff;
text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.site-header .site-title a {
color: inherit;
text-decoration: none;
}
.site-header .entry-meta {
display: inline-block;
width: 75%;
}

/* =Content
----------------------------------------------- */

.sticky {
}
.hentry {
margin: 0 0 1.5em;
}

.hentry ul,
.comment-content ul {
list-style: disc;
}
.hentry ol,
.comment-content ol {
list-style: lower-roman;
}

.byline {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}

.entry-title,
.entry-title a {
color: #c38596;
font-weight: 900;
}
.site-header .post-navigation a {
color: #774553;
}
.entry-header {
display: inline-block;
max-width: 80%;
}
.entry-title a:hover {
color: #68adc3;
text-decoration: underline;
}
.entry-title {
font-size: 1.5rem;
line-height: 1.2;
margin-bottom: 0;
}
.entry-content,
.entry-summary {
clear: both;
margin: 1.5em 0 0;
}

.entry-summary {
color: rgba(51, 71, 61, 0.5);
font-family: PT Serif,"Aleo","Skolar","ff-tisa-web-pro","Georgia",serif;
font-style: italic;
position: relative;
}
.entry-summary p:first-of-type:before {
color: #C38596;
content: "TL;DR -";
font-family: "PT Serif","proxima-nova","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
font-size: 0.6em;
font-style: normal;
font-weight: 900;
left: 0;
line-height: 2.5;
padding-top: 0.1em;
position: absolute;
}

.entry-summary p:first-of-type {
margin-left: 3em;
}

.entry-permalink {
display: inline-block;
float: right;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}

.site-header .entry-meta a {
color: #33473d;
font-weight: 400;
}
.hentry .entry-meta {
font-size: 0.55rem;
}

.more-link,
#infinite-handle span {
background: #774553;
border-radius: 3px;
color: #fff;
display: table;
font-size: .825em;
font-weight: 400;
line-height: 2;
margin: .75em 0;
padding: .25em 1.5em .3em;
-webkit-transition: background .15s ease-in-out;
-moz-transition:    background .15s ease-in-out;
-ms-transition:     background .15s ease-in-out;
-o-transition:      background .15s ease-in-out;
transition:         background .15s ease-in-out;
}
.more-link:hover,
#infinite-handle span:hover {
background: #68adc3;
color: #fff;
}

.more-link .meta-nav {
font-size: inherit;
line-height: inherit;
}

/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
max-width: 100%;
}

/* =Navigation
----------------------------------------------- */

.nav-previous {
float: left;
width: 50%;
}
.nav-next {
text-align: right;
}

.site-header [class*="navigation"] {
float: right;
text-align: right;
width: 25%;
}

.post-navigation .nav-links {
min-height: 68px;
}

.post-navigation .meta-nav {
font-size: 2rem;
line-height: 0.35;
}

.post-navigation a:hover {
color: #68adc3;
text-decoration: none;
}

/* =Widgets
----------------------------------------------- */

.bwrapwidget-area {
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
background: rgba(51, 71, 61, 0.05);
display: none;
padding: 0 1.5em;
}

#secondarybwrap .widget {
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
display: inline-block;
font-size: 0.6875rem;
padding: 0.8em 1.5em;
position: relative;
vertical-align: top;
width: 49%;
}

#secondarybwrap .widget-title {
font-size: 1rem;
line-height: 1.333333333333333;
margin-bottom: 0.6em;
}

#secondarybwrap .widget h2 {
font-size: 1rem;
line-height: 1.333333333333333;
margin-bottom: 0.6em;
}

#secondarybwrap .widget ul,
#secondarybwrap .widget ol {
margin: 0;
}

#secondarybwrap .widget li a {
text-transform: none;
}

/* Make sure select elements fit in widgets */
.widget select {
max-width: 100%;
}

/* Search widget */
.search-form .search-submit {
display: none;
}

/* =Footer
----------------------------------------------- */

.site-footer {
border-top: 1px solid rgba(51, 71, 61, 0.05);
}

.site-info {
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
font-size: 0.55rem;
margin: 0 auto;
padding: 2.4em;
position: relative;
width: 90%;
}
#wpstats {
margin-left: 70%;
}

@media (min-width: 1024px) {
.site-header {
float: left;
position: fixed;
width: 40%;
}

.bwrapwidget-area,
.content-area,
.site-footer {
float: right;
max-width: 60%;
width: 60%;
}

/* Home Button */
.navigation-main li.home-link {
left: 4.4%;
position: fixed;
top: 1.8em;
}

.rtl .navigation-main li.home-link {
left: auto;
right: 4.4%;
}

.admin-bar .navigation-main li.home-link {
top: 3.5em;
}

body:not(.single) .home-link > a {
color: #fff;
text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

body:not(.single) .home-link > a:hover {
border-bottom-color: #fff;
}

.navigation-main .current-menu-item.home-link > a,
.navigation-main .current_page_item.home-link > a,
.featured-image .navigation-main .home-link > a,
body:not(.single) .home-link > a:hover {
color: #f7f2cb;
}
}
@media (max-width: 1023px) {

.navigation-main {
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
left: 0;
padding: 1.75em 3.5em;
position: absolute;
top: 0;
width: 100%;
}

.admin-bar .navigation-main {
margin-top: 32px;
}

.navigation-main .widget-handle {
display: none;
}

.menu-toggle:before,
.navigation-main .widget-handle:before {
text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.featured-image .navigation-main  div > ul > li > a,
body:not(.single) .navigation-main div > ul > li > a,
.navigation-main .menu-toggle {
color: #fff;
}

.featured-image .navigation-main div > ul > li:hover > a,
body:not(.single) .navigation-main div > ul > li:hover > a,
.featured-image .menu-toggle:hover:before,
body:not(.single) .menu-toggle:hover:before,
.featured-image .toggled .menu-toggle:before,
body:not(.single) .toggled .menu-toggle:before {
color: #f7f2cb;
border-bottom-color: #fff;
}
.navigation-main > div > ul > li.current_page_item > a,
.navigation-main > div > ul > li.current-menu-item > a {
color: #f7f2cb;
}

.navigation-main.toggled {
background: rgba(0,0,0,0.85);
}

.menu-toggle,
.navigation-main.toggled .nav-menu {
display: block;
}

.navigation-main ul {
display: none;
}

#wpstats {
display: block;
margin: auto;
padding-bottom: 1rem;
}
}

@media (max-width: 599px) {
.site-header {
min-height: 0;
}
.bwrapsite-branding,
.single .entry-header {
position: relative;
bottom: auto;
top: auto;
left: auto;
right: auto;
margin-top: 2.75em;
width: 100%;
max-width: 100%;
}
.navigation-main ul ul {
background-color: transparent;
border-top: 1px solid #333;
float: none;
padding-left: 32px;
position: static;
z-index: 0;
}
.navigation-main ul ul li:last-child {
border-bottom: none;
}
.navigation-main ul ul a {
box-sizing: border-box;
padding: 16px 0;
width: 100%;
}
.navigation-main .bwraptopmenu,
.navigation-main .nav-menu {
clear: both;
float: none;
width: 100%;
}
.navigation-main li {
border-bottom: 1px solid #333;
display: block;
margin: 0;
padding: 0;
}
.navigation-main li a,
.navigation-main li:hover a {
border: none;
padding: 16px 0;
}
.navigation-main ul ul a:hover,
.navigation-main ul ul li.focus > a {
background-color: transparent;
}
.navigation-main .menu-item-has-children li.menu-item-has-children > a:after,
.navigation-main .menu-item-has-children li.page_item_has_children > a:after,
.navigation-main .page_item_has_children li.menu-item-has-children > a:after,
.navigation-main .page_item_has_children li.page_item_has_children > a:after {
right: 0;
}
.navigation-main .menu-item-has-children > a:after,
.navigation-main .page_item_has_children > a:after {
top: 1rem;
}
.entry-header {
max-width: 100%;
}
.site-title,
.entry-title {
font-size: 1.5rem;
}
.entry-permalink {
display: none;
}
}

@media (max-width: 480px) {
.navigation-main {
padding: 1.75em 1em;
}
.entry-title {
font-size: 1.2rem;
}
}

.related-postbwrap {
margin: 10px auto 0;
font-size: 90%;
}

.related-postbwrap h4 {
font-weight:  bold;
margin: 0 0 .5em;
}

.related-post-style-2, .related-post-style-2 li {
list-style: none;
margin: 0;
padding: 0;
}

.related-post-style-2 li {
border-top: 1px solid #eee;
overflow: hidden;
padding: 10px 0px;
}

.related-post-style-2 li:first-child {
border-top: none;
}

.related-post-style-2 .related-post-item-thumbnail {
width: 80px;
height: 80px;
max-width: none;
max-height: none;
background-color: transparent;
border: none;
float: left;
margin: 2px 10px 0 0;
padding: 0;
}

.related-post-style-2 .related-post-item-title {
font-weight: bold;
font-size: 100%;
}

.related-post-style-2 .related-post-item-summary {
display: block;
}

h2.date-header {
margin: 1.5em 0 .5em;
display: none;
}

.main .widget {
margin: 0 0 5px;
padding: 0 0 2px;
}

.main .Blog {
border-bottom-width: 0;
}

#header .description {
color:#ffffff;
font-size:14px;
text-shadow:0px 1px 0px #000000;
}

/* Comments----------------------------------------------- */
#comments {
padding:10px;
margin-bottom:20px;
}

#comments h4 {
font-size:22px;
margin-bottom:10px;
}

.deleted-comment {
font-style: italic;
color: gray;
}

#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
padding:5px;
}

.feed-links {
clear: both;
}

.comment-form {
max-width: 600px;
}

#navbar-iframe {
height: 0;
visibility: hidden;
display: none;
}

.PopularPosts .widget-content ul li {
padding:6px 0px;
}

.reaction-buttons table{
border:none;
margin-bottom:5px;
}

.reaction-buttons table, .reaction-buttons td{
border:none !important;
}

.pbtthumbimg {
float:left;
margin:0px 10px 5px 5px;
padding:4px;
width:200px;
height:150px;
}

.nbtentry-meta {
font-size: 80%;
font-weight: normal;
margin: 10px 0px;
}

.nbtentry-meta a {
font-weight: normal !important;
}

#primarybwrap, #secondarybwrap {
word-wrap:break-word;
}

.status-msg-wrap {
font-size: 110%;
width: 90%;
margin: 10px auto;
position: relative;
clear: both;
}

]]></b:skin>

/*! jQuery Migrate v1.2.1 | (c) 2005, 2013 jQuery Foundation, Inc. and other contributors | jquery.org/license */
jQuery.migrateMute===void 0&&(jQuery.migrateMute=!0),function(e,t,n){function r(n){var r=t.console;i[n]||(i[n]=!0,e.migrateWarnings.push(n),r&&r.warn&&!e.migrateMute&&(r.warn("JQMIGRATE: "+n),e.migrateTrace&&r.trace&&r.trace()))}function a(t,a,i,o){if(Object.defineProperty)try{return Object.defineProperty(t,a,{configurable:!0,enumerable:!0,get:function(){return r(o),i},set:function(e){r(o),i=e}}),n}catch(s){}e._definePropertyBroken=!0,t[a]=i}var i={};e.migrateWarnings=[],!e.migrateMute&&t.console&&t.console.log&&t.console.log("JQMIGRATE: Logging is active"),e.migrateTrace===n&&(e.migrateTrace=!0),e.migrateReset=function(){i={},e.migrateWarnings.length=0},"BackCompat"===document.compatMode&&r("jQuery is not compatible with Quirks Mode");var o=e("<input/>",{size:1}).attr("size")&&e.attrFn,s=e.attr,u=e.attrHooks.value&&e.attrHooks.value.get||function(){return null},c=e.attrHooks.value&&e.attrHooks.value.set||function(){return n},l=/^(?:input|button)$/i,d=/^[238]$/,p=/^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,f=/^(?:checked|selected)$/i;a(e,"attrFn",o||{},"jQuery.attrFn is deprecated"),e.attr=function(t,a,i,u){var c=a.toLowerCase(),g=t&&t.nodeType;return u&&(4>s.length&&r("jQuery.fn.attr( props, pass ) is deprecated"),t&&!d.test(g)&&(o?a in o:e.isFunction(e.fn[a])))?e(t)[a](i):("type"===a&&i!==n&&l.test(t.nodeName)&&t.parentNode&&r("Can't change the 'type' of an input or button in IE 6/7/8"),!e.attrHooks[c]&&p.test(c)&&(e.attrHooks[c]={get:function(t,r){var a,i=e.prop(t,r);return i===!0||"boolean"!=typeof i&&(a=t.getAttributeNode(r))&&a.nodeValue!==!1?r.toLowerCase():n},set:function(t,n,r){var a;return n===!1?e.removeAttr(t,r):(a=e.propFix[r]||r,a in t&&(t[a]=!0),t.setAttribute(r,r.toLowerCase())),r}},f.test(c)&&r("jQuery.fn.attr('"+c+"') may use property instead of attribute")),s.call(e,t,a,i))},e.attrHooks.value={get:function(e,t){var n=(e.nodeName||"").toLowerCase();return"button"===n?u.apply(this,arguments):("input"!==n&&"option"!==n&&r("jQuery.fn.attr('value') no longer gets properties"),t in e?e.value:null)},set:function(e,t){var a=(e.nodeName||"").toLowerCase();return"button"===a?c.apply(this,arguments):("input"!==a&&"option"!==a&&r("jQuery.fn.attr('value', val) no longer sets properties"),e.value=t,n)}};var g,h,v=e.fn.init,m=e.parseJSON,y=/^([^<]*)(<[\w\W]+>)([^>]*)$/;e.fn.init=function(t,n,a){var i;return t&&"string"==typeof t&&!e.isPlainObject(n)&&(i=y.exec(e.trim(t)))&&i[0]&&("<"!==t.charAt(0)&&r("$(html) HTML strings must start with '<' character"),i[3]&&r("$(html) HTML text after last tag is ignored"),"#"===i[0].charAt(0)&&(r("HTML string cannot start with a '#' character"),e.error("JQMIGRATE: Invalid selector string (XSS)")),n&&n.context&&(n=n.context),e.parseHTML)?v.call(this,e.parseHTML(i[2],n,!0),n,a):v.apply(this,arguments)},e.fn.init.prototype=e.fn,e.parseJSON=function(e){return e||null===e?m.apply(this,arguments):(r("jQuery.parseJSON requires a valid JSON string"),null)},e.uaMatch=function(e){e=e.toLowerCase();var t=/(chrome)[ \/]([\w.]+)/.exec(e)||/(webkit)[ \/]([\w.]+)/.exec(e)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(e)||/(msie) ([\w.]+)/.exec(e)||0>e.indexOf("compatible")&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(e)||[];return{browser:t[1]||"",version:t[2]||"0"}},e.browser||(g=e.uaMatch(navigator.userAgent),h={},g.browser&&(h[g.browser]=!0,h.version=g.version),h.chrome?h.webkit=!0:h.webkit&&(h.safari=!0),e.browser=h),a(e,"browser",e.browser,"jQuery.browser is deprecated"),e.sub=function(){function t(e,n){return new t.fn.init(e,n)}e.extend(!0,t,this),t.superclass=this,t.fn=t.prototype=this(),t.fn.constructor=t,t.sub=this.sub,t.fn.init=function(r,a){return a&&a instanceof e&&!(a instanceof t)&&(a=t(a)),e.fn.init.call(this,r,a,n)},t.fn.init.prototype=t.fn;var n=t(document);return r("jQuery.sub() is deprecated"),t},e.ajaxSetup({converters:{"text json":e.parseJSON}});var b=e.fn.data;e.fn.data=function(t){var a,i,o=this[0];return!o||"events"!==t||1!==arguments.length||(a=e.data(o,t),i=e._data(o,t),a!==n&&a!==i||i===n)?b.apply(this,arguments):(r("Use of jQuery.fn.data('events') is deprecated"),i)};var j=/\/(java|ecma)script/i,w=e.fn.andSelf||e.fn.addBack;e.fn.andSelf=function(){return r("jQuery.fn.andSelf() replaced by jQuery.fn.addBack()"),w.apply(this,arguments)},e.clean||(e.clean=function(t,a,i,o){a=a||document,a=!a.nodeType&&a[0]||a,a=a.ownerDocument||a,r("jQuery.clean() is deprecated");var s,u,c,l,d=[];if(e.merge(d,e.buildFragment(t,a).childNodes),i)for(c=function(e){return!e.type||j.test(e.type)?o?o.push(e.parentNode?e.parentNode.removeChild(e):e):i.appendChild(e):n},s=0;null!=(u=d[s]);s++)e.nodeName(u,"script")&&c(u)||(i.appendChild(u),u.getElementsByTagName!==n&&(l=e.grep(e.merge([],u.getElementsByTagName("script")),c),d.splice.apply(d,[s+1,0].concat(l)),s+=l.length));return d});var Q=e.event.add,x=e.event.remove,k=e.event.trigger,N=e.fn.toggle,T=e.fn.live,M=e.fn.die,S="ajaxStart|ajaxStop|ajaxSend|ajaxComplete|ajaxError|ajaxSuccess",C=RegExp("\\b(?:"+S+")\\b"),H=/(?:^|\s)hover(\.\S+|)\b/,A=function(t){return"string"!=typeof t||e.event.special.hover?t:(H.test(t)&&r("'hover' pseudo-event is deprecated, use 'mouseenter mouseleave'"),t&&t.replace(H,"mouseenter$1 mouseleave$1"))};e.event.props&&"attrChange"!==e.event.props[0]&&e.event.props.unshift("attrChange","attrName","relatedNode","srcElement"),e.event.dispatch&&a(e.event,"handle",e.event.dispatch,"jQuery.event.handle is undocumented and deprecated"),e.event.add=function(e,t,n,a,i){e!==document&&C.test(t)&&r("AJAX events should be attached to document: "+t),Q.call(this,e,A(t||""),n,a,i)},e.event.remove=function(e,t,n,r,a){x.call(this,e,A(t)||"",n,r,a)},e.fn.error=function(){var e=Array.prototype.slice.call(arguments,0);return r("jQuery.fn.error() is deprecated"),e.splice(0,0,"error"),arguments.length?this.bind.apply(this,e):(this.triggerHandler.apply(this,e),this)},e.fn.toggle=function(t,n){if(!e.isFunction(t)||!e.isFunction(n))return N.apply(this,arguments);r("jQuery.fn.toggle(handler, handler...) is deprecated");var a=arguments,i=t.guid||e.guid++,o=0,s=function(n){var r=(e._data(this,"lastToggle"+t.guid)||0)%o;return e._data(this,"lastToggle"+t.guid,r+1),n.preventDefault(),a[r].apply(this,arguments)||!1};for(s.guid=i;a.length>o;)a[o++].guid=i;return this.click(s)},e.fn.live=function(t,n,a){return r("jQuery.fn.live() is deprecated"),T?T.apply(this,arguments):(e(this.context).on(t,this.selector,n,a),this)},e.fn.die=function(t,n){return r("jQuery.fn.die() is deprecated"),M?M.apply(this,arguments):(e(this.context).off(t,this.selector||"**",n),this)},e.event.trigger=function(e,t,n,a){return n||C.test(e)||r("Global events are undocumented and deprecated"),k.call(this,e,t,n||document,a)},e.each(S.split("|"),function(t,n){e.event.special[n]={setup:function(){var t=this;return t!==document&&(e.event.add(document,n+"."+e.guid,function(){e.event.trigger(n,null,t,!0)}),e._data(this,n,e.guid++)),!1},teardown:function(){return this!==document&&e.event.remove(document,n+"."+e._data(this,n)),!1}}})}(jQuery,window);

//]]>
</script>

');}else{document.write('<i>“');l_rc=l_rc.substring(0,o_rc);var p_rc=l_rc.lastIndexOf(" ");l_rc=l_rc.substring(0,p_rc);document.write(l_rc+'…”</i>');document.write('

');}}}

//]]>
</script>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
.entry-content {display:none;}
</style>
</b:if>
</b:if>

<b:include data='blog' name='google-analytics'/>

</head>

<body>

<aside class='widget widget_search'>
<form action='/search' class='search-form' id='searchform' method='get' role='search'>
<label>
<span class='screen-reader-text'>Search for:</span>
<input class='search-field' name='q' placeholder='Search' title='Search for:' type='search' value=''/>
</label>
<input class='search-submit' type='submit' value='Search'/>
</form>
</aside>

<b:section class='secondarybwrapsec' id='secondarybwrapsec' showaddelement='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2>
<data:title/></h2>
</b:if>
<div class='widget-content popular-posts'>
<ul><b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>

<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/>
<b:if cond='data:showSnippets == "false"'>

<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'>
<a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>

<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'>
<a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'>
<data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>     </ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2>
<data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:include cond='data:style == "HIERARCHY"' data='data' name='interval'/>
<b:include cond='data:style == "FLAT"' data='data' name='flat'/>
<b:include cond='data:style == "MENU"' data='data' name='menu'/>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'><b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>   </ul>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:include cond='data:i.data' data='i.data' name='interval'/>
<b:include cond='data:i.posts' data='i.posts' name='posts'/>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'><b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>   </ul>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
</b:widget>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
<b:if cond='data:feedbackSurveyLink'>
<div class='mobile-survey-link' style='text-align: center;'>
<data:feedbackSurveyLink/>
</div>
</b:if>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='LinkList1' locked='false' title='Popular now' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title != ""'><h2>
<data:title/></h2>
</b:if>
<div class='widget-content'>
<ul><b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>    </ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label2' locked='false' title='Tags' type='Label'>
<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>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
<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>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

</div>
</div>

<div class='navigation-main' id='site-navigation' role='navigation'>
<h1 class='menu-toggle genericon'/>
<div class='screen-reader-text skip-link'>
<a href='#content' title='Skip to content'>Skip to content</a></div>
<div class='bwraptopmenu'>
<ul>
<li class='current_page_item'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Motivasi</a>
<ul class='children'>
<li><a href='#'>Kisah Cerita Motivasi</a></li>
<li><a href='#'>Kata Kalimat Motivasi</a></li>
<li><a href='#'>Photo Gambar Motivasi</a></li>
</ul>
</li>
<li><a href='#'>Ibu dan Bayi</a>
<ul class='children'>
<li><a href='#'>IBU</a></li>
<li><a href='#'>BAYI ⇒</a>
<ul class='children'>
<li><a href='#'>Kurang 1 Tahun</a></li>
<li><a href='#'>1 - 5 Tahun</a></li>
<li><a href='#'>Lebih 5 Tahun</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>BISNIS</a>
<ul class='children'>
<li><a href='#'>Kisah Sukses</a></li>
<li><a href='#'>Wirausaha</a></li>
<li><a href='#'>Budidaya ⇒</a>
<ul class='children'>
<li><a href='#'>Ternak</a></li>
<li><a href='#'>Bercocok Tanam</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>TIPS DAN TRIK</a>
<ul class='children'>
<li><a href='#'>Kesehatan</a></li>
<li><a href='#'>Wirausaha</a></li>
<li><a href='#'>RESEP ⇒</a>
<ul class='children'>
<li><a href='#'>Makanan</a></li>
<li><a href='#'>Minuman</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Ciri-Ciri</a></li>
<li><a href='#'>Manfaat</a></li>
</ul>
</div>
<a class='widget-handle genericon' href='#'/>
</div>

<b:section class='mainblogsec' id='mainblogsec' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>

<div class='blog-posts hfeed'>

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

<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div>
</div>

</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">

</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'>
<span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">

</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div>
</div>

</b:if>
<data:adEnd/>
</div>

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

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

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

</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4>
<data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'><b:loop values='data:post.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='comment-form' var='post'>
<div class='comment-form'>
<a name='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>
<p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' 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' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'>
<data:postCommentMsg/></h4>
<p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' 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' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
</div>
</b:includable>
<b:includable id='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 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:elseif cond='data:post.showThreadedComments'/>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

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

<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'>
</iframe>
</div>
</b:if>

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

<b:if cond='data:post.allowComments'>
<script expr:src='data:post.commentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder'/>

<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='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
</b:if>

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

<b:if cond='data:blog.pageType == "index"'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>
<b:include name='mobile-nextprev'/>
</b:includable>
    <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>‹</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'>›</a>
      </div>
</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>

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

<div style='clear: both;'/>
 
</div>
<b:if cond='data:blog.pageType != "static_page"'>
<footer class='nbtentry-meta'>
<span class='nbtpost-date'><data:post.timestamp/></span> | <span class='nbtbyline'><span><b:if cond='data:post.authorProfileUrl'><a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'><data:post.author/></a><b:else/><data:post.author/></b:if></span></span><b:if cond='data:post.labels'> | <span class='nbttags-links'><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:if></b:loop></span></b:if><b:if cond='data:post.allowComments'> | <span class='nbtcomments-link'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments >= 2'><data:post.numComments/> comments</b:if></a></span></b:if>
</footer>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<div class='related-postbwrap' id='bpostrelated-post'/>
<div style='clear: both;'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
          "<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if>
      </b:loop></b:if>];
var relatedPostConfig = {
      homePage: "<data:blog.homepageUrl/>",
      widgetTitle: "<h4>
Related Posts:</h4>
",
      numPosts: 25,
      summaryLength: 225,
      titleLength: "auto",
      thumbnailSize: 80,
      noImage: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJAEcwqeoLPNpeqY8lxlsqKwKXIl3voOlrA3xHq3_y2Bbc5mCH2Sp4iGQ9TIFoU6Hqpinw0-hfg0GPmOjpVl-pSV8C8zCt9Ox9knolmEuZIs8onwFKhdpigIXmZ_IooLLFh_wPIHdSV5l7/s1600/no-img.png",
      containerId: "bpostrelated-post",
      newTabLink: false,
      moreText: "Read More",
      widgetStyle: 2,
      callBack: function() {}
};
</script>
<script type='text/javascript'>
//<![CDATA[

/*! Related Post Widget for Blogger by Taufik Nurrohman => http://gplus.to/tovic */
var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>
Artikel Terkait:</h4>
",widgetStyle:1,homePage:"http://www.dte.web.id",numPosts:7,summaryLength:200,titleLength:"auto",thumbnailSize:52,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<span style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"…":t;r=("media$thumbnail" in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/,"/s"+d.thumbnailSize+"-c"):d.noImage;u=("summary" in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"…":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='
<li><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</li>
"}else{if(A==3||A==4){c+='
<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="'+v+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"></a><div class="related-post-item-tooltip">
<a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+"</a></div>
"+y+"</li>
"}else{if(A==5){c+='
<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-tooltip">'+w+"</span></a>"+y+"</li>
"}else{if(A==6){c+='
<li><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-item-tooltip">
<img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</span></span>"+y+"</div>
</li>
"}else{c+='
<li><a title="'+t+'" href="'+v+'"'+b+">"+w+"</a></li>
"}}}}}s.innerHTML=c+="</ul>
"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]);

//]]>
</script>
</b:if>

</article>

<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr">
<a href="http://blogjuragan.com/" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a> by <a href="http://www.blogjuragan.com/2014/01/cara-membuat-recent-post-tampil-lebih.html" title="Recent Posts Widget">Blogjuragan</a></div>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;} #rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd3gnLlFr5a4Dqr0KidnNQlrDRbC0oaGBso9-Rnb7H2LqMNWlMqPsRS2axk9-zZQ_Z2aZf8fDvHSMVLJDmJOUB6EVO_LXGEOuviVuV6c-f4yRuQdXldBncsCcQEWKSQsw1kbJhhpc07oBu/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>
</td>   </tr>
</table>
</div>
</div>

<div class='Page'>
<div class='Pad'>
<script type="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://isoopo.blogspot.com/feeds/posts/default/-/Ibu%20dan%20Bayi?orderby=published&alt=json-in-script&callback=showrecentposts" type="text/javascript"></script>
</div>
</div>

<div class='Page'>
<div class='Pad'>
<script type="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://isoopo.blogspot.com/feeds/posts/default/-/Bisnis?orderby=published&alt=json-in-script&callback=showrecentposts" type="text/javascript"></script>
</div>
</div>

<div class='Page'>
<div class='Pad'>
<script type="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://isoopo.blogspot.com/feeds/posts/default/-/Tips%20dan%20Trik?orderby=published&alt=json-in-script&callback=showrecentposts" type="text/javascript"></script>
</div>
</div>

<div class='Page'>
<div class='Pad'>
<script type="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://isoopo.blogspot.com/feeds/posts/default/-/Ciri%20dan%20Manfaat?orderby=published&alt=json-in-script&callback=showrecentposts" type="text/javascript"></script> 
</div>
</div>

</div>
</div>
</form>
<script type='text/javascript'>
tabview_initialize('TabView');
</script>

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

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

</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='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'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' 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' src='' style='display: none' width='100%'/>
<b:else/>
<p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' 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' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

// <![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 replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

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

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

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

// render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4>
<data:post.commentLabelFull/>:</h4>

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

<footer class='site-footer' id='colophon' role='contentinfo'>
<div class='site-info'>
<p>

Copyright © <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | Powered by <a href='http://www.blogger.com/'>Blogger</a>
Design by <a href='http://automattic.com/' target='_blank'>Automattic</a> | Blogger Theme by <a href='http://newbloggerthemes.com/' target='_blank' title='NewBloggerThemes.com'>NewBloggerThemes.com</a></p>
</div>

</footer>

//]]>
</script>

-/*!
- * Masonry v2 shim
- * to maintain backwards compatibility
- * as of Masonry v3.1.2
- *
- * Cascading grid layout library
- * http://masonry.desandro.com
- * MIT License
- * by David DeSandro
- */
!function(a){"use strict";var b=a.Masonry;b.prototype._remapV2Options=function(){this._remapOption("gutterWidth","gutter"),this._remapOption("isResizable","isResizeBound"),this._remapOption("isRTL","isOriginLeft",function(a){return!a});var a=this.options.isAnimated;if(void 0!==a&&(this.options.transitionDuration=a?b.prototype.options.transitionDuration:0),void 0===a||a){var c=this.options.animationOptions,d=c&&c.duration;d&&(this.options.transitionDuration="string"==typeof d?d:d+"ms")}},b.prototype._remapOption=function(a,b,c){var d=this.options[a];void 0!==d&&(this.options[b]=c?c(d):d)};var c=b.prototype._create;b.prototype._create=function(){var a=this;this._remapV2Options(),c.apply(this,arguments),setTimeout(function(){jQuery(a.element).addClass("masonry")},0)};var d=b.prototype.layout;b.prototype.layout=function(){this._remapV2Options(),d.apply(this,arguments)};var e=b.prototype.option;b.prototype.option=function(){e.apply(this,arguments),this._remapV2Options()};var f=b.prototype._itemize;b.prototype._itemize=function(a){var b=f.apply(this,arguments);return jQuery(a).addClass("masonry-brick"),b};var g=b.prototype.measureColumns;b.prototype.measureColumns=function(){var a=this.options.columnWidth;a&&"function"==typeof a&&(this.getContainerWidth(),this.columnWidth=a(this.containerWidth)),g.apply(this,arguments)},b.prototype.reload=function(){this.reloadItems.apply(this,arguments),this.layout.apply(this)};var h=b.prototype.destroy;b.prototype.destroy=function(){var a=this.getItemElements();jQuery(this.element).removeClass("masonry"),jQuery(a).removeClass("masonry-brick"),h.apply(this,arguments)}}(window);

//]]>
</script>

/**
 * Functionality specific to Bushwick.
 *
 * Provides helper functions to enhance the theme experience.
 */

( function( $ ) {
 var secondary = $( '#secondarybwrap' );

$( '.widget-handle' ).on( 'click.bushwick', function( e ) {
  e.preventDefault();

$( this ).toggleClass( 'open' );
  secondary.slideToggle( 300 ).find( '.bwrapwidget-container' ).masonry( {
   itemSelector: '.widget',
   gutterWidth: 0,
   isRTL: $( 'body' ).is( '.rtl' )
  } );
 } );

$( '#404-widgets' ).masonry( {
  itemSelector: '.widget',
  gutterWidth: 0,
  isRTL: $( 'body' ).is( '.rtl' )
 } );

/**
  * Enables menu toggle for small screens.
  */
 ( function() {
  var container, button, menu;

container = document.getElementById( 'site-navigation' );
  if ( ! container )
   return;

button = container.getElementsByTagName( 'h1' )[0];
  if ( 'undefined' === typeof button )
   return;

menu = container.getElementsByTagName( 'ul' )[0];

// Hide menu toggle button if menu is empty and return early.
  if ( 'undefined' === typeof menu ) {
   button.style.display = 'none';
   return;
  }

if ( -1 === menu.className.indexOf( 'nav-menu' ) )
   menu.className += ' nav-menu';

button.onclick = function() {
   if ( -1 !== container.className.indexOf( 'toggled' ) )
    container.className = container.className.replace( ' toggled', '' );
   else
    container.className += ' toggled';
  };
 } )();

/**
  * Makes "skip to content" link work correctly in IE9 and Chrome for better
  * accessibility.
  *
  * @link http://www.nczonline.net/blog/2013/01/15/fixing-skip-to-content-links/
  */
 $( window ).on( 'hashchange.bushwick', function() {
  var element = document.getElementById( location.hash.substring( 1 ) );

if ( element ) {
   if ( ! /^(?:a|select|input|button|textarea)$/i.test( element.tagName ) )
    element.tabIndex = -1;

element.focus();
  }
 } );

} )( jQuery );

//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
    // Menentukan elemen yang dijadikan sticky yaitu .nav
    var stickyNavTop = $('.bwraptopmenu').offset().top; 
    var stickyNav = function(){
        var scrollTop = $(window).scrollTop();  
        // Kondisi jika discroll maka menu akan selalu diatas, dan sebaliknya        
        if (scrollTop > stickyNavTop) { 
            $('.bwraptopmenu').css({ 'position': 'fixed', 'top':0, 'z-index':9999 });
        } else {
            $('.bwraptopmenu').css({ 'position': 'relative' });
        }
    };
    // Jalankan fungsi
    stickyNav();
    $(window).scroll(function() {
        stickyNav();
    });
});
//]]>
</script>
</body>
</html>

Author

Hi, Its me Hafeez. A webdesigner, blogspot developer and UI/UX Designer. I am a certified Themeforest top Author and Front-End Developer. I'am business speaker, marketer, Blogger and Javascript Programmer.