Template Awal

<?xml version="1.0" encoding="UTF-8" ?
>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/g
ml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.go
ogle.com/2005/gml/expr'>
<head>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.cs
s' rel='stylesheet'/>
<style type='text/css'>
.tp-caption a{color:#ff7302;text-shadow:none;-webkit-transition:all 0.2s ease-ou
t;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transiti
on:all 0.2s ease-out}.tp-caption a:hover{color:#ffa902}.tp-caption a{color:#ff73
02;text-shadow:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2
s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out}.tpcaption a:hover{color:#ffa902}.tp-caption a{color:#ff7302;text-shadow:none;-webk
it-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:
all 0.2s ease-out;-ms-transition:all 0.2s ease-out}.tp-caption a:hover{color:#ff
a902}.tp-caption a{color:#ff7302;text-shadow:none;-webkit-transition:all 0.2s ea
se-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-tra
nsition:all 0.2s ease-out}.tp-caption a:hover{color:#ffa902}.tp-caption a{color:
#ff7302;text-shadow:none;-webkit-transition:all 0.2s ease-out;-moz-transition:al
l 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out
}.tp-caption a:hover{color:#ffa902}.tp-caption a{color:#ff7302;text-shadow:none;
-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transi
tion:all 0.2s ease-out;-ms-transition:all 0.2s ease-out}.tp-caption a:hover{colo
r:#ffa902}
</style>

.entry ul, .entry ol { list-style: disc; } .post-categories { list-style: none !
important; }#logo{margin-top: 20px;}
</style> 
<b:include data='blog' name='all-head-content'/>
<title>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/> | <data:blog.title/>
<b:else/>
Page Not Found | <data:blog.title/>
</b:if>
</b:if>
</title>

<meta content='Aditya Ramadhan, Aditya R., Achito, adoet stroming, berbagi cerit
a dan pengalaman, imagi-nation' name='keywords'/>
<meta content='Imagi-nation, Aditya R..' name='description'/>
<meta content='Achito' name='author'/>

<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex,noarchive' name='robots'/>
</b:if>
<meta charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='v
iewport'/>

<b:skin><![CDATA[/*
/////////////////////////////////////////////////////////
//
//
// Blogger Template Style
//
// Name
: Business Flat Template
//
// Designer : ThemePoint
//
// URL
:
//
//
//
/////////////////////////////////////////////////////////
*/
/*****************************************
reset.css
******************************************/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure {
margin: 0;
paddi
ng: 0;}
article,aside,details,figcaption,figure,
footer,hgroup,section {
display:block;}
table {
border-collapse: separate;
border-spacing: 0;}
caption, th, td {
text-align: left;
font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";}
blockquote, q {
quotes: "" "";}
sup{
vertical-align: super;
font-size:smaller;}
code{
font-family: 'Courier New', Courier, monospace;
font-size:12px;
c
olor:#272727;}
::selection { background: #333; color: #fff; }
::-moz-selection { background: #333; color: #fff; }
a img{ border: none;}
ol, ul { list-style: none; padding: 0; margin: 0; }
ol li { list-style-type: decimal; padding:0 0 5px; }
ul li { list-style-type: square; padding: 0 0 5px; }
ul ul, ol ol { padding: 0; }
h1, h2, h3, h4, h5, h6 { font-family: 'Open sans', San-serif; font-weight: norma
l; font-style: italic; }
.post-body h1 { line-height: 48px; font-size: 42px; margin: 10px 0; }
.post-body h2 { font-size: 36px; line-height: 44px; border-bottom: 2px solid #44
4444; padding-bottom: 5px; margin: 10px 0; }
.post-body h3 { font-size: 32px; line-height: 40px; border-bottom: 2px solid #F1
F4F9; padding-bottom: 5px; margin: 10px 0; }
.post-body h4 { font-size: 28px; line-height: 36px; margin: 10px 0; }
/*****************************************
Global Links CSS
******************************************/
a{ color: #2980b9; outline:none; text-decoration: none; }
a:hover { color: #000; text-decoration:none; }
body{ background: #DADADA; color: #333; padding: 0; font-family: 'Open Sans', sa
ns-serif; font-size: 15px; line-height: 25px; }
.clr { clear:both; float:none; }
/*****************************************
Wrappers
******************************************/
.ct-wrapper { margin: 0 auto; width: 970px; background-color: #fff;}
.outer-wrapper { margin: 25px 0; position: relative; }
.main-wrapper { width:auto; margin-right: 370px; }
#content { position: relative; width: 100%; float: left; }
.sidebar-wrapper { width: 250px; float: right; }
/**** Layout Styling CSS *****/
body#layout .outer-wrapper, body#layout .sidebar-wrapper, body#layout .ct-wrappe
r { margin: 0; padding: 0; }
body#layout #About { width: 100%; }
/*****************************************
Primary Menu CSS
******************************************/
.primarynav {
color:#BBBBBB; font-size: 11px
}
.primarynav:hover {
color:#FFF
}
/*****************************************
Blog Post CSS
******************************************/
.post-outer:first-child { margin: 0; }
.post-outer { margin: 30px 0 0; width: 100% }
.post{ background: #FFFFFF; padding: 25px 5%; }
.post-title { color:#444444; font-size: 28px; line-height: normal; margin: 0; pa
dding: 0 0 10px; text-decoration: none; text-transform: capitalize; transition:
background 1000ms ease-in-out 0s; -webkit-transition: background 1000ms ease-inout 0s; -moz-transition: background 1000ms ease-in-out 0s; -o-transition: backgr
ound 1000ms ease-in-out 0s; -ms-transition: background 1000ms ease-in-out 0s; }
.post-title:hover { color:#FC6440; font-size: 28px; line-height: normal; margin:
0; padding: 0 0 10px; text-decoration: none; text-transform: capitalize; transi
tion: background 1000ms ease-in-out 0s; -webkit-transition: background 1000ms ea
se-in-out 0s; -moz-transition: background 1000ms ease-in-out 0s; -o-transition:
background 1000ms ease-in-out 0s; -ms-transition: background 1000ms ease-in-out
0s; }
.post-title a{ color:#444444; }
.post-title a:hover{ color: #FC6440; }
.post-body { color: #666; text-transform: auto; word-wrap:break-word; }
.btnt-img {margin-bottom: 25px}
.btnt-img img { height: 220px width: 100%; display: block; margin: 0px; border-b
ottom: 4px solid #ddd; border-color: rgba(0,0,0, 0.1); transition: border 0.4s e
ase; -webkit-transition: border 0.4s ease; -o-transition: border 0.4s ease; -moz
-transition: border 0.4s ease; box-sizing: border-box; -moz-box-sizing: border-b
ox; -webkit-box-sizing: border-box; }
.btnt-img:hover img { border-color: #fc7251 }
.post-header { border-bottom: 1px solid #F5F5F5; color: #999999; font-size: 12px
; line-height: normal; margin: 0 0 10px; padding: 0 0 10px; text-transform: capi
talize; }
.post-header a { color: #999; }
.post-header a:hover{ color: #2980B9; }

.post-author { background: url("http://googledrive.com/host/0BxhAEJ5WPt2SUHRuTkl
0UGhIOUk/Business%20Flat%20Template/Images/sprites.png") no-repeat scroll 0 0 tr
ansparent; padding: 0 15px 0 20px; transition: background 1000ms ease-in-out 0s;
-webkit-transition: background 1000ms ease-in-out 0s; -moz-transition: backgrou
nd 1000ms ease-in-out 0s; -o-transition: background 1000ms ease-in-out 0s; -ms-t
ransition: background 1000ms ease-in-out 0s;}
.post-timestamp { background: url("http://googledrive.com/host/0BxhAEJ5WPt2SUHRu
Tkl0UGhIOUk/Business%20Flat%20Template/Images/sprites.png") no-repeat scroll 0 20px transparent; padding: 0 15px 0 20px; transition: background 1000ms ease-inout 0s; -webkit-transition: background 1000ms ease-in-out 0s; -moz-transition: b
ackground 1000ms ease-in-out 0s; -o-transition: background 1000ms ease-in-out 0s
; -ms-transition: background 1000ms ease-in-out 0s;}
.post-comment-link { background: url("http://googledrive.com/host/0BxhAEJ5WPt2SU
HRuTkl0UGhIOUk/Business%20Flat%20Template/Images/sprites.png") no-repeat scroll
0 -40px transparent; padding: 0 15px 0 20px; transition: background 1000ms easein-out 0s; -webkit-transition: background 1000ms ease-in-out 0s; -moz-transition
: background 1000ms ease-in-out 0s; -o-transition: background 1000ms ease-in-out
0s; -ms-transition: background 1000ms ease-in-out 0s;}
.post-author:hover { background: url("http://googledrive.com/host/0BxhAEJ5WPt2SU
HRuTkl0UGhIOUk/Business%20Flat%20Template/Images/sprites%20(1).png") no-repeat s
croll 0 0 transparent; padding: 0 15px 0 20px; }
.post-timestamp:hover { background: url("http://googledrive.com/host/0BxhAEJ5WPt
2SUHRuTkl0UGhIOUk/Business%20Flat%20Template/Images/sprites%20(1).png") no-repea
t scroll 0 -20px transparent; padding: 0 15px 0 20px; }
.post-comment-link:hover { background: url("http://googledrive.com/host/0BxhAEJ5
WPt2SUHRuTkl0UGhIOUk/Business%20Flat%20Template/Images/sprites%20(1).png") no-re
peat scroll 0 -40px transparent; padding: 0 15px 0 20px; }
.rmlink { float: right; margin: 15px 0 0; }
.rmlink a { background: url("http://googledrive.com/host/0BxhAEJ5WPt2SUHRuTkl0UG
hIOUk/Business%20Flat%20Template/Images/sprites.png") no-repeat scroll 0 -140px
transparent; color: #333333; display: inline-block; font-size: 13px; font-weight
: bold; line-height: 16px; padding: 0 0 0 20px; text-transform: uppercase; trans
ition: background 1000ms ease-in-out 0s; -webkit-transition: background 1000ms e
ase-in-out 0s; -moz-transition: background 1000ms ease-in-out 0s; -o-transition:
background 1000ms ease-in-out 0s; -ms-transition: background 1000ms ease-in-out
0s;}
.rmlink a:hover { background: url("https://2.bp.blogspot.com/-HFSvdqENlWI/VGsxyI
cU7SI/AAAAAAAADs4/4m5RyXnqtfM/s1600/sprites.png") no-repeat scroll 0 -140px tran
sparent; display: inline-block; font-size: 13px; font-weight: bold; line-height:
16px; padding: 0 0 0 20px; text-transform: uppercase; color: #555;}
.rmlink a:hover { }
/***** Page Nav CSS *****/
#blog-pager { background: #FFFFFF; display: inline-block; margin: 1px 0; overflo
w: visible; padding: 25px 8.5%; width: 100%; }
.showpageOf, .home-link { display:none; }
.showpagePoint { background: #E96040; color: #FFFFFF; margin: 0 10px 0 0; pa
dding: 5px 10px; text-decoration: none; border-radius: 0px; -moz-border-radius
: 0px; -o-border-radius: 0px; -webkit-border-radius: 0px; transition:All 100s ea
se-in-out; -webkit-transition:All 1s ease-in-out; -moz-transition:All 1s ease-in
-out; -o-transition:All 1s ease-in-out; }
.showpagePoint:hover { border-radius: 3px; -moz-border-radius: 3px; -o-border-ra
dius: 3px; -webkit-border-radius: 3px; }
.showpage a, .showpageNum a { background: #444; color: #FFFFFF; margin: 0 10px 0
0; padding: 5px 10px; text-decoration: none; border-radius: 0px; -moz-border-ra
dius: 0px; -o-border-radius: 0px; -webkit-border-radius: 0px; transition:All 1s
ease-in-out; -webkit-transition:All 1s ease-in-out; -moz-transition:All 1s easein-out; -o-transition:All 1s ease-in-out; }
.showpage a:hover, .showpageNum a:hover { background: #E96040; color: #fff; b
order-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-bo
rder-radius: 3px; text-decoration: none; }

#blog-pager-newer-link { padding: 20px 5%; position: relative; text-align: left;
width: 40%; }
#blog-pager-newer-link:before { content: "\00AB"; font-size: 30px; left: 0; posi
tion: absolute; top: 35%; }
#blog-pager-older-link { padding: 20px; padding-right: -5%; position: relative;
text-align: right; width: 40%; }
#blog-pager-older-link:before { content: "\00BB"; font-size: 30px; position: abs
olute; right: 0; top: 35%; }
#blog-pager-newer-link .newer-text, #blog-pager-older-link .older-text { display
: block; color: #999; }
/*****************************************
Top Bar
******************************************/
#top-bar { margin: 0; height: 45px; line-height: 45px; width: 100%; background:
#444 url("http://4.bp.blogspot.com/-FXnBBDMLtyg/VGxMY8wCLqI/AAAAAAAADu4/SdrOmZ6S
Y0o/s1600/top-bar-bg.png"); overflow: hidden; margin-bottom: -44px; }
.top-bar-fixed { position: fixed; top: 0px; z-index: 999; margin-bottom: 0; }
#top-bar-inner { position: relative; margin: 0 auto; width: 970px; font-size: 11
px; }
#top-bar-inner ul.top-menu { margin: 0 }
#top-bar-inner ul.top-menu a { height: 45px; line-height: 45px; float: left; pad
ding-right: 10px; margin-right: 10px; color: #bbb; background: url("images/menudash.png") right center no-repeat; text-decoration: none; }
#top-bar-inner ul.top-menu a:hover { color: #fff }
#top-bar-inner ul.top-menu li:last-child a { margin: : 0; padding: 0; background
: none; }
/*callout*/
a#top-bar-callout { height: 45px; line-height: 45px; padding: 0 25px; position:
absolute; top: 0px; right: 0px; background: #fc6440; color: #fff; font-size: 16p
x; font-weight: bold; -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; tran
sition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-o
ut; }
a#top-bar-callout:hover { text-decoration: none; -moz-opacity: 1; -khtml-opacity
: 1; opacity: 1; }
/*****************************************
Post Highlighter CSS
******************************************/
blockquote { border-color: #F1F4F9; border-style: solid; border-width: 1px 0; co
lor: #888888; font-style: italic; margin: 10px 0 20px; padding: 15px 40px; }
/*****************************************
Sidebar CSS
******************************************/
.sidebar { margin: 0; padding: 0; width: 100%;}
.sidebar h2 { margin-top: 0px !important; margin-bottom: 10px; padding-bottom: 1
0px; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; border-bot
tom: double #ddd; font-style: Normal; font-weight: bold; }
.sidebar h2:hover {color: #E96040 }
.sidebar .widget { background: #fff; padding: 25px 0px; padding-right: 20px; cle
ar: both; font-size: 13px; line-height: 23px; margin-bottom: 30px; }
.sidebar ul { margin: 0; padding: 0; list-style: none; }
.sidebar li { border-bottom: 1px solid #F1f4f9; line-height: normal; list-style:
none !important; margin: 8px 0; overflow: hidden; !important; }
/*****************************************
Breadcrumbs
******************************************/
#breadcrumbs {
font-size:90%;
line-height: 1.4em;
text-decoration: none;
margin-left: -12px;
padding-bottom: 7px;
}
#breadcrumbs li { list-style: none; float:left }
#breadcrumbs a { color:#444444; text-decoration:none; transition:All 1s ease-in;
-webkit-transition:All 1s ease-in;
-moz-transition:All 1s ease-in;
-o-transition:All 1s ease-in; }
#breadcrumbs:hover a { color:#E96040;}
/*****************************************
Footer CSS
******************************************/
#footer { position: relative; padding: 0 25px; background: #2b2b2b url("images/f
ooter-bg.png"); color: #7f7f7f; font-size: 12px; }
#footer a { color: #ccc; text-decoration: none; }
#footer a:hover { color: #474747 }
#footer ul { margin-left: 0px !important }
/*footer widgets*/
#footer-left, #footer-middle, #footer-right { float: left; width: 280px; margintop: 25px; }
#footer-middle { margin-left: 40px; margin-right: 40px; }
.footer-widget { color: #7f7f7f; margin-bottom: 25px; }
.footer-widget h2 { color: #fff; font-size: 13px; padding-bottom: 15px; margin:
0 0 15px; border-bottom: double #444; }
.full-widgets #footer-left,
.full-widgets #footer-middle,
.full-widgets #footer-right { width: 100% !important; margin-right: 0; margin-le
ft: 0; }
/*footer bottom*/
#footer-bottom { margin: 10px auto; width: 970px; font-size: 11px; }
#footer-bottom a { color: #666 }
#footer-bottom a:hover { color: #333 }
#copyright { float: left; width: 400px; font-size: 10px; color: #666; }
#footer-menu { width: 550px; float: right; font-size: 10px; text-align: right; }
#footer-menu li { display: inline }
#footer-menu a { margin-right: 5px; padding-right: 10px; text-decoration: none;
background: url("images/square.png") right center no-repeat; }
#footer-menu li:last-child a { margin: 0; padding: 0; background: none; }
#toplink { display: none; position: absolute; bottom: 0px; right: -60px; text-in
dent: -9999px; height: 40px; width: 40px; background: #666 url("http://wpexplore
r-demos.com/office/wp-content/themes/office/images/arrow-up.png") center center
no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3
px; }
#toplink:hover { background-color: #000 }
.footer-left h2 { color: #fff; font-size: 13px; padding-bottom: 15px; margin: 0
0 15px; border-bottom: double #D8D8D8; font-style: Normal; text-transform: upper
case; }
.footer-middle h2 { color: #fff; font-size: 13px; padding-bottom: 15px; margin:
0 0 15px; border-bottom: double #D8D8D8; font-style: Normal; text-transform: upp
ercase; }
.footer-right h2 { color: #fff; font-size: 13px; padding-bottom: 15px; margin: 0
0 15px; border-bottom: double #D8D8D8; font-style: Normal; text-transform: uppe
rcase; }
.footer-left:hover h2 { color: #E96040;}
.footer-middle:hover h2 { color: #E96040;}
.footer-right:hover h2 { color: #E96040;}
/*****************************************
Custom Widget CSS

******************************************/
/***** Label *****/
.label_with_thumbs a { font-style: normal; font-family: Arial; font-weight: norm
al; color: #FC6440; }
.label_with_thumbs a:hover {color: #444; }
.author-info h4 {font-style: italic; font-size: 17px; }
.author-description {font-size: 13px; }
.Label a{ color: #EDEDED; float: left; nowhitespace: afterproperty; text-shadow:
none; font-size: 12px !important; line-height: 1em !important; display: block;
color: #666; text-shadow: 1px 1px 1px #fff; margin-right: 5px; margin-bottom: 7p
x; padding: 6px 8px 6px 17px; line-height: 1.3em; background: #eee url("http://w
pexplorer-demos.com/office/wp-content/themes/office/images/tagcircle.png") 5px c
enter no-repeat; border: 1px solid #ddd; /*rounded corners*/ webkit-border-radiu
s: 3px; -moz-border-radius: 3px; border-radius: 3px; ;}
.Label a:hover{ background-color: #f9f9f9; text-decoration: none; -webkit-transi
tion: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition
: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.
1s ease-in-out; color: #666; }
/***** Popular Post *****/
.PopularPosts .item-thumbnail img { display: block; float: left; height: 50px;
width: 50px; border: 2px solid #ddd; -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -mstransition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.PopularPosts .item-thumbnail img:hover { border-color: #ff7944 }
.PopularPosts ul li a { font-size: 12px; color: #464646; text-decoration: none;
padding: 0; }
.PopularPosts ul li a:hover { font-size: 12px; color: #FC6440; text-decoration:
none; padding: 0; }
/***** Blogger Contact Form Widget *****/
.contact-form-email, .contact-form-name, .contact-form-email-message, .contact-f
orm-email:hover, .contact-form-name:hover, .contact-form-email-message:hover, .c
ontact-form-email:focus, .contact-form-name:focus, .contact-form-email-message:f
ocus { background: #F8F8F8; border: 1px solid #D2DADD; box-shadow: 0 1px 1px #F3
F4F6 inset; max-width: 300px; color: #999; }
.contact-form-button-submit { background: #444444; border: medium none; float: r
ight; height: auto; margin: 10px 0 0; max-width: 300px; padding: 5px 10px; width
: 100%; cursor: pointer; }
.contact-form-button-submit:hover { background: #E96040; border: none; transitio
n: background 1000ms ease-in-out 0s; -webkit-transition: background 1000ms easein-out 0s; -moz-transition: background 1000ms ease-in-out 0s; -o-transition: bac
kground 1000ms ease-in-out 0s; -ms-transition: background 1000ms ease-in-out 0s;
}
/***** Profile Widget CSS *****/
.Profile img { border:1px solid #cecece; background:#fff; float:left; margin:5px
10px 5px 0; padding: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%;
border-radius: 50%; }
.profile-data { color:#999999; font:bold 20px/1.6em Arial,Helvetica,Tahoma,sansserif; font-variant:small-caps; margin:0; text-transform:capitalize;}
.profile-datablock { margin:0.5em 0;}
.profile-textblock { line-height:1.6em; margin:0.5em 0;}
a.profile-link { clear:both; display:block; font:80% monospace; padding:10px 0;
text-align:center; text-transform:capitalize;}
/***** Meet The Author *****/
#About { background: #FFFFFF; display: inline-block; padding: 25px 3%; width: 94
%; }
#About .widget-content { position: relative; width: 100%; }
#About .widget-content .main-wrap { width: auto; margin-right: 370px; }
#About .widget-content .main-wrap .info { float: left; position: relative; width
: 90%; padding: 10px 5%; }

#About .widget-content .side-wrap { width: 340px; float: right; text-align: cent
er; }
#About .widget-content .main-wrap .info h5 { border-bottom: 1px solid #F1F4F9; c
olor: #000000; font-size: 16px; font-weight: bold; margin: 0 0 10px; padding: 0
0 5px; text-transform: capitalize; }
#About .widget-content .main-wrap .info p { color: #555; font-style: italic; }
#About .widget-content .side-wrap .author-img { border: 1px solid #CECECE; heigh
t: 150px; vertical-align: bottom; width: 150px; -webkit-border-radius: 50%;
-moz-border-radius: 50%; border-radius: 50%; }
ul.author-social { display: inline-block; margin: 10px 0 0; padding: 0; }
ul.author-social li { background: url("http://3.bp.blogspot.com/-Mu6D1ld_3TE/U35
bF1XXIVI/AAAAAAAADBM/VaHEtkyX3MA/s1600/sprites.png") no-repeat; display: inlineblock; font-weight: bold; font-size: 12px; line-height: 16px; list-style: none;
padding: 0 20px; }
ul.author-social li.facebook { background-position: 0 -80px; }
ul.author-social li.twitter { background-position: 0 -100px; }
ul.author-social li.googleplus { background-position: 0 -120px; }
ul.author-social li.rss { background-position: 0 -176px; }
ul.author-social li a { color: #000; }
ul.author-social li a:hover { color: #666; }
/*****************************************
Comments CSS
******************************************/
.comments { margin-top: 30px; padding-left: 28px }
.comments h4 { font-size: 20px; margin: 0 0 18px; text-transform: capitalize; fo
nt-weight: bold; }
.comments .comments-content .comment-thread ol { overflow: hidden; margin: 0; }
.comments .comments-content .comment:first-child { padding-top: 0; }
.comments .comments-content .comment { margin-bottom: 0; padding-bottom: 0; }
.comments .avatar-image-container { margin-top:10px; margin-left:8px; max-height
: 70px; width: 70px; }
.comments .avatar-image-container img { border:groove 2px #474747; max-width: 60
px; width: 100%; border-radius: 75px; transition: background 1000ms ease-in-out
0s; -webkit-transition: background 1000ms ease-in-out 0s; -moz-transition: backg
round 1000ms ease-in-out 0s; -o-transition: background 1000ms ease-in-out 0s; -m
s-transition: background 1000ms ease-in-out 0s; }
.comments .avatar-image-container img:hover { border:groove 2px #E96040; transit
ion: background 1000ms ease-in-out 0s; -webkit-transition: background 1000ms eas
e-in-out 0s; -moz-transition: background 1000ms ease-in-out 0s; -o-transition: b
ackground 1000ms ease-in-out 0s; -ms-transition: background 1000ms ease-in-out 0
s; optacity: 1.4 }
.comments .comment-block { background: #fff; margin-left: 72px; padding: 14px 0
0 20px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
.comments .comments-content .comment-header a { color: #333; text-transform: cap
italize; }
.comments .comments-content .user { display: block; font-style: italic; font-wei
ght: bold; }
.comments .comments-content .datetime { margin-left: -22px; font-style: italic;
}
.comments .comments-content .datetime a { font-size: 12px; text-transform: norma
l; font-style: italic; }
.comments .comments-content .comment-header, .comments .comments-content .commen
t-content { margin: 0 20px 0 0; }
.comments .comment-block .comment-actions { display: block; text-align: right; }
.comments .comment .comment-actions a { border-radius: 2px; -moz-border-radius:
2px; -webkit-border-radius:2px; background: #474747; color: #FFFFFF; display: in
line-block; font-size: 12px; line-height: normal; margin-left: 1px; padding: 5px
8px; }
.comments .comment .comment-actions a:hover { text-decoration: none; background:

#E96040; }
.comments .thread-toggle { display: none; }
.comments .comments-content .inline-thread { border-left: 1px solid #F4F4F4; mar
gin: 0 0 20px 35px !important; padding: 0 0 0 20px; }
.comments .continue { display: none; }
.comment-thread ol { counter-reset: countcomments; }
.comment-thread li:before { color: #474747; content: counter(countcomments, deci
mal); counter-increment: countcomments; float: right; font-size: 22px; padding:
15px 20px 10px; position: relative; z-index: 10; }
.comment-thread ol ol { counter-reset: contrebasse; }
.comment-thread li li:before { content: counter(countcomments,decimal) "." count
er(contrebasse,lower-latin); counter-increment: contrebasse; float: right; fontsize: 18px; }
/*****************************************
Responsive styles
******************************************/
@media screen and (max-width: 960px) {
.ct-wrapper{ padding:0 15px; width:800px; }
.main-wrapper { margin-right:0; width:800px; }
.outer-wrapper { margin-right:0; width:800px; }
.sidebar-wrapper{ float: left; width: auto; margin-top: 30px; }
#About .widget-content .main-wrap { margin-right: 0; }
#About .widget-content .main-wrap .info { float: none; text-align: center; width
: 90%; padding: 10px 5%; }
#About .widget-content .side-wrap { width: 100%; float: none; text-align: center
; }
.sticky { position: static; }
}
@media screen and (max-width: 768px){
.ct-wrapper{ width:768px; margin-left: 0px; }
#comment-editor { margin:10px; }
.btnt-img, .post-body.entry-content {width: 430px}
#blog-pager {width: 200px; margin-left: 50px;}
#footer {width: 719px; margin-left: -20px;}
.post-outer {width: 430px;}
.post-hentry, #content {width: 430px;}
.sidebar-wrapper{ float: right; width: auto; margin-top: 30px; margin-right:20px
}
#navigation {display:none}
#footer-bottom {width: 719px }
#footer-menu {width: 250px;}
}
.ct-wrapper{ width:483px; margin-left: 0px; }
#comment-editor { margin:10px; }
#blog-pager {width: 200px; margin-left: 50px;}
#footer {width: 433px}
.post-hentry {width: 400px;}
.sidebar-wrapper {width: 445px; float: left; margin-left: 30px;}
#navigation {display:none}
}

#header img { width:100%; }
.sidebar-wrapper {width: 400px; float: left; padding-left: 13px}
}
.comments .comments-content .datetime{
display:block;
float:none;
.comments .comments-content .comment-header {
height:70px;
}
.sidebar-wrapper {width: 270px; float: left; padding-left: 3px}
.post-hentry {width: 270px;}
}
.ct-wrapper{ padding:0; }
.post-body img{ max-width: 230px; }
.comments .comments-content .comment-replies {
margin-left: 0;
}
}
/*****************************************
Hiding Header Date and Feed Links
******************************************/
h2.date-header{display:none;}
.quickedit{display:none;}
/*-------------------------------------------------------------Kustomisasi Bilah Menu Navigasi Di Atas Header Halaman Blog

Oleh: Teuku Iwan
Blog: maubelajarprogram
URL : http://eltelu.blogspot.com/
--------------------------------------------------------------*/
.bilah-menu-atas {
width: 100%;
min-width: 960px;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
height: 27px;
font-size: 13px;
z-index: 99;
white-space: nowrap;
background-color: #336699;
background-image: -moz-linear-gradient(center top , rgb(20, 132, 206) 0%, #336
699 100%);
box-shadow: 0px 2px 0px rgb(14, 90, 140);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.kolom-utama {
-moz-transition: all 0.2s linear 0s;
width: 960px;
height: auto;
margin: 0px auto;
}
.kolom-menu {
width: 521px;
height: auto;
margin: 0px 0px 0px -41px;
float: left;
display: inline;
}
.kolom-menu ul {
height: auto;
margin-top: 0px;
}
.kolom-menu ul li {
float: left;
position: relative;
list-style: none outside none;
}
.kolom-menu ul li:first-child {
border-left: 1px solid rgba(30, 30, 30, 0.125);
}
.kolom-menu ul li a {
color: #ffffff;
font-weight: bold;
text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
text-decoration: none;
display: inline-block;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
position: relative;
border-right: 1px solid rgba(30, 30, 30, 0.125);
box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.1);
}
.kolom-menu ul li a:hover, .kolom-menu ul li a:focus {
background-color: rgba(255, 255, 255, 0.125);
}
]]></b:skin>
<b:if cond='data:blog.pageType != "index"'>
.post-body img{ height: auto; max-width: 100%; }
</style>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
#blog-pager { display: none; }
</style>
</b:if>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,6
00italic|Pacifico' rel='stylesheet' type='text/css'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' ty
pe='text/javascript'/>
<script type='text/javascript'>
/*<![CDATA[*/
//Sticy Menu Script
$(document).ready(function(){var stickyNavTop=$('.nav-menu').offset().top;va
r stickyNav=function(){var scrollTop=$(window).scrollTop();if(scrollTop>stickyNa
vTop){$('.nav-menu').addClass('sticky')}else{$('.nav-menu').removeClass('sticky'
)}};stickyNav();$(window).scroll(function(){stickyNav()})});
/*]]>*/
</script>
<link href='http://googledrive.com/host/0BxhAEJ5WPt2SWEwzd0hXa1NFQjA' rel='style
sheet'/>
<link href='http://googledrive.com/host/0BxhAEJ5WPt2SNXJMYzRGYWlpWVE' rel='style
sheet'/>
<b:if cond='data:blog.pageType == "item"'>
/*<![CDATA[*/
//next post navigation links
var urlToNavTitle={};function getTitlesForNav(json){for(var i=0;i<json.feed.
entry.length;i++){var entry=json.feed.entry[i];var href="";for(var k=0;k<entry.l
ink.length;k++){if(entry.link[k].rel=='alternate'){href=entry.link[k].href;break
}}if(href!="")urlToNavTitle[href]=entry.title.$t}}document.write('<script type="
text/javascript" src="http://'+window.location.hostname+'/feeds/posts/summary?re
direct=false&max-results=500&alt=json-in-script&callback=getTitlesForNav"></'+'s
cript>');function urlToPseudoTitle(href){var title=href.match(/\/([^\/_]+)(_.*)?
\.html/);if(title){title=title[1].replace(/-/g," ");title=title[0].toUpperCase()
+title.slice(1);if(title.length>200)title=title.replace(/ [^ ]+$/,"...")}return
title}$(window).load(function(){window.setTimeout(function(){var href=$("a.blogpager-newer-link").attr("href");if(href){var title=urlToNavTitle[href];if(!title
)title=urlToPseudoTitle(href);if(title)$("a.blog-pager-newer-link").html(""+titl
e)}href=$("a.blog-pager-older-link").attr("href");if(href){var title=urlToNavTit
le[href];if(!title)title=urlToPseudoTitle(href);if(title)$("a.blog-pager-older-l
ink").html(""+title)}},500)});
/*]]>*/
</script>
</b:if>
</head>

<body>
<div class='bilah-menu-atas' id='bilahmenuatas'>
<div class='kolom-utama'>
<div class='kolom-menu'>
<ul>
<li><a href='http://http://adoet-stroming.blogspot.com/'><img alt='L3' h
eight='15px' src='https://lh6.googleusercontent.com/-GrWWmwsRww4/UFjcGGzlSYI/AAA
AAAAAAn0/rP9UFz050sk/s800/Beranda.png' width='20px'/></a></li>
<li><a href='URL'>Menu Kiri 1</a></li>
<li><a href='URL'>Menu Kiri 2</a></li>
</ul>
</div>
<div class='kolom-menu'>
<ul style='float: right'>
<li><a href='URL'>Menu Kanan 1</a></li>
<li><a href='URL'>Menu Kanan 2</a></li>
</ul>
</div>
</div>
</div>
<div class='top-bar-fixed' id='top-bar'>

<div id='top-bar-inner'>
</div>
</div>
<header class='clearfix pattern-bg shadow-container header-style-one' id='header
'>
<b:section class='header' id='logo' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='IMAGI-NATION (Header)' type='Head
er' version='1' visible='true'>
<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'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0p
x'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sour
ceUrl + "\"); "
+ "background-positio
n: "
+ data:backgroundPositionStyleStr + "; &qu
ot;
+ data:widthStyleStr
+ "m
in-height: " + data:height
+ "_height: " +
data:height
+ "background-repeat: no-repeat; "
' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0p
x'>
</h1>
</div>
</div>
</b:if>
<b:else/>

<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:id='data:widget.instanceId + "_he
aderimg"' expr:src='data:sourceUrl' style='display: block'/>
</a>

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

<div class='titlewrapper'>
<h1 class='title'>
</h1>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
<div class='clearfix ' id='header-aside'>
</div>
</header>
<div class='header-wrapper'>
<div class='ct-wrapper'>
<div class='clr'/>
</div>
</div>
<div class='clr'/><div class='shadow-container' id='wrap'>
<div class='ct-wrapper'>
<div class='outer-wrapper'>
<div class='main-wrapper'>
<nav class='clearfix' id='navigation'>
<div class='menu-menu-container'><ul class='sf-menu sf-js-enable
d sf-shadow' id='menu-menu'>
</ul></div>
</nav>

<b:section class='content' id='content' 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'>

<div class='post-outer'>
<b:include data='post' name='post'/>

<b:include name='nextprev'/>
</b:if>
<b:include data='post' name='comment_picker'/>
</b:if>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<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'/>
<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='commenteditor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' 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='https://resources.blogblog.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.url.canonical.http'>
</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'/>
<a expr:href='"https://www.blogger.com/comment.g?blogID=349839287173037208&
amp;postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%6
1%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" +
data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window
.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=
1,menubar=0,scrollbars=yes,width=450,height=450"); return false;'><img src=
'http://lh5.ggpht.com/_15FopxVONSo/TEF6_EM31yI/AAAAAAAADb8/DZ_UVHKVtag/reply01.p
ng'/></a>
</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 id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</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'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr
:data-viewtype='data:post.viewType'/>
<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'>
<b:if cond='data:post.dateHeader'>
<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' itemprop='name'>
<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>
<div style='clear: both;'/>
</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'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<div class='post-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'>
<b:if cond='data:blog.pageType != "item"'>
<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>
<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>

</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'>
<span class='newer-text'>Next Post</span><a class='blog-pager-newer-link
' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pa
ger-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a
>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<span class='older-text'>Previous Post</span><a class='blog-pager-olderlink' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blo
g-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/
></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry'>
<a expr:href='data:post.link'><data:post.title/>
</a>
<b:else/>
<a expr:href='data:post.url'><data:post.titl
e/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:else/>
<a expr:href='data:post.link'><data:post.title/>
</a>
<b:else/>
<a expr:href='data:post.url'><data:post.titl
e/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
</b:if>
<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:else/>

<ul id='breadcrumbs'>
<li><a class='breadcrumbs-title' expr:href='data:blog.homepageUrl' rel='tag'>Hom
e</a><i class='fa fa-angle-double-right' style='padding-left: 6px; padding-right
: 6px'/></li>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<li><a expr:href='data:label.url' rel='tag'><data:label.name/></a><i class='fa f
a-angle-double-right' style='padding-left: 6px; padding-right: 6px'/></li>
</b:if>
</b:loop>
<b:else/>
</b:if><li><a class='current'><data:post.title/></a></li>
</b:loop>
</ul>
<b:else/>
</b:if></b:if>
<div class='post-header'>
<div class='post-header-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:post.timestamp/>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.add
CommentOnclick'><b:if cond='data:post.numComments == 0'>Leave a Comment</b:if><b
:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numC
omments >= 2'><data:post.numComments/> comments</b:if></a>
</span>
</b:if>
</div>
</div>
</b:if>
<div class='post-body entry-content' expr:id='"post-body-" + data:
post.id'>
<data:post.body/>
<b:else/>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
/*<![CDATA[*/
// JavaScript Document
//Automatic read more
var thumbnail_mode = "yes";; //yes -with thumbnail, no -no thumbnail
summary_noimg = 530; //summary length when no image
summary_img = 440; //summary length when with image
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:str
x.length-2;while(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop++;str
x=strx.substring(0,chop-1);return strx+'...'}
function createSummaryAndThumb(pID){var div=document.getElementById(pID);var img
tag="";var img=div.getElementsByTagName("img");var url=div.getElementsByTagName(
"a");var summ=summary_noimg;if(thumbnail_mode=="yes"){if(img.length>=1){imgtag='
<div class="btnt-img"><img src="'+img[0].src+'" /></div>';summ=summary_img}}var
summary=imgtag+'<div>'+removeHtmlTag(div.innerHTML,summ)+'</div>';div.innerHTML=
summary}
/*]]>*/</script>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink'><a expr:href='data:post.url'>Read More</a></span>
</b:if>
</b:if>
<div style='clear: both;'/> 
</div>
<div class='post-footer'>
</b:if>
</div>

</div>
<div class='post-footer-line post-footer-line-3'><span class='post-locatio
n'>
<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>
</span> </div>
</div>
</div>
</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-linktext'><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>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' style='display: none' width='100%'/>
<b:else/>
mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' 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_css'>
<style>
</style>
</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;
} else if (entry.gd$extendedProperty[k].name == 'blogger.display
Time') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false
&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, 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 id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' showaddelement='yes
'>
<b:widget id='HTML101' locked='true' title='Search Bar' t
ype='HTML' version='1' visible='true'>
<div class='widget-content'>
<form _lpchecked='1' action='/search' class='search
-form' id='searchform' method='get'>
<fieldset>
<input id='s' name='q' onfocus='if(this
.value=='Search')this.value='';' onwebkitspeechchange='trans
cribe(this.value)' type='text' value='Search' x-webkit-speech=''/>
</fieldset>
</form>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='New Posts' typ
e='HTML' visible='true'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='clr'/>
</div>
<footer id='footer'>
<div class='clearfix ' id='footer-widget-wrap'>
<b:section class='footer-left' id='footer-left' preferred='yes'>
<b:widget id='HTML2' locked='false' title='Recent Comments' type='HTML' vi
sible='true'>

</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='footer-middle' id='footer-middle' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About me' type='Profile'
visible='true'>
<h2><data:title/></h2>
</b:if>
<b:if cond='data:team'> 
<ul>
<b:loop values='data:authors' var='i'>
<li><a class='profile-name-link g-profile' expr:href='data:i.userUrl'
expr:style='"background-image: url(" + data:i.profileLogo + ");&q
uot;'><data:i.display-name/></a></li>
</b:loop>
</ul>
<b:else/> 
<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:mess
ages.myPhoto' expr:height='data:photo.height' expr:src='data:photo.url' expr:wid
th='data:photo.width'/></a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' expr:href='data:userUrl' expr:s
tyle='"background-image: url(" + data:profileLogo + ");"' re
l='author'>
<data:displayname/>
</a>
<b:if cond='data:hasgoogleprofile'>
<br/>
<div class='g-follow' data-annotation='bubble' data-height='20' expr
:data-href='data:userUrl'/>
</b:if>
</dt>
<b:if cond='data:showlocation'>
<dd class='profile-data'><data:location/></dd>
</b:if>
<b:if cond='data:aboutme != ""'><dd class='profile-textblock'>
<data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewPr
ofileMsg/></a>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='footer-right' id='footer-right' prefer
red='yes'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers' visi
ble='true'>
<b:if cond='data:title != "" and data:codeSnippet != ""'>
</b:if>
<div expr:id='data:widget.instanceId + "-wrapper"'>
<b:if cond='data:codeSnippet != ""'>
<div style='margin-right:2px;'>
<data:codeSnippet/>
</div>
</b:if>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<a href='#top' id='toplink' style='display: inline;' title='Return to To
p'>back up</a>
</footer>
</div>
</div>


<div class='clearfix' id='footer-bottom'>
<div id='copyright'>© Copyright 2016 <a expr:href='data:blog.homepa
geUrl' expr:title='data:blog.title'><data:blog.title/></a> - Theme By <a href='h
ttp://adoet-stroming.blogspot.com/'>Achito</a>
</div>


<div id='footer-menu'>
<div class='menu-footer-container'>
<ul class='menu' id='menu-footer'>
</ul>
</div>
</div>

</div>
/*<![CDATA[*/
var postperpage=5;
var numshowpage=2;
var upPageWord =' Previous Page';
var downPageWord ='Next Page ';
var urlactivepage=location.href;
var home_page="/";
/*]]>*/
</script>
<script src='http://googledrive.com/host/0BxhAEJ5WPt2SdVZRcEZMZ3NJS2c/main.js' t
ype='text/javascript'/>
<b:include data='blog' name='google-analytics'/>
</body>
</html>

Template Awal

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Template Awal

Загружено:

Авторское право:

Доступные форматы

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

<meta content='Achito' name='author'/>

.post-header a:hover{ color: #2980B9; }

rder-radius: 3px; text-decoration: none; }

Custom Widget CSS

: 90%; padding: 10px 5%; }

.comments .comment .comment-actions a:hover { text-decoration: none; background:

.ct-wrapper{ padding:0 10px; width:450px; }

/*-------------------------------------------------------------Kustomisasi Bilah Menu Navigasi Di Atas Header Halaman Blog

<div class='top-bar-fixed' id='top-bar'>

</nav>

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

<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMs

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

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

var startThread, targetComment;

Вам также может понравиться

Template Awal

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Template Awal

Загружено:

Авторское право:

Доступные форматы

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

<meta content='Achito' name='author'/>

.post-header a:hover{ color: #2980B9; }

rder-radius: 3px; text-decoration: none; }

Custom Widget CSS

: 90%; padding: 10px 5%; }

.comments .comment .comment-actions a:hover { text-decoration: none; background:

.ct-wrapper{ padding:0 10px; width:450px; }

/*-------------------------------------------------------------Kustomisasi Bilah Menu Navigasi Di Atas Header Halaman Blog

<div class='top-bar-fixed' id='top-bar'>

</nav>

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

<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMs

<b:if cond='data:blog.pageType == &quot;item&quot;'>

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

var startThread, targetComment;

Вам также может понравиться

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