TEMPLATE GRATIS / FREE

TEMPLATE GRATIS

GRATIS

copas .tkt di bawah ini lalu tempelkan di blog anda,

DASBOR , TEMPLATE, EDIT HTML, COPAS = 100% work :)

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

<!DOCTYPE html>

<HTML>

<head>

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

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

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

<b:else/>

<title><data:blog.pageTitle/> | Aplikasi Android,Gadget,internet</title>

</b:if>

<b:else/>

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

<title>Arsip Blog <data:blog.pageName/></title>

<b:else/>

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

<title>Page Not Found</title>

<b:else/>

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

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

<b:else/>

</b:if>

<b:else/>

</b:if>

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

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

</b:if>

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

</b:if>

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

<b:else/>

</b:if>

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

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

</b:if>

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

</b:if>

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

</b:if>

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

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

</b:if>

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

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

</b:if>

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

</b:if>

<b:skin><![CDATA[

**********

19 March 2014, Grimply Responsive Blogger Theme.

Siyamdezign [www.mbah-siyam.blogspot.com]

Jangan hilangkan kredit link ya :)

*****

/* Navbar Frame */

#navbar-iframe {

display: none !important;

}

/* CSS Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,

b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent

}

/* Main */

body, .body-fauxcolumn-outer {

background: #bebebe; font:12px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; color:#222; text-align:left; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;

}

#wrapper {

background:white;font-size:13px; margin:0px auto 0px; width:900px; overflow:hidden;

}

#box-content {

background:#fff; margin:0; padding:0; overflow:hidden;

}

/* Header */

#header{background:#f5f5f5; height:auto; margin:0px; padding:5px; overflow:hidden}

#header-right{background:#f5f5f5; float:left; width:250px; margin:7px; padding:3px; height:auto; overflow:hidden}

#header-left{float:right; width:500px; height:auto; text-align:center; overflow:hidden; margin:7px; padding:3px}

#header-right img{width:auto; height:auto; display:block; margin:10px; padding:10px}

#header-left img{width:auto; height:auto; margin:5px; padding:5px}

#header-right h1.title{font:25px; font-weight:bold; color:#3b5998; text-align:left; margin:0px; padding:0px}

#header-right h1.logo, #header-right p.logo{margin:0; padding:0}

#header-right .description{text-align:left; color:#666; margin:0px; padding:0px}

/* Text And Heading */

h1{font-size:30px}

h2{font-size:17px}

h3{font-size:20px}

h4{font-size:18px}

h5{font-size:16px}

h6{font-size:14px}

p{padding-bottom:13px}

h1.title a, p.title a{color:#3b5998}

h1.title a:hover{color:#004a7a}

p.title{font-weight:bold; font:26px; text-align:center; margin:0; padding:6px 0 8px}

.post ul{margin:10px 0 10px 28px; list-style-type:disc}

.post ol{margin:0 0 13px 28px; list-style-type:decimal}

.post ul li, ol li{padding-bottom:3px}

.post table{border-collapse:collapse; margin:0 auto 10px;width:100%}

.post table, .post th, .post td{padding:5px 6px; border:1px solid #ccc; vertical-align:top}

.post th{background:#3b5998; color:white}

.post td{background:#fcfcfc}

.post blockquote{background:#fafafa url(http://4.bp.blogspot.com/-k2AsfzkzLjI/UAowRhYlhMI/AAAAAAAAAs4/xk4XZNfnbZs/s1600/blockquote.gif) no-repeat 2px 2px; border-left:3px solid #3b5998; text-align:left; font-style:regular; margin:10px 10px 10px 10px; padding:10px 10px 10px 20px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-style:normal; font-weight:normal}

img{max-width:100%}

/* Link */

a:link{color:#3b5998; text-decoration:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease}

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

a:hover{color:#3b5998; text-decoration:none}

a.button{font-weight:bold; padding:2.5px; margin:5px; border-bottom:2px solid #3b5998}

a.button:hover{border-bottom:2px solid #000}

.post h2.post-title a, .post h2.post-title a:visited, .post h1.post-title, .post h1.post-title a{color:#2980b9;border-bottom:1px solid #ddd;padding:5px}

.post h1.post-title, .post h1.post-title a:hover{color:#004a7a}

.post h2.post-title a:hover{color:#004a7a}

/* Post Body */

#posts {

float:left; width:65%; margin:0; padding:0

}

#box-posts {

padding:10px;margin:0; overflow:hidden; word-wrap:break-word

}

.thumb-post {

float:left;margin:2.5px 10px 10px 0px; padding:2px;width: 110.5px; height:110.5px; background: transparent; border: 1px solid #cccccc;/* For IE8 And Earlier */

}

.post{background:#fff; margin:0 0 0px 0; padding:10px; padding-bottom:0; border-bottom:none}

.post h1.post-title {

font-size:18px; font-weight:bold; margin:0 0 10px 0;color:#3b5998

}

.post h2.post-title {

font-size:16px; font-weight:bold; margin:0 0 6px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;color:#3b5998

}

.post-body {

font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;

text-align: justify; line-height:normal;

margin:0; padding:0;

}

#blog-pager-newer-link {

float:left

}

#blog-pager-older-link {

float:right

}

.home {

width:80px; margin:0 auto; text-align:center;

}

#blog-pager {

margin:5px; padding: 5px; text-align:center

}

.status-msg-wrap, .status-msg-border {

position:relative;

}

/* Sidebar */

#sidebar{float:right; width:35%; margin:0; padding:0}

#sidebar-wrapper{padding:5px; margin:10px; overflow:hidden; word-wrap:break-word}

#sidebar h2, #sidebar h3{font-size:16px; color:black; text-align:left; background:#fff; padding:7px; margin:0;border-bottom:2px solid #ddd}

#sidebar .widget-content{margin:0px 0px 10px 0px; background:#fff; padding:10px; border-bottom-left-radius:5px; border-bottom-right-radius:5px}

#sidebar .widget-content ul li{list-style:none; border-bottom:1px dashed #ccc; margin:0px 0px 5px 0px; padding:5px 0px 5px 0px}

#sidebar .widget-content ul li a{font-weight:bold; color:#0b5394}

#sidebar .widget-content ul li a:hover{color:#004a7a}

}

/* Other */

.clear{clear:both}

.breadcrumbs{background:#fff; text-align:left; padding:5px; margin:0px; font-size:13px; line-height:1.4em; border-bottom:1px dashed #ccc; border-top:1px dashed #ccc}

/* Footer */

#credit{border-top:solid 1px;background:#3b5998; color:#fff; text-align:center; height:auto; overflow:hidden; font-size:14px; padding:10px 10px 10px; margin:0}

#credit a{color:#fff}

#credit a:hover{color:gold}

#credit .right{float:right; text-align:right; overflow:hidden;}

#credit .left{float:left; text-align:left; overflow:hidden}

/* Navigation */

#navxnya{background-color:#f5f5f5;border:1px solid #ddd; padding:0 10px; position:relative}

#navxnya ul, #navxnya li{margin:0; padding:0; list-style:none; height:40px}

#navxnya li{float:left; display:inline; position:relative; height:auto}

#navxnya a{display:block; line-height:40px;font-weight:bold; color:black; text-decoration:none; padding:0 10px 0 10px; text-shadow:none}

#navxnya li ul{background-color:#f8f8f8; border:0; position:absolute; top:100%; left:0; width:180px; height:auto; z-index:88; box-shadow:0 0 30px rgba(0,0,0,.35); -moz-box-shadow:0 0 30px rgba(0,0,0,.35); -webkit-box-shadow:0 0 30px rgba(0,0,0,.35); display:none}

#navxnya li li{float:none; display:block; border-bottom:1px solid #ddd}

#navxnya li ul a{color:#333; height:40px; line-height:40px; padding:0 15px; text-shadow:none}

#navxnya li ul a:hover{color:#fff}

#navxnya li a:hover, #navxnya li a:focus, #navxnya li:hover>a{background:#004a7a}

#navxnya li:hover ul.hidden{display:block}

/* Top navigation */

#top-nav {

background:#3b5998;

margin:0 auto;

height:42px;

width:900px;

overflow:hidden;

}

#top-nav ul {

list-style-type:none;

margin:0 auto;

width:970px

}

#top-nav ul li {

float:left;

margin:0 0 0 0;

}

#top-nav ul li a {

line-height:32px;

padding:0 15px;

color:#ccc;

font-size:13px;

display:block;

text-decoration:none

}

#top-nav ul li a:hover {

color:#fff

}

/* page number */

.showpageNum a, .showpage a { text-decoration: none; margin: 0 0 0 1px; padding: 7px 11px; background: #333; color: #fff; }

.showpageOf { display:none; }

.showpageNum a:hover, .showpage a:hover { background: #41B7D8; color: #fff; text-decoration: none; }

.showpagePoint { color:#fff; padding: 7px 11px; background: #41B7D8; text-decoration: none; }

/* Search NEW */

#search-form-feed {

width:200px; /* lebar kotak penelusuran */

position:relative;float:right;

margin:0 0 10px;

padding:0;

font:normal normal 11px/normal Arial,Sans-Serif;

color:#333;top:6px;

}

#feed-q-input {

display:block;

width:100%;

border:2px solid #bbb;

background-color:white;

padding:5px;

font:normal bold 13px/normal Tahoma,Arial,Sans-Serif;

color:#ccc;

margin:0;

-webkit-border-radius:4px;

-moz-border-radius:4px;

border-radius:4px;

-webkit-box-shadow:inset 0 1px 5px rgba(0,0,0,.2);

-moz-box-shadow:inset 0 1px 5px rgba(0,0,0,.2);

box-shadow:inset 0 1px 5px rgba(0,0,0,.2);

-webkit-box-sizing:border-box;

-moz-box-sizing:border-box;

box-sizing:border-box;

}

#feed-q-input:focus {

border-color:#0D6786;

color:#333;

outline:none;

-webkit-box-shadow:0 0 5px #153E95,0 0 7px #153E95;

-moz-box-shadow:0 0 5px #153E95,0 0 7px #153E95;

box-shadow:0 0 5px #153E95,0 0 7px #153E95;

}

#search-result-container {

width:300px;

height:300px;

overflow:auto;

position:absolute;

top:100%;

right:0;

z-index:999;

background-color:#E5EDF7;

border:2px solid white;

padding:10px 10px 0;

margin:10px 0 0;

-webkit-box-shadow:0 1px 2px rgba(0,0,0,.4),0 7px 7px -4px rgba(0,0,0,.4);

-moz-box-shadow:0 1px 2px rgba(0,0,0,.4),0 7px 7px -4px rgba(0,0,0,.4);

box-shadow:0 1px 2px rgba(0,0,0,.4),0 7px 7px -4px rgba(0,0,0,.4);

-webkit-border-radius:5px;

-moz-border-radius:5px;

border-radius:5px;

display:none;

}

#search-result-container mark {

background-color:#3b5998;

color:black;

}

#search-result-container a {

text-decoration:none;

color:#0D3E71;

font-weight:bold;

font-size:12px;

display:block;

}

#search-result-container a:hover {color:#3b5998}

#search-result-container h4 {

margin:0 0 10px;

font:normal bold 12px/normal "Trebuchet MS",Trebuchet,Tahoma,Arial,Sans-Serif;

color:#3b5998;

}

