Template Simple

<?xml version="1.0" encoding="UTF-8" ?
>
<!DOCTYPE html>
<html expr:dir='data:blog.languageDirection' lang='en-US' xmlns='http://www.w3.o
rg/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 charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewp
ort'/>
<b:include data='blog' name='all-head-content'/>
<link href='http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,70
0italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'/>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.cs
s' rel='stylesheet'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
<b:else/>
<title>404 ~ Page Not Found!</title>
</b:if>
</b:if>

<b:skin><![CDATA[/*
-----------------------------------------------
Name : Semplicemente
Author : Lasantha Bandara
URL 1 : http://www.premiumbloggertemplates.com/
URL 2: http://www.bloggertipandtrick.net/
Theme URL : http://www.premiumbloggertemplates.com/semplicemente-blogger-templat
e/
Date : May 2015
License : GNU General Public License v2 or later
This template is free for both personal and commercial use, But to satisfy the '
attribution' clause of the license, you are required to keep the footer links in
tact which provides due credit to its authors.
----------------------------------------------- */
body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout #headerbwrap {height:auto;}
body#layout #content {}
body#layout .widget_search {display:none;}
body#layout #mastheadpbt {overflow:hidden;}
body#layout #site-navigationpbt {display: none;}
body#layout .site-socialpbt {display: none;}
/* 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: 62.5%; /* Corrects text resizing oddly in IE6/7 when body fon
t-size is set using em units http://clagnut.com/blog/348/#c790 */
overflow-y: scroll; /* Keeps page centered in all browsers regardless of
content height */
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after o
rientation 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/ */
box-sizing: border-box; /* Apply a natural box layout model to the docum
ent; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for com
ponents that leverage other behavior; see http://css-tricks.com/inheriting-box-s
izing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
body {
background: #f2f2f2; /* Fallback for when there is no custom background
color defined. */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol, ul {
list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
}
/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
color: #888888;
font-family: 'PT Serif', sans-serif;
font-size: 14px;
line-height: 1.8;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
color: #404040;
}
h1 {font-size: 26px;line-height:3.4rem;}
h4 {font-size: 18px;}
p {
margin-bottom: 1.5em;
}
b, strong {
font-weight: bold;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
display: block;
padding: 15px 15px 15px 45px;
margin: 0 0 1.5em;
position: relative;
border-left: 5px solid #36c1c8;
border-right: 2px solid #36c1c8;
}
blockquote::before {
content: "\201C";
font-size: 60px;
line-height: 1;
font-weight: bold;
position: absolute;
left: 10px;
top: 5px;
}
address {
margin: 0 0 1.5em;
}
pre {
background: rgba(0,0,0,.05);
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospac
e;
}
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: 85%;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
Elements
--------------------------------------------------------------*/
hr {
background-color: rgba(0,0,0,.05);
border: 0;
height: 1px;
}
ul, ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
figure {
margin: 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
th {
font-weight: bold;
}
.spaceLeft {
padding-left: 5px;
}
.spaceRight {
padding-right: 5px;
}
.spaceLeftDouble {
padding-left: 10px;
}
.spaceRightDouble {
padding-right: 10px;
}
/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
font-size: 100%; /* Corrects font size not being inherited in all browse
rs */
margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chro
me */
vertical-align: baseline; /* Improves appearance and consistency in all
browsers */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid #36c1c8;
border-radius: 4px;
background: #ffffff;
cursor: pointer; /* Improves usability and consistency of cursor style b
etween image-type 'input' and others */
-webkit-appearance: none; /* Corrects inability to style clickable 'inpu
t' types in iOS */
line-height: 1;
padding: 8px 12px;
-o-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #36c1c8;
color: #ffffff;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
color: #ffffff;
outline: none;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
-webkit-appearance: none; /* Addresses appearance set to searchfield in
S5, Chrome */
-webkit-box-sizing: content-box; /* Addresses box sizing set to border-b
ox in S5, Chrome (include -moz to future-proof) */
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding disp
layed oddly in S5, Chrome on OSX */
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly i
n FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-t
oolbar-buttons/ */
border: 0;
padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
color: #666;
border: 1px solid rgba(0,0,0,.05);
border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
outline: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 3px;
}
textarea {
overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
padding-left: 3px;
vertical-align: top; /* Improves readability and alignment in all browse
rs */
width: 100%;
}
/*--------------------------------------------------------------
Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/
a {
color: #404040;
text-decoration:none;
-o-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
a:hover,
a:focus,
a:active {
color: #36c1c8;
}
/*--------------------------------------------------------------
Menus
--------------------------------------------------------------*/
.main-navigationpbt ul li:hover > a,
.main-navigationpbt li.current-menu-item > a,
.main-navigationpbt li.current-menu-parent > a,
.main-navigationpbt li.current-page-ancestor > a,
.main-navigationpbt .current_page_item > a,
.main-navigationpbt .current_page_parent > a {
background: rgba(0,0,0,.03);
}
.main-navigationpbt {
clear: both;
display: block;
float: left;
width: 100%;
}
.main-navigationpbt ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigationpbt li {
float: left;
position: relative;
}
.main-navigationpbt a {
display: block;
padding: 1.5em 1em;
}
.main-navigationpbt ul li .indicator {
position: absolute;
right: 43%;
bottom: 5px;
font-family: 'FontAwesome';
font-size: 12px;
line-height: 1;
}
.main-navigationpbt ul li .indicator:before {
content: "\f0d7";
}
.main-navigationpbt ul ul li .indicator {
right: 20px;
bottom: 39%;
}
.main-navigationpbt ul ul li .indicator:before {
content: "\f0da";
}
.main-navigationpbt ul ul {
float: left;
position: absolute;
top: 67px;
left: auto;
z-index: 99999;
border-bottom: 2px solid rgba(0,0,0,.1);
visibility:hidden;
opacity:0;
transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}
.main-navigationpbt ul ul ul {
left: 100%;
top: 0;
visibility:hidden;
opacity:0;
transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}
.main-navigationpbt ul ul a {
width: 200px;
font-size: 95%;
}
.main-navigationpbt ul ul li {
}
.main-navigationpbt li:hover > a {
}
.main-navigationpbt ul li:hover > ul {
visibility:visible;
opacity:1;
transition-delay:0s;
}
.main-navigationpbt ul ul li:hover > ul {
visibility:visible;
opacity:1;
transition-delay:0s;
}
.main-navigationpbt .current_page_item a,
.main-navigationpbt .current-menu-item a {
}
/* Small menu */
.menu-togglepbt {
display: none;
}
@media screen and (max-width: 768px) {
.menu-togglepbt,
.main-navigationpbt.toggled .nav-menu {
display: block;
width: 100%;
border-radius: 4px;
color: #ffffff;
text-align: left;
float:left;
padding: 1em;
}
.main-navigationpbt.toggled .nav-menu ul {
display: block;
left: auto;
position: relative;
top: 0;
border-bottom: 0px;
padding-left: 5%;
width: 100%;
opacity: 1;
visibility: visible;
}
.main-navigationpbt.toggled ul ul a {
font-size: 100%;
width: 100%;
}
.menu-togglepbt i {
float:right;
}
.main-navigationpbt ul {
display: none;
}
.main-navigationpbt li {
width: 100%;
}
.main-navigationpbt a {
padding: .5em;
color: #ffffff;
}
.main-navigationpbt a:hover {
color: #ffffff;
}
.main-small-navigation .menu a {
}
}
/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.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;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar */
}
/*--------------------------------------------------------------
Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.site-headerpbt:before,
.site-headerpbt:after,
.site-contentpbt:before,
.site-contentpbt:after,
.site-footerpbt:before,
.site-footerpbt:after,
footer.entry-footerpbt:before,
footer.entry-footerpbt:after,
header.entry-header:before,
header.entry-header:after,
.nav-links:before,
.nav-links:after {
content: '';
display: table;
}
.clear:after,
.entry-content:after,
.site-headerpbt:after,
.site-contentpbt:after,
.site-footerpbt:after,
footer.entry-footerpbt:after,
header.entry-header:after,
.nav-links:after {
clear: both;
}
/*--------------------------------------------------------------
Widgets
--------------------------------------------------------------*/
#secondarypbt .widget {
margin: 0 0 1.5em;
padding: 1.5em;
}
/* Make sure select elements fit in widgets */
.widget select {
max-width: 100%;
}
/* Search widget */
.widget_search .search-submitpbt {
/*display: none;*/
}
#secondarypbt .widget h2 {
font-size: 20px;
line-height: 1.8;
}
#secondarypbt .widget h3 {
font-size: 20px;
line-height: 1.8;
}
/*
.widget-title {
margin-bottom: 1em;
}
.widget-title h3 {
display: inline-block;
border-bottom: 1px solid #36c1c8;
margin-bottom: -1px;
padding: 3px 0;
font-weight: 400;
letter-spacing: -1px;
}
*/
/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/
#pagepbt {
max-width: 1040px;
margin: 30px auto;
}
header.site-headerpbt {
}
#primarypbt {
width: 70%;
float:left;
padding-right: 1.5em;
}
#secondarypbt {
width: 30%;
float:right;
}
.site-brandingpbt, .site-socialpbt {
padding: 1.5em 0;
}
.site-brandingpbt {
float:left;
width: 50%;
}
.site-socialpbt {
float: right;
padding: 1.5em 0 0 0;
width: 50%;
text-align: right;
font-size: 20px;
}
.main-navigationpbt, .hentry, #secondarypbt .widget, header.page-header, #commen
ts {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
header.entry-header, footer.entry-footerpbt {
padding: 0 1.5em;
}
header.entry-header {
padding: 1.5em;
}
header.page-header {
padding: 1.5em;
}
header.page-header h1 span {
font-weight: 700;
}
header.entry-header .entry-title {
font-weight: 700;
}
footer.entry-footerpbt {
padding: 1.5em;
border-top: 1px solid rgba(0,0,0,.05);
}
.entry-featuredImg {
position: relative;
}
.entry-featuredImg img {
display: block;
width:100%;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
span.overlay-img {
background:url(http://1.bp.blogspot.com/-2-ceNbT9H2w/VUzNYmkrEYI/AAAAAAA
ANAs/H9qtjVxi8uU/s1600/goto.png) center center no-repeat black;
height: 100%;
position: absolute;
width: 100%;
z-index: 10;
opacity: 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
#secondarypbt .widget ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#secondarypbt .widget ul li {
padding: 1em 0;
}
h1.site-titlenbt {
font-weight: 700;
font-size: 35px;
}
h2.site-descriptionnbt {
font-weight: 300;
font-size: 16px;
}
.posted-on, .byline, .comments-link, .cat-links, .entry-format {
padding-right: 15px;
font-weight: 300;
}
.comment-metadata .edit-link {
display: block;
float: none;
}
.readMoreLinkpbt {
float: right;
padding: 8px 12px;
border-radius: 4px;
line-height: 1;
}
.readMoreLinkpbt:hover {
}
.readMoreLinkpbt:hover a {
color: #ffffff;
}
.dataBottom a {
border-radius: 4px;
margin: 2px 0;
padding: 0px 5px;
font-weight: 300;
}
.dataBottom a:hover {
color: #ffffff;
}
.entry-metapbt i {
color: #36c1c8;
margin-right: 2px;
}
.topSearchFormpbt {
display:none;
float: right;
padding-top: 8px;
width: 100%;
}
.topSearchFormpbt input {
width:100%;
border-radius: 4px;
outline: none;
}
.topSearchFormpbt input[type="submit"] {
display: none;
}
.topSearchFormpbt input:focus {
}
.top-search {
cursor:pointer;
}
.top-search.active {
color: #36c1c8;
}
.nav-links, .comments-title {
border-radius: 4px;
}
.paging-navigation .nav-links, .comments-title {
padding: 1.5em;
}
.nav-next {
float: right;
}
.nav-previous {
float: left;
}
.post-navigation .nav-previous {
width: 50%;
padding: 1.5em;
float: left;
}
.post-navigation .nav-next {
width: 50%;
text-align: right;
padding: 1.5em;
border-left: 1px solid rgba(0,0,0,.1);
float: right;
}
.page-content {
padding: 1.5em !important;
border-radius: 4px;
}
.taxonomy-description {
margin-top: 1.5em;
}
.site-infopbt {
font-size: 95%;
text-align: center;
margin-top: 20px;
}
.comment-awaiting-moderation {
color: #ff0000;
}
/*--------------------------------------------------------------
Posts and pages
--------------------------------------------------------------*/
.hentry {
margin: 0 0 1.5em;
}
.entry-content {
margin: 1.5em 0 0;
padding: 0 1.5em;
}
/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
max-width: 100%;
}
@media all and (max-width: 1180px) {
body {
margin: 0 30px;
}
#pagepbt {
max-width: 985px;
margin: 30px auto;
}
}
body {
margin: 0 20px;
}
#pagepbt {
max-width: 750px;
margin: 20px auto;
}
.site-brandingpbt {
width: 100%;
text-align:center;
}
.site-socialpbt {
width: 100%;
text-align: center;
padding: 0;
padding-bottom: 1em;
}
#primarypbt, #secondarypbt {
width: 100%;
padding-right: 0em;
}
#secondarypbt {
-webkit-column-count: 2;
-webkit-column-gap: 15px;
-moz-column-count: 2;
-moz-column-gap: 15px;
column-count: 2;
column-gap: 15px;
}
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid;
}
.site-brandingpbt {
text-align: center !important;
}
}
#pagepbt {
max-width: 445px;
margin: 20px auto;
}
.posted-on, .byline, .comments-link, .cat-links, .entry-format {
display: block;
}
#secondarypbt {
-webkit-column-count: auto;
-webkit-column-gap: initial;
-moz-column-count: auto;
-moz-column-gap: initial;
column-count: auto;
column-gap: initial;
}
-webkit-column-break-inside: initial;
-moz-column-break-inside: initial;
column-break-inside: initial;
}
h2 {font-size: 20px;line-height:2rem;}
/*
.widget-title h3 {
padding: 5px 0;
}
*/
}
#pagepbt {
max-width: 297px;
margin: 20px auto;
}
}
h2.date-header {
margin: 10px 0px;
display: none;
}
.main .widget {
margin: 0 0 5px;
padding: 0 0 2px;
}
.main .Blog {
border-bottom-width: 0;
}
#header .description {
}
/* Comments----------------------------------------------- */
#comments {
padding:10px 20px;
margin-bottom:20px;
}
#comments h4 {
font-size:22px;
margin-bottom:10px;
}
#comments ol {
margin-left:0;
}
.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;
margin:10px 0;
}
.feed-links {
clear: both;
}
.comment-form {
}
#navbar-iframe {
height: 0;
visibility: hidden;
display: none;
}
.author-profile {
background: #f6f6f6;
border: 1px solid #eee;
margin: 10px 0 10px 0;
padding: 8px 15px;
overflow: hidden;
}
.author-profile img {
border: 1px solid #ddd;
float: left;
margin-right: 10px;
}
.post-iconspbt {
margin: 5px 0 0 0;
padding: 0px 10px;
}
.post-locationpbt {
margin: 5px 0;
padding: 5px 15px;
}
.related-postbwrap {
margin: 10px auto 0;
padding: 10px 20px;
}
.related-postbwrap h4 {
font-weight: bold;
margin: 10px 0;
}
.related-post-style-2,.related-post-style-2 li {
list-style: none;
margin: 0;
padding: 0;
}
.related-post-style-2 li {
border-top: 0px 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: normal;
font-size: 100%;
}
.related-post-style-2 .related-post-item-summary {
display: block;
}
.pbtsharethisbutt {
overflow: hidden;
padding: 10px 0 5px;
margin: 0;
}
.pbtsharethisbutt ul {
list-style: none;
list-style-type: none;
margin: 0;
padding: 0;
}
.pbtsharethisbutt ul li {
float: left;
margin: 0;
padding: 0;
}
.pbtsharethisbutt ul li a {
padding: 0 10px;
}
.pbtsharethisbutt ul li a:hover {
}
.separator a[style="margin-left: 1em; margin-right: 1em;"] {margin-left: auto!im
portant;margin-right: auto!important;}
.separator a[style="clear: left; float: left; margin-bottom: 1em; margin-right:
1em;"] {clear: none !important; float: none !important; margin-bottom: 0em !impo
rtant; margin-right: 0em !important;}
.separator a[style="clear: left; float: left; margin-bottom: 1em; margin-right:
1em;"] img {float: left !important; margin: 0px 10px 10px 0px;}
.separator a[style="clear: right; float: right; margin-bottom: 1em; margin-left:
1em;"] {clear: none !important; float: none !important; margin-bottom: 0em !imp
ortant; margin-left: 0em !important;}
.separator a[style="clear: right; float: right; margin-bottom: 1em; margin-left:
1em;"] img {float: right !important; margin: 0px 0px 10px 10px;}
.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 0px;
padding:4px;
border:0px solid #eee;
background:none;
width:200px;
height:auto;
}
/* Page Navigation Model Hitam Putih */
.pagenavi{clear:both;margin:10px auto;text-align:center}
.pagenavi span,.pagenavi a{padding:3px;margin-right:5px;background:#fff;border:1
px solid #c20c0c}
.pagenavi a:visited{color:#c20c0c}
.pagenavi a:hover,.pagenavi .current{background:#c20c0c;color:#fff;text-decorati
on:none}
.pagenavi .pages,.pagenavi .current{font-weight:bold}
.pagenavi .pages{border:none}
@media screen and (max-width:384px) {
pagenavi{clear:both;margin:15px 0 10px;text-align:center;font-weight:bold;color:
#fff !important;text-transform:uppercase}
.pagenavi span,.pagenavi a{padding:5px;}
}
]]></b:skin>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js'
type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
/*! jQuery Migrate v1.2.1 | (c) 2005, 2013 jQuery Foundation, Inc. and other con
tributors | 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.migrat
eMute&&(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,{configur
able:!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.m
igrateMute&&t.console&&t.console.log&&t.console.log("JQMIGRATE: Logging is activ
e"),e.migrateTrace===n&&(e.migrateTrace=!0),e.migrateReset=function(){i={},e.mig
rateWarnings.length=0},"BackCompat"===document.compatMode&&r("jQuery is not comp
atible 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.a
ttrHooks.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|s
elected)$/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.v
alue={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') n
o longer gets properties"),t in e?e.value:null)},set:function(e,t){var a=(e.node
Name||"").toLowerCase();return"button"===a?c.apply(this,arguments):("input"!==a&
&"option"!==a&&r("jQuery.fn.attr('value', val) no longer sets properties"),e.val
ue=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 sta
rt 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.pars
eHTML)?v.call(this,e.parseHTML(i[2],n,!0),n,a):v.apply(this,arguments)},e.fn.ini
t.prototype=e.fn,e.parseJSON=function(e){return e||null===e?m.apply(this,argumen
ts):(r("jQuery.parseJSON requires a valid JSON string"),null)},e.uaMatch=functio
n(e){e=e.toLowerCase();var t=/(chrome)[ \/]([\w.]+)/.exec(e)||/(webkit)[ \/]([\w
.]+)/.exec(e)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(e)||/(msie) ([\w.]+)/.e
xec(e)||0>e.indexOf("compatible")&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(e)||[];r
eturn{browser:t[1]||"",version:t[2]||"0"}},e.browser||(g=e.uaMatch(navigator.use
rAgent),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.ext
end(!0,t,this),t.superclass=this,t.fn=t.prototype=this(),t.fn.constructor=t,t.su
b=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=fu
nction(){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.nodeTyp
e&&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.ty
pe||j.test(e.type)?o?o.push(e.parentNode?e.parentNode.removeChild(e):e):i.append
Child(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("scri
pt")),c),d.splice.apply(d,[s+1,0].concat(l)),s+=l.length));return d});var Q=e.ev
ent.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, us
e 'mouseenter mouseleave'"),t&&t.replace(H,"mouseenter$1 mouseleave$1"))};e.even
t.props&&"attrChange"!==e.event.props[0]&&e.event.props.unshift("attrChange","at
trName","relatedNode","srcElement"),e.event.dispatch&&a(e.event,"handle",e.event
.dispatch,"jQuery.event.handle is undocumented and deprecated"),e.event.add=func
tion(e,t,n,a,i){e!==document&&C.test(t)&&r("AJAX events should be attached to do
cument: "+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,"erro
r"),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");v
ar a=arguments,i=t.guid||e.guid++,o=0,s=function(n){var r=(e._data(this,"lastTog
gle"+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 deprecat
ed"),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,a
rguments):(e(this.context).off(t,this.selector||"**",n),this)},e.event.trigger=f
unction(e,t,n,a){return n||C.test(e)||r("Global events are undocumented and depr
ecated"),k.call(this,e,t,n||document,a)},e.each(S.split("|"),function(t,n){e.eve
nt.special[n]={setup:function(){var t=this;return t!==document&&(e.event.add(doc
ument,n+"."+e.guid,function(){e.event.trigger(n,null,t,!0)}),e._data(this,n,e.gu
id++)),!1},teardown:function(){return this!==document&&e.event.remove(document,n
+"."+e._data(this,n)),!1}}})}(jQuery,window);
//]]>
</script>
//<![CDATA[
function showrecentcomments(json){for(var i=0;i<a_rc;i++){var b_rc=json.feed.ent
ry[i];var c_rc;if(i==json.feed.entry.length)break;for(var k=0;k<b_rc.link.length
;k++){if(b_rc.link[k].rel=='alternate'){c_rc=b_rc.link[k].href;break;}}c_rc=c_rc
.replace("#","#comment-");var d_rc=c_rc.split("#");d_rc=d_rc[0];var e_rc=d_rc.sp
lit("/");e_rc=e_rc[5];e_rc=e_rc.split(".html");e_rc=e_rc[0];var f_rc=e_rc.replac
e(/-/g," ");f_rc=f_rc.link(d_rc);var g_rc=b_rc.published.$t;var h_rc=g_rc.substr
ing(0,4);var i_rc=g_rc.substring(5,7);var j_rc=g_rc.substring(8,10);var k_rc=new
Array();k_rc[1]="Jan";k_rc[2]="Feb";k_rc[3]="Mar";k_rc[4]="Apr";k_rc[5]="May";k
_rc[6]="Jun";k_rc[7]="Jul";k_rc[8]="Aug";k_rc[9]="Sep";k_rc[10]="Oct";k_rc[11]="
Nov";k_rc[12]="Dec";if("content" in b_rc){var l_rc=b_rc.content.$t;}else if("sum
mary" in b_rc){var l_rc=b_rc.summary.$t;}else var l_rc="";var re=/<\S[^>]*>/g;l_
rc=l_rc.replace(re,"");if(m_rc==true)document.write('On '+k_rc[parseInt(i_rc,10)
]+' '+j_rc+' ');document.write('<a href="'+c_rc+'">'+b_rc.author[0].name.$t+'</a
> commented');if(n_rc==true)document.write(' on '+f_rc);document.write(': ');if(
l_rc.length<o_rc){document.write('<i>“');document.write(l_rc);document.wri
te('”</i><br/><br/>');}else{document.write('<i>“');l_rc=l_rc.substri
ng(0,o_rc);var p_rc=l_rc.lastIndexOf(" ");l_rc=l_rc.substring(0,p_rc);document.w
rite(l_rc+'…”</i>');document.write('<br/><br/>');}}}
function rp(json){document.write('<ul>');for(var i=0;i<numposts;i++){document.wr
ite('<li>');var entry=json.feed.entry[i];var posttitle=entry.title.$t;var postur
l;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(ent
ry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttit
le.link(posturl);var readmorelink="(more)";readmorelink=readmorelink.link(postur
l);var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmont
h=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new
Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4
]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8
]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames
[12]="Dec";if("content"in entry){var postcontent=entry.content.$t}else if("summa
ry"in entry){var postcontent=entry.summary.$t}else var postcontent="";var re=/<\
S[^>]*>/g;postcontent=postcontent.replace(re,"");document.write(posttitle);if(sh
owpostdate==true)document.write(' - '+monthnames[parseInt(cdmonth,10)]+' '+cdday
);if(showpostsummary==true){if(postcontent.length<numchars){document.write(postc
ontent)}else{postcontent=postcontent.substring(0,numchars);var quoteEnd=postcont
ent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.writ
e(postcontent+'...'+readmorelink)}}document.write('</li>')}document.write('</ul>
')}
//]]>
</script>
summary_noimg = 400;
summary_img = 300;
img_thumb_height = 150;
img_thumb_width = 200;
</script>
//<![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].l
ength);
}
}
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 createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<img src="'+img[0].src+'" class="pbtthumbimg"/>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</
div>';
div.innerHTML = summary;
}
//]]>
</script>
</head>
<body>
<div id='pagepbt'>
<header class='site-headerpbt' id='mastheadpbt' role='banner'>
<div class='site-brandingpbt'>
<b:section class='headersec' id='headersec' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='LUTHFI KURNIA (Header)' type='Head
er' version='1' visible='true'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:wid
get.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='d
ata:width' style='display: block;padding-left:0px;padding-top:0px;'/>
</a>
</div>
<b:else/>

<div expr:style='"background-image: url(\"" + data:sourceUr
l + "\"); " + "background-position: &qu
ot; + data:backgroundPositionStyleStr + "; "
+ data:widthStyleStr + "min-height: &
quot; + data:height + "px;" + "_height: &quo
t; + data:height + "px;" + "background-repea
t: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='site-titlenbt' style='background: transparent; border-width
: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='site-titlenbt'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<h2 class='site-descriptionnbt'><data:description/></h2>
</b:includable>
<b:includable id='title'>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='site-socialpbt'>
<div class='socialLinepbt'>
<a href='#' rel='nofollow' target='_blank' title='Facebook'><i class='fa
spaceLeftDouble fa-facebook'/></a>
<a href='#' rel='nofollow' target='_blank' title='Twitter'><i class='fa
spaceLeftDouble fa-twitter'/></a>
<a href='#' rel='nofollow' target='_blank' title='Google Plus'><i class=
'fa spaceLeftDouble fa-google-plus'/></a>
<a href='#' rel='nofollow' target='_blank' title='Instagram'><i class='f
a spaceLeftDouble fa-instagram'/></a>
<a href='#' rel='nofollow' target='_blank' title='YouTube'><i class='fa
spaceLeftDouble fa-youtube'/></a>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"' t
arget='_blank' title='RSS'><i class='fa spaceLeftDouble fa-rss'/></a>
<a class='top-search' href='#'><i class='fa spaceLeftDouble fa-search'/>
</a>
</div>
<div class='topSearchFormpbt'>
<form action='/search' class='search-formpbt' method='get' role='search'>
<label>
<span class='screen-reader-text'>Search for:</span>
<input class='search-fieldpbt' name='q' placeholder='Sea
rch' title='Search for:' type='search' value=''/>
</label>
<input class='search-submitpbt' type='submit' value='Search'/>
</form>
</div>
</div>
<nav class='main-navigationpbt' id='site-navigationpbt' role='navigation'>
<button class='menu-togglepbt'>Menu<i class='fa fa-align-justify'/></button>
<div class='menu-pbt-container'>
<ul class='menupbt'>
<li><a expr:href='data:blog.homepageUrl'>HOME</a></li>
<li><a href='http://www.luthfikurnia.web.id/search/label/ARTICLE'>ARTICLE</a></l
i>
<li><a href='#'>EVENT</a></li>
<li><a href='#'>GADGET</a></li>
<li><a href='http://www.luthfikurnia.web.id/search/label/HEALTH'>HEALTH</a></li>
<li><a href='#'>INTERMEZZO</a></li>
<li><a href='http://www.luthfikurnia.web.id/search/label/MOESLEM'>MOESLEM</a></l
i>
<li><a href='#'>OPINION</a></li>
<li><a href='#'>TUTORIAL</a></li>
</ul>
</div>
</nav>
</header>
<div class='site-contentpbt' id='contentpbt'>
<div class='content-areapbt' id='primarypbt'>
<div class='site-mainpbt' id='mainpbt' role='main'>
<b:section class='mainblogsec' id='mainblogsec' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog' version='1
' visible='true'>
<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>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<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:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
</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>
<div style='clear: both;'/>
<b:if cond='data:blog.pageType != "item"'>

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

<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' 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.deleteBacklinkMs
g'>
<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:ba
cklink.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:wi
dget.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&q
uot;' 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-co
mment-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>
editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:p
ost.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='d
ata: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='da
ta:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<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.oldestLink
Url'><data:post.oldestLinkText/></a>

<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkU
rl'><data:post.olderLinkText/></a>

<data:post.commentRangeText/>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkU
rl'><data:post.newerLinkText/></a>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLink
Url'><data:post.newestLinkText/></a>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"
'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorCla
ss' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin
-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comme
nt.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comm
ent.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLink
Url'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkU
rl'>
<data:post.olderLinkText/>
</a>

<data:post.commentRangeText/>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkU
rl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLink
Url'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCo
mmentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' na
me='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> 
<div class='post-feeds'>
<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' tar
get='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<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.addCommentO
nclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
</a>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:o
nclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <
data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelP
lural/></b:if></a>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>

<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<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='da
ta:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newe
rPageTitle'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='da
ta:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olde
rPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/
></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" +
data:post.id'>
<data:post.body/>
<div style='clear: both;'/> 
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' rel='author' tit
le='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<a class='timestamp-link' expr:href='data:post.url' rel='boo
kmark' title='permanent link'><abbr class='published' expr:title='data:post.time
stampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<a class='comment-link' expr:href='data:post.addCommentUrl
' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments =
= 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.comme
ntLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-sha
re-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyT
ag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='da
ta:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newe
rPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='da
ta:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olde
rPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype=
'http://schema.org/BlogPosting'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image'/>
</b:if>
<a expr:name='data:post.id'/>
<header class='entry-header'>
<h1 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
<div class='entry-metapbt'>
<b:if cond='data:top.showAuthor'><span class='post-author vcard'><i class='fa fa
-user'/> <b:if cond='data:post.authorProfileUrl'><span class='fn' itemp
rop='author' itemscope='itemscope' itemtype='http://schema.org/Person'><meta exp
r:content='data:post.authorProfileUrl' itemprop='url'/><a class='g-profile' expr
:href='data:post.authorProfileUrl' rel='author' title='author profile'><span ite
mprop='name'><data:post.author/></span></a></span><b:else/><span class='fn' item
prop='author' itemscope='itemscope' itemtype='http://schema.org/Person'><span it
emprop='name'><data:post.author/></span></span></b:if></span> &nbsp
; </b:if>
<b:if cond='data:top.showTimestamp'><i class='fa fa-calendar'/> <b:if c
ond='data:post.url'><meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='perman
ent link'><span class='published updated' expr:title='data:post.timestampISO8601
' itemprop='datePublished'><data:post.timestamp/></span></a></b:if> &am
p;nbsp; </b:if>
<b:if cond='data:post.labels'><i class='fa fa-folder-open'/> <b:loop va
lues='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><dat
a:label.name/></a><b:if cond='data:label.isLast != "true"'>, </b:if></
b:loop>   </b:if>
<b:if cond='data:post.allowComments'><i class='fa fa-comments'/> <a exp
r:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:i
f cond='data:post.numComments == 0'>No comments</b:if><b:if cond='data:post.numC
omments == 1'>1 comment</b:if><b:if cond='data:post.numComments >= 2'><data:p
ost.numComments/> comments</b:if></a>   </b:if>
<b:include data='post' name='postQuickEdit'/>
</div>
</b:if>
</header>
<div class='post-header-line-1'/>
<div class='post-body entry-content' expr:id='"post-body-" + data:post
.id' itemprop='articleBody'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/
>");</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:
if>
<div style='clear: both;'/> 
<div class='pbtsharethisbutt'>
<ul class='pbt-social-icons'>
<li class='Share-this-arti'>Share This:  </li>
<li class='pbtfacebook'><a expr:href='"http://www.facebook.com/share.php?v=
4&src=bm&u=" + data:post.url + "&t=" + data:post.titl
e' onclick='window.open(this.href,"sharer","toolbar=0,status=0,wi
dth=626,height=436"); return false;' rel='nofollow' target='_blank' title='
Share this on Facebook'><i class='fa fa-facebook-square'/> Facebook</a>
</li><li class='pbttwitter'><a expr:href='"http://twitter.com/home?status=&
quot; + data:post.title + " -- " + data:post.url' rel='nofollow' targe
t='_blank' title='Tweet This!'><i class='fa fa-twitter-square'/> Twitte
r</a></li><li class='pbtgoogle'><a expr:href='"https://plus.google.com/shar
e?url=" + data:post.url' onclick='javascript:window.open(this.href, &quot
;", "menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,wid
th=600");return false;' rel='nofollow' target='_blank' title='Share this on
Google+'><i class='fa fa-google-plus-square'/> Google+</a></li><li cla
ss='pbtstumbleupon'><a expr:href='"http://www.stumbleupon.com/submit?url=&q
uot; + data:post.url + "&title=" + data:post.title' rel='nofollow'
target='_blank' title='Stumble upon something good? Share it on StumbleUpon'><i
class='fa fa-stumbleupon-circle'/> Stumble</a></li><li class='pbtdigg'
><a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.u
rl + "&title=" + data:post.title' rel='nofollow' target='_blank' t
itle='Digg this!'><i class='fa fa-digg'/> Digg</a></li>
</ul>
</div>
</b:if>
</div>
<footer class='entry-footerpbt'>
<div class='readMoreLinkpbt'>
<a expr:href='data:post.url'>Read More<i class='fa spaceLeft fa-angle-do
uble-right'/></a>
</div>
</b:if>
</b:if>
</footer>
<div class='post-iconspbt'>
<span class='post-icons' style='padding-right:10px;'>

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMs
g'>
<img alt='' class='icon-action' height='13' src='http://img1.blogb
log.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
</span>

<div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div>
</div>
</b:if>
<div class='post-location post-locationpbt'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post
.location.name/></a>
</b:if>
</b:if>
</div>
</b:if>
<b:if cond='data:post.authorAboutMe'>
<div class='author-profile' itemprop='author' itemscope='itemscope' item
type='http://schema.org/Person'>
<b:if cond='data:post.authorPhoto.url'>
<img expr:src='data:post.authorPhoto.url' itemprop='image' width='50
px'/>
<b:else/>
<img itemprop='image' src='http://1.bp.blogspot.com/-JNIOn2b
YVAY/U-LrAZ5hx5I/AAAAAAAAMwU/qyca43soga8/s1600/no-avatar-50.png' width='50px'/>
</b:if>
<div>
<a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop
='url' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</div>
<span itemprop='description'><data:post.authorAboutMe/></span>
</div>
</b:if>
</b:if>
<div class='related-postbwrap' id='bpostrelated-post'/>
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 != "t
rue"'>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = {
homePage: "<data:blog.homepageUrl/>",
widgetTitle: "<h4>Related Posts:</h4>",
numPosts: 5,
summaryLength: 150,
titleLength: "auto",
thumbnailSize: 80,
noImage: "http://1.bp.blogspot.com/-Xakmg4CGXnA/Uw_8uqsGlwI/AAAAAAAAL
jg/AdRZNmOJpIA/s1600/no-img.png",
containerId: "bpostrelated-post",
newTabLink: false,
moreText: "Read More",
widgetStyle: 2,
callBack: function() {}
};
</script>
//<![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:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;b
ase64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQV
QImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:fa
lse,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPost
Config){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=fu
nction(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.ope
nSearch$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=do
cument.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widge
tTitle+'<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.titleLe
ngth!=="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].hr
ef:"#"}if(A==2){c+='<li><img alt="" class="related-post-item-thumbnail" src="'+r
+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><a class="related-p
ost-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-po
st-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a hr
ef="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</l
i>"}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" t
itle="'+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="re
lated-post-item-tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a cl
ass="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div clas
s="related-post-item-tooltip"><img alt="" class="related-post-item-thumbnail" sr
c="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="
related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</s
pan></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;sho
wRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=jso
n-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window
,document,document.getElementsByTagName("head")[0]);
//]]>
</script>
</b:if>
</article>

<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='http://img2.blogblog.co
m/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"' ex
pr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-
text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThi
sButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.
sharePostUrl + "&target=blog"' expr:onclick='"window.open(thi
s.href, \"_blank\", \"height=270,width=475\"); return false;
"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-but
ton-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.sho
wTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='
data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.s
hareToTwitterMsg' 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.shareP
ostUrl + "&target=facebook"' expr:onclick='"window.open(this.
href, \"_blank\", \"height=430,width=640\"); return false;&q
uot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='shar
e-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' exp
r: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 cla
ss='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>
</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'>
editor' src='' style='display: none' width='100%'/>
<b:else/>
editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:p
ost.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</sp
an>';
}
}
}
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].hr
ef);
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].valu
e;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false
&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' na
me='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div class='widget-areapbt' id='secondarypbt' role='complementary'>
<div class='widget widget_search'>
<form action='/search' class='search-formpbt' method='get' role='search'>
<label>
<span class='screen-reader-text'>Search for:</span>
<input class='search-fieldpbt' name='q' placeholder='Search' title='Sear
ch for:' type='search' value=''/>
</label>
<input class='search-submitpbt' type='submit' value='Search'/>
</form>
</div>
<b:section class='sidebarrightsec' id='sidebarrightsec' preferred='yes'>
<b:widget id='HTML1' locked='false' title='FOLLOW ME ON TWITTER' type='HTML' v
isible='true'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='#TAGS' type='Label' visible='true'
>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-wid
get-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/></s
pan>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.ur
l'><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.cssSiz
e'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></spa
n>
<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:section>
</div>
</div>
<footer class='site-footerpbt' id='colophonpbt' role='contentinfo'>
<div class='site-infopbt'>

Copyright © <script type='text/javascript'>var creditsyear = new Date();doc
ument.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepag
eUrl'><data:blog.title/></a><a href='http://www.blogger.com/'/><br/><a href='htt
p://crestaproject.com/' target='_blank'/><a href='http://www.bloggertipandtrick.
net/' target='_blank' title='Blogging Tutorials'/> - <a href='http://www.premium
bloggertemplates.com/' target='_blank' title='Free Blogger Templates'/><a href='
http://gooyaabitemplates.com/' rel='dofollow' target='_blank'/>
</div>
</footer>
</div>
//<![CDATA[
(function($) {
"use strict";
$(document).ready(function() {
/*--------------------------------------------------------------
---------------------*/
/* Top Search Button
/*--------------------------------------------------------------
---------------------*/
$('.top-search').click(function() {
$('.topSearchFormpbt').slideToggle('fast');
$(this).toggleClass("active");
return false;
});
$('.main-navigationpbt').find("li").each(function(){
if(jQuery(this).children("ul").length > 0){
jQuery(this).append("<span class='indicator'></s
pan>");
}
});
/*--------------------------------------------------------------
---------------------*/
/* Overlay Effect for Featured Image
/*--------------------------------------------------------------
---------------------*/
$(".overlay-img").hover(function () {
$(this).stop().animate({
opacity: .5
}, 300);
},
function () {
$(this).stop().animate({
opacity: 0
}, 300);
});
});
})(jQuery);
//]]>
</script>
//<![CDATA[
/**
* navigation.js
*
* Handles toggling the navigation menu for small screens.
*/
( function() {
var container, button, menu;
container = document.getElementById( 'site-navigationpbt' );
if ( ! container )
return;
button = container.getElementsByTagName( 'button' )[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( ' tog
gled', '' );
else
container.className += ' toggled';
};
} )();
//]]>
</script>
</body>
</html>

Template Simple

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Template Simple

Transféré par

Droits d'auteur :

Formats disponibles

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

Vous aimerez peut-être aussi