#search-result-container ol {

background:transparent;

border:none;

margin:0 0 10px;

padding:0;

}

#search-result-container li {

margin:0 0 1px;

padding:7px 8px;

list-style:none;

border:1px solid #B7C1CE;

background-color:white;

overflow:hidden;

word-wrap:break-word;

}

#search-result-container li img {

display:block;

float:left;

margin:0 10px 4px 0;

border:1px solid #B7C1CE;

background-color:#F5F5F5;

padding:2px;

}

#search-result-loader {

position:absolute;

top:100%;

left:5px;

z-index:999;

background-color:#0D6786;

color:white;

padding:3px 5px;

margin:-2px 0 0;

font:normal bold 10px/normal Arial,Sans-Serif;

-webkit-border-radius:0 0 3px 3px;

-moz-border-radius:0 0 3px 3px;

border-radius:0 0 3px 3px;

display:none;

}

/*-- Modifikasi Pesan Komentar--*/

#threaded-comment-form p {

position: relative;

background: #3b5998;

border: 3px solid #5899c9;

padding: 10px;

font-size: 11px;

line-height: 1.6em;

color: #fff;

margin-top: 10px;

font-size: 11px;border-radius:2px;

}

#threaded-comment-form p::after, #threaded-comment-form p::before {

top: 100%;

border: solid transparent;

content: " ";

height: 0;

width: 0;

position: absolute;

pointer-events: none

}

#threaded-comment-form p::before {

border-top-color: #5899c9;

border-width: 15px;

left: 10%;

margin-left: -35px;

}

#threaded-comment-form p::after {

border-top-color: #4085b8;

border-width: 10px;

left: 10%;

margin-left: -30px

}

/* css button back to top */

#backtop { cursor:pointer; position:fixed !important; position:absolute; left:50%; bottom:-70px; z-index:999; background-color:#3b5998; border:1px solid #333; -webkit-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333; -moz-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333; box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333; width:30px; height:45px; overflow:hidden; text-indent:-999px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px }

#backtop::after { content:" " ; position:absolute; top:3px; left:8px; width:0; height:0; border-width:12px 7px; border-style:solid; border-color:transparent transparent #f7f7f7 transparent }

/*komentar CSS*/

#comments{background:#fff;border:1px solid #ccc;margin:20px 0 0;padding:20px}

#comments {line-height:1.4em;margin: 20px 0 0;position:relative;background:#f9f9f9;padding:50px 20px 20px 20px;}

#comments h3 {font-size:15px;text-transform:uppercase;font-weight:normal;font-family:Oswald, Arial;color:#999;padding:27px 20px;position:absolute;top:-15px;left:0;right:0}

.comment-body-author { background:#0b433f; color: #008000; border: 1px dotted #008000; margin:0; padding:0 0 0 10px; }

.comment_share { color: #999; cursor: pointer; font-size: 10px; line-height: 1.5em; max-width: 100%; font-weight: normal; padding-left: 5px; } #comment_rep a:hover { text-decoration: none; color: #464646!important;}

.comment_avatar { height: 50px; width:50px; background: #eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjYw8j3doMxhxZB2ZmglGxA652o3fmrGcgRsqikggB_DPS5P6IXrSX7amurz6mNp6iFbm6AyCB6MaBicmaUdI2nuzQ3vtUbnjOVImcTzcSKa94tFSVPWTP0Oaaxu8RpIejZ0FVuv03NRI/s1600/anon45bung.gif) no-repeat; float: left; margin-right: 15px; overflow: hidden;padding:0;border-radius:99em ;}

.comment_admin .comment_name:after {content:""; width:0; height:0; position:absolute; top:5px; right:0; border-width:5px; border-style:solid; border-color:#fff transparent transparent transparent; display:block;}

.comment_admin .comment_name:before {content:""; width:0; height:0; position:absolute; top:7px; right:0; border-width:5px; border-style:solid; border-color:#555 transparent transparent transparent; display:block;}

.comment_name { color: #4a5764;font-size: 15px; font-weight:normal; max-width: 100%; text-decoration: none; margin:5px 0 0;text-transform:none; font-weight:normal;position:relative} .comment-menu { float: right; list-style: none; width: 0; height: 0; } .comment_name a { text-transform:none; font-size: 13px; color:#333;text-decoration:none;font-family:Arial, Sans-Serif;font-weight:700;}

.comment_name a:hover {text-decoration:underline; }

.comment_body p { font-size: 100%; line-height: 1.4em;margin:0;padding:0 0 15px}

.comment_body { margin-left:68px;padding:5px 15px 30px;position:relative; background:#fff;color:#444;font-size:13px;border:1px solid #ddd;}

.comment_body:after {content:""; width:0; height:0; position:absolute; top:0; right:100%; border-width:7px; border-style:solid; border-color:#fff #fff transparent transparent; display:block;}

.comment_body:before {content:""; width:0; height:0; position:absolute; top:-1px; left:-16px; border-width:8px; border-style:solid; border-color:#ddd #ddd transparent transparent; display:block;}

.comment_intime {float:left;margin:10px 0;position:absolute;color:#aaa;bottom:0;left:15px}

#comment_box {padding:0;background:none;position:relative;margin:20px 0}

.comment-delete img{float:left;border:1px solid #ddd;border-radius:2px;padding:1px 8px}

.comment_date { color: #aaa;font-size: 11px; line-height: 25px; cursor: pointer; font-weight:bold; }

#comments .separate { color: #fff;font-size:15px; line-height: 40px; padding-left: 5px; padding-right: 5px;} #comments .author-mark { background: #d2d2d2; color: white; border-radius:0; padding: 2px 6px 2px 6px;font-size: 15px; line-height: 15px; } .comment-share { display: inline; } .comment-share li { display:inline; } .comment-share li.button a { background: #546472; color: white; padding: 0 5px 2px 5px;border-radius:0; display:none; } .comment-share li.button:hover a { background: #272f37; }#comment_rep { margin-top: -27px; float: right; } .comment_child .comment_body {} .comment_child .comment_wrap {padding-left: 40px}

.comment_reply { cursor: pointer;font-size: 11px; line-height: 1.5em; font-weight: 400; padding: 2px 14px; float:right;list-style:none;margin-right:20px;color:#aaa}

.comment_admin .avatar-image-container {} .unneeded-paging-control {display: none;} .comment-form {max-width: 100% !important;margin-top:-15px !important}.comment_reply_form .comment-form {width: 100%;} .comment_youtube {max-width: 100%!important; width: 400px; height: 225px; display: block; padding-top: 10px; padding-bottom: 10px; } #respond { overflow: hidden; padding-left: 10px; clear: both; } .comment_avatar * { max-width: 100%!important; display: block; max-height: 100%!important; width: 50px!important; height: 50px!important; margin-right: 15px; } .comment_child .comment_avatar, .comment_child .comment_avatar * { width: 35px!important; height: 35px!important; float: left; margin-right: 5px;border-radius:3px;} .comment_form a { color: #2f6986; text-decoration: none; } .comment_form a:hover {color: #2f6986; text-decoration: underline;}

.comment_author_flag {display:none}

.comment_admin .comment_author_flag {display:inline;background:none;font-size:16px;padding:0;margin-left:4px;color:#555;text-transform:uppercase;}

#comment-editor {width:100% !important;}

.comment-form {max-width: 100% !important}

.comment_arrow {display: block;position:relative;margin:0;padding:0}

.comment_emo_list .item {

float: left;width: 40px;text-align: center;height: 40px;margin: 10px 10px 0 0;}

.comment_emo_list span {display: block;font-weight: bold;font-size: 11px;letter-spacing: 1px;}

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

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

.deleted-comment {background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirNPyoM7PER8q9KAGisB1r4RRbCK24xuGJC8-ZpfRZ0RFU-Bpmz0xG729feLI4V_96QVuefqkVBaXkZd35vYjRe6dpQvXrfNk638sVjElXH36drz1UHI8OgU47cv44A9crPBGArf6Qx0s/s1600/tempat-sampah.png) no-repeat 2% 50%;

color:#ccc;

line-height: 22px;

padding:8px 15px 8px 45px;

margin:5px 0;

display: block;

border:1px solid #ddd;

position:relative;

font-size:13px;

}

.comment-form p {background:#008080;padding:15px;margin: 45px 0 0;color: #fff;font-size:13px;line-height: 20px;font-weight:700;border:1px #d1d1d1 solid;border-bottom:none}

#postCommentSubmit {padding:10px !important}

#allHolder {border:none !important}

.small-button {color:#fff;margin-right:10px;padding:0;background:none;font-size:12px;font-weight:400;text-transform:none;transition:all .3s ease-in;}

.small-button a{color:#fff;margin-right:10px;padding:4px 15px;background-color:#009a5d;font-size:12px;font-weight:400;text-transform:none;border-radius:4px;text-decoration:none;outline:none;box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 1px 2px #3d4852;text-shadow:0px -1px 0px rgba(0,0,0,0.3);transition:all .3s ease-in;}

.small-button:hover {background:none;color:#fff;text-decoration:none;}

.small-button a:hover {background-color:#990000;color:#fff;text-decoration:none;}

/* Display None */

.icon-action, , .jump-link {

display:none !important;

}

/* Info Post di homepage */

.infox { -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s }

.infox{ position:absolute; background-color:#3b5998; background-position:6px 4px; background-repeat:no-repeat; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAj9JREFUOI1lUzFrVEEQ/mb3vb3LXYrTEK5Jp02qoKYQrUQICaT1T6QWW63TGisrbW0lKEHRLiBiSCUBUQwoKWICyb137+3OfBa5e9wls3zFMt98zDc7C1wKkhsk35jqmZlSVakpRY3xnWp8cpk/WThH8q2pkqYclgXLYsBYVxyWBVOsGOuKdVV+Irk4rpNxMYA9AAtlcQ4QEOdA8kyA9wQeisg1ksjzHJpSrcS9brf71Y2EXgFYGJyfwwwwAt5nIPhypjv7qNVufxcRmBFVVcN5HwTcAgAhuWGqL8piAIg0lrz3SCn96XRnvwBYL4uBn7QcQkCs47MMwAOSMAIgL3yJIKVUE/hRDYc9M6tIdDjKA0BKCqOuO1VdLcoSJBtAADP+/rn7a22m09nI8vwfwSlOjBEifjkDMKuapl7EwYFgtbSyNCB5C+B1M8NkBwBgyeBIwzjZwAgaqxHvRgiho6rTnBEyEglENqXuAVM9HN06mhQgrnTgvYdT1Q9ZnoETR5wADt8AwMxuDorCCF7hxBQPnHPuIyAgCbMLXOwXd0cCt0XkdZ7nTd6MCCGAxLZrtVqbAD57nzW+zAwx2rWRwJqZabs908zKe4fBoNgXkc3xKi8eHx/viUhIKcI5BzMe9nq95yGE+yml1ZOTk5aZIcsy5HmOlIYrc3P9nWb1Tk9P79R1veW9vzueeAgB3nsURQERQavVQlmW+865x/1+f6f5TJNxdHT0VFXXvffLqtpM28wOSG7neb45Pz//d8z/Dx+AujAbXgdkAAAAAElFTkSuQmCC"); width:30px; height:24px; min-height:24px;margin-top:13px; margin-left:0; text-indent:-9999px; z-index:10; overflow:hidden; padding:0; color:white; -moz-border-radius:0 0px 0px 0; -webkit-border-radius:0 0px 0px 0; border-radius:0 0px 0px 0; -moz-box-shadow:0 1px 1px rgba(0,0,0,0.63); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.63); -o-box-shadow:0 1px 1px rgba(0,0,0,0.63); box-shadow:0 1px 1px rgba(0,0,0,0.63); cursor:help; font-size:0 }

.infox div{font-size:11px}

.infox:hover{background-position:-20px 4px;width:auto;height:auto;text-indent:0;padding:5px}

.infox a{display:block;color:white;padding:2px;margin:2px 0;font-size:100%;text-shadow:none}

.post-author.vcard span,.d-header span{cursor:default}

.infox a:hover{color:gold}

.post-author.vcard,.d-header,.d-kmtr{padding:2px 0 2px 16px}

.infox:hover .post-author.vcard{ background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAVhJREFUKJGtkTFrVUEQhb+z7+6+gJLKVkQi6V6KSLAyYBobIdj6LwT/h70/IJ2FvWUKK4vYBUHB0lZ4e2ff22Nzr0R5hYKnmt35ZnZmD/xv1VrPaq1P/qmotXYaEW6tudb6dBeTdl323h/Zvuy9X0o62sUIICJWKaX7vfcvwGvgbs75cHr9GvgGvJyZUsonrdfreymlz6WUISIugENJzfYWQNLCdgauSykvImLTe3+giFjlnK9aa9jeAGtJARiQbUmy7X1JOedMa+0oTQCSAL7bfmP7dkrpju1bkpLtQdIP2zGt6GFedhgGWmsXy+Xy1TiOp4vF4mS73X7svX8AhmmK58ABwK/CSc9qre+B1XRepJTKzGka6zc7IuJqHMfHkk6AhxExAtn2nqQlsHeTH2ZLJO2XUt5O8ZntTSnlGDjeZePs4zvbB38kN/PH3VCS9LWUcr6j2d/pJ2TZqOiL/ugWAAAAAElFTkSuQmCC); background-position:0 50%; background-repeat:no-repeat }

.infox:hover .d-header{ background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAVtJREFUKJGVkDFrFFEUhb87M/sei6YRwSDY2oRokUawUxCxsDD/IX9BUMtUYv6ApYK9ta12FiJsI2ijblIljWb33nkzx8Igw8SNeLp37vle8cEgkjIrMpvN0qobEfHd3d+Oe3d/7+5fhl0jqY6Id8AnSZfN7Ke7vwGuA5jZB0mXgItt277o+/5qSummRcTmZDL5GBGHwB5QAY/qup4CdF23AJ4Cx8DDlNKFtm2vEREb+s9ExEYDpIg4AnbM7PxKAb/l/QCem1kiIrbcfX4WMBI1j4it5kTA0OwusC3plaRDM9sBXuacnw23zfjHlNKT5XL5raqqOznnBxFxV9K58e4UWEq53ff9/ZTSvZPqs5lt/hPsuu6xma1HxJ6kI0k3gNenwFJKVdf1nyLnfGu02R0+JNF1XdUA+8Cau8+Hkv4WSQBrwL4BLBaLK5LWm6bpzwJLKZWZHUyn06+/AJMu26P2Y5ymAAAAAElFTkSuQmCC); background-position:0 50%; background-repeat:no-repeat }

.infox:hover .d-kmtr{ background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAALpJREFUOI3FkMsRwjAMRFeOcaiJ4U4DdACVQQu0wIVyuCSyPVouOJPwCSEHeBdpRr9dAf9GStK27UZEdgDSh5kFgENd16fBAjOjiIDk+EWREgUAfL8QY5wkO4TQ5f6x6L1HUfIqpjR02FkgSTNDzvlYvDrnopnVABTA0jl3rapqLyKdhcGCGOMkBSGE5x8Ucs6T/lBwX3WPoapn3lFVqirfoaqX0WW9xu0sNSTZNM161jAApJRWs4d/zg3EqIeiKZ3YfwAAAABJRU5ErkJggg=="); background-position:-1px 50%; background-repeat:no-repeat }

.d-kmtr a{padding:0;margin:0}

/* Share di Postingan */

.fb_edge_widget_with_comment{width:95px}

#related-posts{float:left;width:100%;padding:0px 0 15px}

#related-posts .widget h2,#related-posts h2{font-size:16px;text-transform:none;margin:5px 0 5px;padding:0}

#related-posts a{color:#333;font:12px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif}

#related-posts li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeLpwJrkelZZI31BHT7DLzfWyFnNYDV4kmN2k2CP2eLvVAqnla62RmqI8e5YAmtOKhiGMWa-L94QUiTvQW-Ie_8fpXlgA0ljdsKCNXQ2v0hJju-hNypzCb3hySNUsOtQHzmgwDCWecNS0/s1600/bullet-list.gif) no-repeat 0 10px;text-indent:0;line-height:1.2em;border-bottom:1px dashed #ddd;margin:0;padding:3px 0 3px 12px; list-style-image:none}

#related-posts a:hover{color:#2482d6;text-decoration:none}

#related-posts .widget{margin:0;padding:0}

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

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

/* Responsive Satu Halaman */

@media only screen and (min-width:768px) and (max-width:860px){#wrapper{width:700px}

.post h2.post-title{white-space:normal}

#posts{width:100%; padding:0px}

#box-posts{width:100%; padding:0px}

#sidebar{width:100%; float:none}

#sidebar-wrapper{width:100%; float:none; margin:0}

#sidebar .widget-content(border-bottom-left-radius:0px; border-bottom-right-radius:0px)

.comments{padding:10px}

#comments{padding:10px}

.breadcrumbs{padding:8px 5px 5px 10px}

}

@media only screen and (min-width:18px) and (max-width:767px){#wrapper{width:100%}

#posts{width:100%; padding:0px}

#box-posts{width:100%; padding:0px}

#sidebar{width:100%; float:none}

#sidebar-wrapper{width:100%; float:none; margin:0;padding:5px}

#sidebar .widget-content(border-bottom-left-radius:0px; border-bottom-right-radius:0px)

.comments{padding:10px}

#comments{padding:10px}

#header-left, #related_posts{display:none}

#footer .right{float:right; text-align:right; overflow:hidden;}

#footer .left{float:left; text-align:left; overflow:hidden}

}

@media only screen and (max-width:380px){.tombol, .tombolkecil, .home-link{display:none}

#credit .right{float:left; text-align:left; overflow:hidden;}

#credit .left{float:left; text-align:left; overflow:hidden}

#backtop {display:none}

}

/* Responsive Menu dan Search */

@media only screen and (max-width:565px){#navxnya{background-color:#eee; padding:0}

#navxnya li{border-top:1px solid #2980b9; float:none; display:block; width:100%}

#navxnya, #navxnya ul{height:auto}

#navxnya{padding-bottom:2px}

#navxnya li{border-top:1px solid #ccc; padding:0}

#navxnya li a{color:#333; padding:0 1.2em; border:none}

#navxnya li a:hover, #navxnya li a:focus, #navxnya li:hover>a{color:#f8f8f8}

#navxnya>ul>li.submenu:before, #navxnya>ul>li.submenu:after{display:block; pointer-events:none}

#navxnya li.submenu{background-color:#dcdcdc}

#navxnya li ul{position:static; width:auto}

#navxnya li ul li, #navxnya li ul li a{border:none}

#navxnya li ul li a{border-top:1px solid #ccc; background-color:#f8f8f8}

#navxnya li ul li a:active{background-color:white; color:inherit}

#navxnya li .float-right{display:none}

#search input[type="text"]{width:100%; height:28px; max-width:100%; background:#2980b9; right:0; top:0; padding-left:6px; position:relative}

.post{padding-bottom:10px}

#top-nav li{border-top:1px solid #2980b9; float:none; display:block; width:100%}

#top-nav, #navxnya ul{height:auto}

#top-nav{padding-bottom:2px}

#top-nav li{border-top:1px solid #ccc; padding:0}

#top-nav li a{color:#333; padding:0 1.2em; border:none}

#top-nav li a:hover, #navxnya li a:focus, #navxnya li:hover>a{color:#f8f8f8}

#top-nav>ul>li.submenu:before, #navxnya>ul>li.submenu:after{display:block; pointer-events:none}

#top-nav li.submenu{background-color:#dcdcdc}

#top-nav li ul{position:static; width:auto}

#top-nav li ul li, #navxnya li ul li a{border:none}

#top-nav li ul li a{border-top:1px solid #ccc; background-color:#f8f8f8}

#top-nav li ul li a:active{background-color:white; color:inherit}

#top-nav li .float-right{display:none}

}

#footer{background:#F5F5F5;border-top:1px solid #ddd;width:100%;padding:0;}

.footer-wrapper{color:#aaa;font:12px Arial;height:100%;line-height:16px;overflow:hidden;padding:0}

.footer{float:left;width:31%;margin:10px}

.footer .widget{margin-bottom:30px}

.footer h2{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj04IMC_7PuwQhy-M0dlLp2cRrOCUcOB2gDyST9rTAiP7jPmat176K0e4DHnB79-tFpm_B5JlMjBtI-JKkCPBJQ5CMxaCaBsAEDg3tbyHvJUuT8v0AS3sh62o-KKpd5iWPNxRRl3pSxFsIg/s1600/batas.gif) repeat-x scroll bottom;font:bold 14px Arial;padding-bottom:8px;margin-bottom:8px;line-height:1.3em;text-transform:uppercase;color:#242424}

.footer .widget-content{line-height:17px}

.footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}

.footer li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8PbzK7duteLtY58ycmE3PMX_vOGbtzFhMuj9caiCEhXoC2I0G-_R0cRyDe5vC3M6W4hovd8hPhb5qInDOTfVziroKerprHVKwSyD55m-4fHiW_SUmg9VApJ_RetkFO4JRBxMB-GgJIgT2/s1600/bullet.png) no-repeat 1px 5px;font:normal 12px Arial;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 17px}

.footer a:link,.footer li a:visited{color:#0b5394;text-decoration:none}

.footer li a:hover{color:#fff}

]]></b:skin>

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

<style>

.post{border-bottom:1px dashed #ccc}

</style></b:if>

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

<style>

.post{border-bottom:none}

</style></b:if>

//<![CDATA[

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummary(pID){ var div = document.getElementById(pID); var summ = 210; var summary = '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]>

</script>

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

/* CSS Custom Mobile Template */

.mobile #header-left, .profile-link, .navigation, #navigation, #menu, .menu, #navxnya ,#search-form-feed ,#footer .right ,#backtop,#top-nav,.emoWrap {

display:none !important;

}

.mobile #wrapper {

margin:0 auto !important;

width:auto !important;

border:medium none !important;

max-width:600px !important;

font-size:13px !important;

}

.mobile #header {

background:#f5f5f5;

width:auto;

max-width:100% !important;

margin:0px !important;

padding:0px !important;

}

.mobile #header-right {

height:auto !important;

padding:6px;

margin:0px;

width:auto !important;

max-width:100%;

}

.mobile #posts, .mobile #sidebar {

margin:0 auto !important;

float:none !important;

width:auto !important;

max-width:100% !important;

}

.mobile #box-posts {

padding:6px !important;

border-right:medium none !important;

}

.mobile #sidebar-wrapper {

margin:6px !important;

}

.mobile #sidebar-wrapper-bottom {

width:auto !important;

float:none !important;

margin:0 6px 6px 6px !important;

}

.mobile #header-right h1.title {

text-align:left;

padding:0px !important;

}

.mobile #header-right .description {

text-align:left;

padding:0px 0px 0px 0px !important;

}

.mobile .mobile-post-outer { margin:0; padding:0 0 8px; border-bottom: 1px solid #ccc;

}

.mobile .mobilethumb img {

margin:0 !important;

}

.mobile .mobilethumb {

-moz-box-shadow:1px 1px 5px rgba(1,1,1,.1);

-webkit-box-shadow:1px 1px 5px rgba(1,1,1,.1);

box-shadow:1px 1px 5px rgba(1,1,1,.1);

float:left;

margin:3px 6px 6px 0px;

padding:3px;

border:1px solid #ddd;

}

.mobile .post { margin:0; padding:0;

}

.mobile h3.post-title, .mobile h3.mobile-index-title { color:#03a1d5; font-size:15px; margin:10px 0 4px;

}

.mobile h3.post-title:hover, .mobile h3.mobile-index-title:hover {

color:#000000;

}

.mobile .post-body { font-size:13px;

}

.mobile .post-footer { font-size:12px; margin:6px 0; padding:6px 0; border-top:1px dotted #ddd; border-bottom:1px solid #ddd;

}

.mobile #sidebar .item-thumbnail {

display:none !important;

}

.profile-img { border:1px solid #ddd; padding:3px;

}

.profile-datablock {text-align:center;

}

.mobile blockquote {

margin:0 0 13px 6px !important;

padding:6px !important;

border-left: 3px solid #ddd;

text-align:left;

font-style:italic;

border-top:1px solid #ddd;

border-right:1px solid #ddd;

border-bottom:1px solid #ddd;

}

.mobile img {

float:none !important;

display:block;

width:auto !important;

max-width:100% !important;

margin:0 auto 12px !important;

}

.mobile #mobile-menu {

color:#333;

text-align:center;

width:auto;

max-width:100%; background:#fff url() repeat-x;

border-top:1px solid #ddd;

border-bottom:2px solid #03a1d5;

overflow:hidden;

margin:0;

padding:6px;

font-size:14px;

}

.mobile #mobile-menu span a {

color:#333;

padding:0;

margin:0;

}

.mobile #mobile-menu span a:hover {

color:#03a1d5;

}

.mobile #blog-pager {

-webkit-border-radius: 12px;

-moz-border-radius: 12px;

border-radius: 12px;

margin:6px 0 0;

padding:3px 6px;

border:1px solid #ddd;

}

.mobile #ads-mobile {

display:none;

max-width:100%;

overflow:hidden;

}

.mobile .comments .avatar-image-container img {

height: 36px;

width : 36px;

}

/* Media Query */

@media (min-device-width: 100px) and (max-device-width: 2600px) {.mobile #ads-mobile{display:block;}}@media (min-device-width:100px) and (max-device-width:129px){.mobile #ads-mobile{width:114px;}.mobile img{max-width:110px !important;

}}@media (min-device-width:130px) and (max-device-width:161px){

.mobile #ads-mobile {width:144px;}.mobile img{max-width:140px !important;}}@media (min-device-width: 162px) and (max-device-width: 177px) {.mobile #ads-mobile {width:164px;}.mobile img{max-width:140px !important;}}@media (min-device-width:178px) and (max-device-width:209px) {

.mobile #ads-mobile {width:194px;}.mobile img{max-width:170px !important;}}@media (min-device-width:210px) and (max-device-width:221px) {.mobile #ads-mobile{width:206px;}.mobile img{max-width:190px !important;}}@media (min-device-width:222px) and (max-device-width:241px) {.mobile #ads-mobile{width:220px;}.mobile img{ max-width:210px !important;}}@media (min-device-width:242px) and (max-device-width:321px) {.mobile #ads-mobile{width:298px;}.mobile img{max-width:280px !important;}}@media (min-device-width:322px) and (max-device-width:361px) {.mobile img{max-width:300px !important;}}@media (min-device-width:362px) and (max-device-width:401px) {.mobile img{max-width:300px !important;}}@media (min-device-width:402px) and (max-device-width:481px) {.mobile img{max-width:300px !important;}}@media (min-device-width:482px) and (max-device-width:2500px) {.mobile img{max-width:300px !important;}}

</style>

</b:if>

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

.thumb-post {

display:none !important;

}

</style>

</b:if>

var relatedpoststitle="Artikel Terkait";

</script>

//<![CDATA[

//]]>

</script>

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

<style>

#related_posts{}

#related_posts h4{ border-top:1px solid #333; border-bottom:1px solid #333; color:#333; font-size:14px; letter-spacing:0; line-height:20px; margin:0 0 5px; padding:5px 10px; background:#03C}

#relpost_img_sum{/* height:320px; overflow:auto; */margin:0; padding:0px; line-height:16px}

#relpost_img_sum:hover{background:none}

#relpost_img_sum ul{list-style-type:none; margin:0; padding:0}

#relpost_img_sum li{border:1px solid #ededed; background:#fff; margin:0 0 5px; padding:5px; height:65px; list-style:none}

#relpost_img_sum .news-title{display:block; font-weight:bold !important}

#relpost_img_sum .news-text{display:block; text-align:justify; font-weight:normal; text-transform:none; color:#333}

#relpost_img_sum img{float:left; margin-right:5px; padding:4px; border:solid 1px #ccc; width:50px; height:50px; background:#fff}

</style>

var relnum = 0;

var relmaxposts = 5;

var numchars = 150;

var morelink = "Read More";

//]]></script>

</b:if>

</head>

<ul>

<li><a href='#'>About</a></li>

<li><a href='#'>Sitemap</a></li>

<li><a href='#'>Disclaimer</a></li>

<li><a href='#'>Contact</a></li>

</ul>

</div>

<b:section class='header' id='header-right' maxwidgets='1' showaddelement='yes'>

<b:widget id='Header1' locked='true' title='Sinxien (Header)' type='Header'>

<b:includable id='main'>

<b:if cond='data:useImage'>

<b:if cond='data:imagePlacement == "BEHIND"'>

<!--

Show image as background to text. You can't really calculate the width

reliably in JS because margins are not taken into account by any of

clientWidth, offsetWidth or scrollWidth, so we don't force a minimum

width if the user is using shrink to fit.

This results in a margin-width's worth of pixels being cropped. If the

user is not using shrink to fit then we expand the header.

-->

<b:if cond='data:mobile'>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

<b:else/>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

</b:if>

<b:else/>

</a>

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>

<b:include name='description'/>

</b:if>

</div>

</b:if>

<b:else/>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

</b:if>

</b:includable>

<b:includable id='description'>

</div>

</b:includable>

<b:includable id='title'>

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

<data:title/>

<b:else/>

</b:if>

</b:includable>

</b:widget>

</b:section>

<b:section class='ads' id='header-left' maxwidgets='1' preferred='yes' showaddelement='yes'/>

</div>

<ul>

<li><a href='#'>Dropdown</a></li>

</ul>

</li>

</form>

<div id='search-result-loader'>Loading...</div>

</div>

</ul>

</nav>

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

<span><a expr:href='data:blog.homepageUrl' expr:title='data:title'>Home</a></span> ·

<span><a href='#'>Menu 1</a></span> ·

<span><a href='#'>Menu 2</a></span> ·

<span><a href='#'>Menu 3</a></span> ·

<span><a href='#'>Menu 4 </a></span> ·

</div>

</b:if>

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

<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>

<b:includable id='main' var='top'> <b:include data='posts' name='breadcrumb'/>

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

<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 cond='data:post.isDateStart'>

</b:if>

<b:if cond='data:post.isDateStart'>

</b:if>

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

<b:else/>

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

</b:if>

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

<b:if cond='data:post.showThreadedComments'>

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

<b:else/>

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

</b:if>

</div>

<b:if cond='data:post.includeAd'>

<b:if cond='data:post.isFirstPost'>

<data:defaultAdEnd/>

<b:else/>

<data:adEnd/>

</b:if>

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

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

</a>

</span>

</b:includable>

<b:includable id='backlinks' var='post'>

<b:if cond='data:post.numBacklinks != 0'>

<b:loop values='data:post.backlinks' var='backlink'>

<b:include data='backlink' name='backlinkDeleteIcon'/>

</dt>

<data:backlink.snippet/>

</dd>

</dd>

</div>

</b:loop>

</dl>

</b:if>

</p>

</b:includable>

<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:if cond='data:blog.pageType == "static_page"'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' expr:title='data:title' rel='nofollow'>Home</a></span> → <span><data:blog.pageName/></span></div>

<b:else/>

<b:if cond='data:blog.pageType == "item"'> <b:loop values='data:posts' var='post'>

<b:if cond='data:post.labels'>

</div>

<b:else/>

<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' expr:title='data:title' rel='nofollow'>Home</a></span> → <span>Tanpa Kategori</span> → <span><data:post.title/></span></div> </b:if>

</b:loop>

<b:else/>

<b:if cond='data:blog.pageType == "archive"'><div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' expr:title='data:title' rel='nofollow'>Home</a></span> → <span>Arsip Untuk <data:blog.pageName/></span> </div> <b:else/>

<b:if cond='data:blog.searchQuery'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> → <span><data:blog.pageName/></span></div>

<b:else/>

<b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'> <span><a expr:href='data:blog.homepageUrl' expr:title='data:title' rel='nofollow'>Home</a></span> → <span>Semua Post</span>

<b:else/>

<span><a expr:href='data:blog.homepageUrl' expr:title='data:title' rel='nofollow'>Home</a></span> → <span>Semua Post Berkategori <data:blog.pageName/></span> </b:if>

</div>

</b:if>

</b:includable>

<b:includable id='comment-form' var='post'>

<b:if cond='data:mobile'>

<data:blogTeamBlogMessage/>

<b:else/>

<data:blogTeamBlogMessage/>

</div>

</b:if>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');

</script>

</div>

</b:includable>

<b:includable id='commentDeleteIcon' var='comment'>

<b:if cond='data:showCmtPopup'>

</div>

<b:else/>

</a>

</b:if>

</span>

</b:includable>

<b:includable id='comment_count_picker' var='post'>

<b:if cond='data:post.forceIframeComments'>

</span>

<b:else/>

<b:if cond='data:post.commentSource == 1'>

</span>

<b:else/>

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

<b:else/>

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

</b:if>

</b:includable>

<b:includable id='comments' var='post'>

<h3>

<b:if cond='data:post.numComments == 1'>

1 <data:commentLabel/>:

<b:else/>

<data:post.numComments/> <data:commentLabelPlural/>:

</b:if>

</h3>

<b:if cond='data:post.allowComments'>

<b:if cond='data:post.commentPagingRequired'>

<data:post.commentRangeText/>

</span>

</b:if>

<b:loop values='data:post.comments' var='comment'>

<b:if cond='data:post.adminClass == data:comment.adminClass'>

<b:else/>

</b:if>

<b:if cond='data:comment.isDeleted'>

<b:else/>

</div>

<b:if cond='data:comment.authorUrl'>

<b:else/>

<data:comment.author/>

</b:if>

<b:if cond='data:comment.author == data:post.author'>

</b:if>

</div>

</a>

<a expr:href='"#r_"+data:comment.anchorName' expr:id='"r"+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)'>Balas</a></div>

</div>

</div>

</div>

</b:if>

<b:if cond='data:comment.isDeleted'>

<data:comment.body/>

</span>

</b:if>

</div>

</div>

</b:loop>

</div>

<b:if cond='data:post.commentPagingRequired'>

<data:post.commentRangeText/>

</span>

</b:if>

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

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='threaded-comment-form'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

<b:else/>

<b:if cond='data:post.allowComments'>

</b:if>

</div>

</b:if>

</div>

//<![CDATA[

if (typeof(jQuery) == 'undefined') {

//output the script (load it from google api)

document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");

}

//]]>

</script>

<b:if cond='data:post.numComments != 0'>

var Items = <data:post.commentJso/>;

var Msgs = <data:post.commentMsgs/>;

var Config = <data:post.commentConfig/>;

<b:else/>

var Items = {};

var Msgs = {};

var Config = {'maxThreadDepth':'0'};

</b:if>

//<![CDATA[

//Global setting

Config.maxThreadDepth = 5;//How threaded level that you want

Display_Emo = true;//Display emoticon or not? set "false" to no display

Replace_Youtube_Link = true;//Auto replace youtube link to iframe embedded, choose "false" to disable

Replace_Image_Link = true;//Auto replace an image link choose "false" to disable.

Replace_Force_Tag = true;//Auto replace an virtual tag example: [pre] to <pre>, and [/pre] </pre>, If user input wrong , your layout will be gone. Then becare ful when enable this trap

Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),only effect when Replace_Image_Link=true

//Config emoticons declare

Emo_List = [

':)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgONPQ6vqoYveZLr3MF2fUEDjV5nBKAN4KCstMfQ66rZiJvx-u2r3KJZT5HxNZPZG0fGK3OBSnJEk4SErSci3ZH0_PdBQjbFOonxVPt9MdlQSqLLyiWPZmySrYxHvpMGoYEbR-q2Mjww-4/s1600/smile1.gif',

':(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio-EbFr_0HO9Rdvjj92MqEj5IozfMfauCNE3CWvDyEuupmicr0Ro2BT1UZOGitoScm9o7t-tiOZkhCeeCoIAPZVSyz4ugxyRVjLSU9yg2m34coguwTSpDFNLIRUziNDvCCriEzzb-5aYs/s1600/sad.gif',

'=(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvOM2iwVlUehf4XZQhlGCEn7Gt9jbHBSES5dzYc6o90kv6DQRlSmq1XCnG6VbToy1XeJVk0BByEBzyfhTnfeJDmJpeZS3wVA6f_YbL3YT0YtRAdW8cr61FkZPkPdUhuAgBm89uVpT8GJM/s1600/sadanimated.gif',

'^_^' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT7EihqXoQorMKviXTiE6BjTf1wmdHPXVPIOpkPt5CGKV8eoSE4oHWa4-Gq8uajucanyyeQ21qgPwWR_gksJBS6hUdgtd_SFmnw5su7X9jRrQ7zrBrzEiaHliPRKQjqB-fEEh6hYFzzv0/s1600/smile.gif',

':D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEUC4QViIqRivOzSRPo6hRxqIu89lJwuAhZowGkqr3EURCRr-dnGDldF8FTSuak6WigI8whXID1aRE37oBdGo-rKGqVXqlBtFGzDAe143Ol_JId4zhG6BzN_1EyTOdthjuKZFXFHUxZiY/s1600/icon_smile.gif',

'=D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC9yUeHO3jroXJf5AJ2v_ShGTwszUaPe675M6fxGHw4EsPi5b4SuKm_Z82xNV10aB_SeMVW7Ca_9kkoIv22z0TvSC6wOkJO6vzUqhVp2TKsttZOfYaLnBnvumQIvPuPrstRX6WElNkgfc/s1600/hihi.gif',

'|o|' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw92-F4L3oDwyQbD5bnkON6_BKKdEyTosnfkfn2zAxAOpBMLf_THD9J3yX9Ed4-EB-B9pyZXqs4zjNQtscom-BBONEtA1JbaCqWtKEZhQCDR8T3dL3cO0nrFszWkDXnEkrPiKlpgNgUhY/s1600/applause.gif',

'@@,' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZUM70viV1iork6h8FTP1vMaEkQal_XetQvLjji3V_ZVTcoGcPaz1S2csot65ZdIGTh9Si9NaTPdUnNsbIeWDHiLCNdV5zNUV7ISQ-DRXq7mIPHkxwzmU01EAdirQ34WUYdbgonOr3sD4/s1600/rolleyes.gif',

';)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEoqedgDLMWx6ZJq3ZtfE_eJzppG-aioDwTgSq8Vr7PldguOJ5U4pgDm3NtcvNb20WAMeyxZN5LJvS0UuGqaN0zeHShkkodhA9nalDLYiO_TqGSpKq4vMfWiLE-6YBwo0z-kLQBx0BAhQ/s1600/wink.gif',

':-bd' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXAFt3QtqYiamotRSaMtQfpj_QEGn02I_8bhcoU13SREwGIj7CFnLTqWhd-78ZqPrDObO4ZkOepZGTsTzye8852ecwbI9GkPfBLsxbGYWhsbmksuxULQbBfST49Sx0whEwdfgR-cg90uc/s1600/thumb.gif',

':-d' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicT49B6zSJQ-Td828VZsxqAVwMjx_nCcfvBHZF2Rd5J7m_QaPQLdNajxkpwEyp8o1kXbNntW4M-i122CASkboYqKxYYmidGQjPvkV9LI7zbhwJE-0xvD5Z9R9HA-YwnP7sywlZoz0IZy0/s1600/thumbsup.gif',

':p' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX487p_jSQPNsBiZSUmyUvcwXQOLmDFchR6QkajSp6ZXIiRfxSmtJJo220XcUrA4MDIKyTq2bSKLXxr-OOOrV1-kNeUyGofEBW7giWLMVgdLxqYerNJGc707c2OnicL9mXkLhRdbH6k1I/s1600/wee.gif',

];

//Config Force tag list, define all in lower case

Force_Tag = [

'[pre]','<pre>',

'[/pre]','</pre>',

'<pre class="brush: plain; title: ; notranslate" title="">','<code>',

'</pre>','</code>'

];

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\\1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\').k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H);3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E();3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i].5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14=10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+\'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\').B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5);1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\'+j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J+\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B");1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||substring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr||||function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUpperCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|child_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtube|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespace|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|replace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|span|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|item|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowfullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxThreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u2009|Replace_Force_Tag|show|s45'.split('|'),0,{}))

//]]>

</script>

</b:includable>

<b:includable id='feedLinks'>

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

<b:if cond='data:feedLinks'>

<b:include data='feedLinks' name='feedLinksBody'/>

</div>

</b:if>

<b:else/>

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

</div>

</b:if>

</b:includable>

<b:includable id='feedLinksBody' var='links'>

<data:feedLinksMsg/>

<b:loop values='data:links' var='f'>

</b:loop>

</div>

</b:includable>

<b:includable id='iframe_comments' var='post'>

<b:if cond='data:post.allowIframeComments'>

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

</b:if>

</b:includable>

<b:includable id='mobile-index-post' var='post'>

<b:if cond='data:post.dateHeader'>

</div>

</b:if>

<data:post.title/>

</h3>

</a>

<b:if cond='data:post.thumbnailUrl'>

</div>

<b:else/>

</div>

</b:if>

<b:if cond='data:post.snippet'><data:post.snippet/></b:if>

</div>

</div>

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

<b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' title='Comments'> <b:if cond='data:post.numComments == 0'> Tulis Komentar </b:if> <b:if cond='data:post.numComments == 1'> 1 Komentar </b:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> Komentar </b:if></a></b:if>

</b:if>

| <a expr:href='data:post.url' expr:title='data:post.title'>Baca Selengkapnya »</a>

</div>

</b:includable>

<b:includable id='mobile-main' var='top'>

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

<b:if cond='data:newerPageUrl'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>« Sebelumnya</a>

</div>

</b:if>

<b:if cond='data:olderPageUrl'>

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

</div>

</b:if>

</div>

</div>

</b:includable>

<b:includable id='mobile-post' var='post'>

<b:if cond='data:post.dateHeader'>

</b:if>

<b:if cond='data:post.title'>

<b:if cond='data:post.link'>

<b:else/>

<b:if cond='data:post.url'>

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

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

<data:post.body/>

</div>

<b:if cond='data:top.showAuthor'>

<b:if cond='data:post.authorProfileUrl'>

<data:post.author/>

</a>

</span>

<b:else/>

</b:if>

</span>

<b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/>

<b:if cond='data:post.url'>

</b:if>

</span>

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

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

<b:if cond='data:post.allowComments'>

</b:if>

</span>

</div>

<b:if cond='data:top.showMobileShare'>

</div>

</b:if>

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

</b:if>

</div>

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

<b:if cond='data:post.showThreadedComments'>

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

<b:else/>

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

</b:if>

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

<b:if cond='data:post.showThreadedComments'>

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

<b:else/>

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

</b:if>

</div>

</b:includable>

<b:includable id='nextprev'>

<b:if cond='data:newerPageUrl'>

</div>

</b:if>

<b:if cond='data:olderPageUrl'>

</div>

</b:if>

<b:if cond='data:mobileLinkUrl'>

</div>

</b:if>

</div>

</b:includable>

<b:includable id='post' var='post'>

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

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

<b:if cond='data:post.authorProfileUrl'>

<data:post.author/>

</a>

</span>

<b:else/>

</b:if>

</div>

</div></b:if>

<b:if cond='data:post.thumbnailUrl'>

//<![CDATA[

function bp_thumbnail_resize(image_url,post_title)

{

var image_size=110;

image_tag='<img src="'+image_url.replace('/s75-c/','/s'+image_size+'-c/')+'" class="thumb-post" alt="'+post_title+'" title="'+post_title+'"/>';

if(image_url!="") return image_tag; else return "";

}

//]]>

</script>

document.write(bp_thumbnail_resize("<data:post.thumbnailUrl/>","<data:post.title/>"));

</script></a>

<b:else/>

</b:if>

<b:if cond='data:post.title'>

<b:if cond='data:post.link'> <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if>

</h2>

</b:if>

<b:else/>

</b:if>

</h1>

</b:if>

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

<data:post.body/>

<b:else/>

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

<data:post.body/>

</div>

</b:if>

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

<data:post.body/>

</div>

<b:if cond='data:post.isFirstPost'>

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) {return;}

js = d.createElement(s); js.id = id;

js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));

</script>

(function() {

var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;

po.src = 'https://apis.google.com/js/plusone.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);

})();

</script>

</b:if>

Ditulis Oleh: <b:if cond='data:top.showAuthor'>

<b:if cond='data:post.authorProfileUrl'>

<data:post.author/>

</a>

</span>

<b:else/>

</b:if>

</span>

<b:if cond='data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

</b:loop>

</b:if>

</span>

<b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/>

<b:if cond='data:post.url'>

</b:if>

</span>

</div>

</b:if>

</div>

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

<p>Bagikan ke</p>

<a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' style='background:#3b5998;' target='_blank' title='Facebook'>Facebook</a>

<a class='facebook' expr:href='"https://plus.google.com/share?url=" + data:post.url' style='background:#c0361a;' target='_blank' title='Google+'>Google+</a>

<a class='twitter' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' style='background:#4099ff;' target='_blank' title='Twitter'>Twitter</a>

//<![CDATA[

var uri = window.location.href;

var ttle = document.title;

document.write("<a href='http://www.lintas.me/?c=bookmarklet&url="+uri+"&title="+ttle+"' rel='nofollow' style='background:#FF9900;'>Lintaskan</a>");

//]]>

</script>

</div>

</b:if>

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

<h4 style='color:#ffffff; text-shadow:none; border-radius:5px; border:2px solid #ddd; background:#3b5998;'>Artikel Terkait</h4>

<b:loop values='data:post.labels' var='label'>

</b:loop>

</ul>

</div>

</b:if>

</div>

</b:includable>

<b:includable id='postQuickEdit' var='post'>

<b:if cond='data:post.editUrl'>

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

<data:navMessage/>

</div>

</div>

</b:if>

</b:includable>

<b:includable id='threaded-comment-form' var='post'>

<b:if cond='data:mobile'>

<data:blogTeamBlogMessage/>

<b:else/>

<data:blogTeamBlogMessage/>

</div>

</b:if>

</div>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');

</script>

</div>

</b:includable>

<b:includable id='threaded_comment_js' var='post'>

(function() {

var items = <data:post.commentJso/>;

var msgs = <data:post.commentMsgs/>;

var config = <data:post.commentConfig/>;

// <![CDATA[

var cursor = null;

if (items && items.length > 0) {

cursor = parseInt(items[items.length - 1].timestamp) + 1;

}

var bodyFromEntry = function(entry) {

if (entry.gd$extendedProperty) {

for (var k in entry.gd$extendedProperty) {

if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {

return '<span class="deleted-comment">' + entry.content.$t + '</span>';

}

return entry.content.$t;

}

var parse = function(data) {

cursor = null;

var comments = [];

if (data && data.feed && data.feed.entry) {

for (var i = 0, entry; entry = data.feed.entry[i]; i++) {

var comment = {};

// comment ID, parsed out of the original id format

var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);

comment.id = id ? id[2] : null;

comment.body = bodyFromEntry(entry);

comment.timestamp = Date.parse(entry.published.$t) + '';

if (entry.author && entry.author.constructor === Array) {

var auth = entry.author[0];

if (auth) {

comment.author = {

name: (auth.name ? auth.name.$t : undefined),

profileUrl: (auth.uri ? auth.uri.$t : undefined),

avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)

};

}

if (entry.link) {

if (entry.link[2]) {

comment.link = comment.permalink = entry.link[2].href;

}

if (entry.link[3]) {

var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);

if (pid && pid[1]) {

comment.parentId = pid[1];

}

comment.deleteclass = 'item-control blog-admin';

if (entry.gd$extendedProperty) {

for (var k in entry.gd$extendedProperty) {

if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {

comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;

}

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(document.getElementById('form-wrapper'), 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'>

<h4> <b:if cond='data:post.numComments == 0'> Belum ada komentar untuk "<data:blog.pageName/>"</b:if> <b:if cond='data:post.numComments == 1'> 1 Komentar untuk "<data:blog.pageName/>" </b:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> komentar untuk "<data:blog.pageName/>" </b:if> </h4>

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

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

</b:if>

<data:post.commentHtml/>

</div>

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='threaded-comment-form'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

</p>

<b:if cond='data:showCmtPopup'>

</iframe>

</div>

</b:if>

<b:if cond='data:post.showBacklinks'>

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

</b:if>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='sidebar' id='sidebar-wrapper-bottom' preferred='yes'>

<b:widget id='PopularPosts1' locked='false' title='Entri Populer' type='PopularPosts'>

<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>

<ul>

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

<li>

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

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

<b:else/>

</b:if>

<b:else/>

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

<b:if cond='data:post.thumbnail'>

</a>

</div>

</b:if>

</div>

<b:else/>

<b:if cond='data:post.thumbnail'>

</a>

</div>

</b:if>

</div>

</b:if>

</li>

</b:loop>

</ul>

</div>

</b:includable>

</b:widget>

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

<b:includable id='main'>

<b:if cond='data:title'>

</b:if>

<b:if cond='data:display == "list"'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

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

<b:else/>

</b:if>

<b:if cond='data:showFreqNumbers'>

</b:if>

</li>

</b:loop>

</ul>

<b:else/>

<b:loop values='data:labels' var='label'>

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

<b:else/>

</b:if>

<b:if cond='data:showFreqNumbers'>

</b:if>

</span>

</b:loop>

</b:if>

</div>

</b:includable>

</b:widget>

<b:widget id='PlusBadge1' locked='false' title='Google+' type='PlusBadge'>

<b:includable id='main'>

window.___gcfg = {

lang: '<data:language/>'

};

</script>

<b:if cond='data:title != ""'>

</b:if>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

</div>

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

<b:section class='footer' id='footer1' preferred='yes'>

<b:widget id='HTML1' locked='false' title='SEO' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

</b:includable>

</b:widget>

</b:section>

<b:section class='footer' id='footer2' preferred='yes'>

<b:widget id='HTML2' locked='false' title='Template' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

</b:includable>

</b:widget>

</b:section>

<b:section class='footer' id='footer4' preferred='yes'>

<b:widget id='HTML3' locked='false' title='Template Madamvia' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

</b:includable>

</b:widget>

</b:section>

</div></div>

</b:if>

Copyright &copy; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> <br/>Designed by <a href='http://siyamdezign.blogspot.com/' title='Mbah Siyam'>Siyamdezign</a> | Edited By <a href='http://www.madamvia.web.id/' title='Madamvia'>Madamvia</a>

</span><span class='right'><a href='#'>Your Link</a> | <a href='#'>Your Link</a> | <a href='#'>Your Link</a><br/>Powered By <a href='http://blogger.com/' title='Blogger'>Blogger</a></span>

</div>

</div>

//<![CDATA[

// Smooth scroll komentar

$(window).scroll(function(){if($(this).scrollTop()>100){$("#backtop").removeAttr("href");$("#backtop").stop().animate({bottom:"-3",right:"0"},{duration:800,queue:false})}else{$("#backtop").stop().animate({bottom:"-54",right:"0"},{duration:1000,queue:false})}});$(function(){$("#backtop").click(function(){$("html, body").animate({scrollTop:0},"slow");return false})});

//remove link aktif komentar gk jadi

$(function(){$('#comments pX').find('a').contents().unwrap();});

//]]>

</script>

//<![CDATA[

var searchFormConfig = {

url: "http://sinxien.blogspot.com", // URL Blog, GANTI DENGAN URL ANDA....!!!!

numPost: 9999, // Jumlah maksimal temuan

summaryPost: true, // `true` jika ingin menampilkan deskripsi posting

summaryLength: 400, // Jumlah karakter ringkasan posting

resultTitle: "Hasil penelusuran untuk kata kunci", // Judul hasil pencarian

noResult: "No result", // Deskripsi `tak ditemukan`

resultThumbnail: true, // `true` untuk menampilkan thumbnail posting

thumbSize: 40, // Ukuran & resolusi thumbnail

fallbackThumb: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC" // Fallback thumbnail untuk posting tak bergambar

};

//]]>

</script>

var postperpage=7;

var numshowpage=2;

var upPageWord = 'Prev';

var downPageWord = 'Next';

var urlactivepage=location.href;

var home_page="/";

</script>

padding-top:0 !important;

padding-left:10px !important;

padding-bottom:0 !important;

border-left:4px solid green;

}

.admin-comment-wrapper a,

.admin-comment-wrapper a:visited {color:brown}

.admin-comment-wrapper .admin-comment {

padding:10px 15px;

border:1px solid darkgreen;

background-color:transparent;

color:black;

}</style>

//<![CDATA[

// Highlight Blogger Admin Comments with JavaScript by Taufik Nurrohman

// URL: https://plus.google.com/108949996304093815163/about

(function() {

if (document.getElementById('comment-holder')) {

var comments = document.getElementById('comment-holder'),

icon = comments.getElementsByTagName('span');

for (var i = 0; i < icon.length; i++) {

if (icon[i].className == "icon user blog-author") {

icon[i].parentNode.parentNode.className += " admin-comment";

icon[i].parentNode.parentNode.parentNode.className += " admin-comment-wrapper";

}

})();

//]]>

</script>

</body>

</HTML>

Ditulis Oleh: Unknown at 8:52 PM

template gratis

TEMPLATE GRATIS / FREE

Artikel Terkait

0 comments:

Entri Populer