Snktempla

<?xml version="1.0" encoding="UTF-8" ?
>
<!DOCTYPE html>
<HTML>
<head>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='deskripsi blog kamu' name='description'/>
<meta content='keyword blog kamu' name='Keywords'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + &quo
t;, " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + &quo
t;, " + data:blog.pageName' name='Keywords'/>
</b:if>
<meta content='index, follow' name='robots'/>
<meta content='all' name='robots'/>
<meta content='all' name='googlebot'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<b:skin><![CDATA[
.navbar {
visibility:hidden;
display:none;
}
#content{
max-width: 640px;
padding: 10px 5px 10px 5px;
float: left;
display: inline;
position: relative;
width: 100%;
}
.postim{
background:#fff;
padding:10px;
margin-top:10px;
}
.profile-textblock {
margin: .5em 0;
text-align: justify;
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sansserif;
font-weight: 300;
font-size: 10pt;
letter-spacing: 0.02em;
line-height: 20px;
font-smooth: always;
}
.profile-img {
float: left;
margin: 0 5px 5px;
border: 1px solid #DDD;
padding: 5px;
border-radius: 5px;
}
.PopularPosts img{padding:0px;border-radius: 5px;-webkit-filter: saturate(0.0);
-moz-filter: saturate(0.0);-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;

-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);}
.PopularPosts img:hover {-webkit-filter: saturate(1.1);
-moz-filter: saturate(1.1);}
.PopularPosts .item-thumbnail {
float: left;
margin: 0 5px 5px 0;
height: 72px;
padding: 5px;
}
.comments .comments-content .user {
font-style: normal;
font-weight: 200;
font-size: 12pt;
color: #000;
}
.comments {
clear: both;
background: #FAFAFA;
padding: 30px;
}
.comments .comments-content .datetime {
margin-right: 10px;
font-style: normal;
font-weight: 200;
font-size: 8pt;
color: #fff;
position: absolute;
bottom: 12px;
right: 0px;
}
.categ {height: 19px;
float: left;
width: 100%;
overflow: hidden;}
.post h2{
text-align: left;
color: #fafafa;
padding: 7px;
position: relative;
font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-seri
f;
font-weight: 200;
font-size: 17pt;
line-height: 21pt;
float: left;
background: #6D3D1B;
width: 100%;
max-width: 286px;
border: 2px solid #803530;
margin-left: -1px;
box-shadow: inset 0px 0px 10px RGBA(0,0,0,0.2), 0px 5px 0px RGBA(0,0,0,0.4);
z-index: 20;
height: 26px;
overflow: hidden;
}
.post h2 a:link,.post h2 a:visited{
color:#fafafa;
}
.date {
-moz-transition: all 0.9s ease-in-out;
text-decoration: none;
color: #fff;
text-align: center;
font-weight: normal;
font-size: 12px;
position: absolute;
z-index: 30;
top: 10px;
left: 10px;
}
.date a:visited {color:#222;}
.date a:hover {color:#000;}
.date a {color:#7E7E7E;}
.day, .bulan, .tahun {
font-size: 10px;
text-align: center;
float: left;
margin-right: 3px;
margin-left: 3px;
text-transform: uppercase;
color: #fff;
background: rgba(109,61,27,0.7);
width: 30px;
height: 30px;
border-radius: 50px;
line-height: 30px;
box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.1), 2px 2px 0px rgba(0, 0, 0, 0.2)
;
}
.data{
padding: 3px;
font-size: 17px;
f;
font-weight: 200;
color: #fff;
border-top: 1px solid #ddd;
}
.author,.clock{
padding: 3px 20px;
margin: 0px 0px 0px -10px;
font-size: 14px;
color: #fafafa;
}
.clock {float:right;}
.widget-content{padding: 10px;
color: #666;
padding-bottom: 15px;}
.comments .comments-content .comment-header, .comments .comments-content .commen
t-content {
margin: 0 10px 8px;
}
#ArchiveList ul li {
margin: -6px 0 0 10px !important;
}
#ArchiveList ul li a:link, #ArchiveList ul li a:visited {
padding: 0px 0px 0px 10px !important;
margin:5px;
}
#commentsbox {
margin:0;
width:600px;
}
h3#comments{
font-size30px;
font-family: 'Open Sans', sans-serif;
color:#ffffff;
font-weight:normal;
padding:10px 10px ;
background:#D3D4CE;
margin-top:10px;
}
ol.commentlist {
margin:0px 0 0;
clear:both;
overflow:hidden;
list-style:none;
}
ol.commentlist li {
margin:0px 0;
line-height:18px;
padding:10px;
background:#78786D;
}
ol.commentlist li .comment-author {
color:#ffffff;
}
.comment-body {
margin: auto;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
box-shadow: 0 1px 4px rgba(0,0,0,0.5);
padding: 5px;
}
ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:vis
ited{
color:#ffffff;
font-weight:bold;
text-decoration:none !important;font-size:15px;font-family: 'Open Sans', sans-se
rif;}
}
ol.commentlist li .comment-author .fn {
color:#000;
}
ol.commentlist li .comment-author .avatar{
float:right;
background:#fff;
padding:3px;
}
.comments .comments-content .comment-content {

text-align: justify;
border-bottom: 1px solid #DDD;
padding-top: 10px;
font-style: normal;
font-size: 10pt;
color: #000;
}
.comments .comment .comment-actions a {
padding: 5px;
font-size: 11px;
text-align: center;
color: #222;
margin: 5px;
position: relative;
}
.comments .comments-content .comment-replies {
margin-left: 65px;
margin-top: 1em;
}
.comments .comments-content .inline-thread {
padding: .5em 0em;
}
.comments h4{
background: #fff;
padding: 10px;
border-radius: 5px;
border: 1px solid #ddd;
f;
font-weight: 200;
font-size: 15pt;
color: #000;}
.comments .continue a {
padding: 5px;
font-size: 13px;
text-align: center;
color: #fff;
margin-left: 90px;
border-radius: 5px;
background:#A86E48;
}
.avatar-image-container {
float:right;
height:50px;
width:65px;
}
.avatar-image-container img {
height:50px;
width:50px;
}
.comments .avatar-image-container {
float: left;
max-height: 75px;
overflow: hidden;
width: 50px;
padding: 5px;
background:#6D3D1B;
margin-top: 20px;
}
.comments .avatar-image-container img {height:auto;border-radius: 50px;}
ol.commentlist li .comment-meta{
font-size:13px;font-family: 'Open Sans', sans-serif;
}
ol.commentlist li .comment-meta .commentmetadata{
color:#555;
}
ol.commentlist li .comment-meta a {
color:#ffffff;
text-decoration:none !important;
}
ol.commentlist li p {
line-height:22px;
margin-top:5px;
color:#FEFAEF;
font-size:12px;
}
ol.commentlist li .reply{
margin-top:10px;
font-size:10px;
}
ol.commentlist li .reply a{
background:#5F553B;
color:#fff;
text-decoration:none;
padding:3px 10px;
}
ol.commentlist li.odd {
background:#D3D4CE;
}
ol.commentlist li.even {
}
ol.commentlist li.even:hover{BACKGROUND:#D3D4CE;}
ol.commentlist li ul.children {
list-style:none;
margin:1em 0 0;
text-indent:0;
}
ol.commentlist li ul.children li.depth-2 {
margin:0 0 0px 50px;
}
}
}
}
.comment-nav{
padding:5px ;
height:20px;
background:#C4D533;
}
.comment-nav a:link,.comment-nav a:visited{
color:#fff;
}
#respond{
padding:20px;
margin:20px 0px;
}
#respond h3 {
font-size: 20px;
color: #000;
padding-bottom: 10px;
}
#commentform p{
margin:5px 0px;
}
#respond label{
display:block;
padding:5px 0;
font-weight:bold;
color:#3F361F;
}
#respond label small {
font-size:10px;
}
#respond input {
margin-bottom:10px;
padding:5px 0px;
margin:0 10px 10px 0;
background:#6F6753;
color:#F7EEE9;
}
#commentform input{
width:99%;
}
#respond input#commentSubmit {
width:100px;
padding:5px 0px;
background:#B7CD2C;
color:#fff;
margin:10px 0px;
font-weight:bold;
cursor:pointer;
}
textarea#comment{
background:#6F6753;
width:99%;
margin:0px 0px;
padding:5px 0px;
color:#F7EEE9;
}
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p
,pre,a,abbr,acronym,address,big,cite
,code,del,dfn,em,img,ins,kbd,q,samp,small
,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,
thead,tr,th,td{
margin:0;
padding:0;
vertical-align:baseline;
outline:none;
}
b,i,hr,u,center,menu,layer,s,strike,font,xmp
{
margin:0;
padding:0;
vertical-align:baseline;
outline:none;
font-size:100%;
background:transparent;
border:none;
}
font{
color:#333
}
center{
text-align:left
}
body {
margin: 0 auto;
color: #312C21;
overflow-x: hidden;
font-size: 13px;
background: #000 url(http://2.bp.blogspot.com/-MGb_V9sQQm0/Udl0No-T0BI/AAAAAAAAG
kk/5AO3Xq3W188/s1600/Titan-header.jpg) no-repeat top center;
}
a {
color: #222;
}
a:visited {
color: #000;
}
a:hover, a:active {
color: #000;
}
h1,h2, h3, h4, h5, h6 {
color: #000;
font-weight: bold;
}
h1 {
font-size: 85px;
font-family: 'Open Sans', sans-serif;}
h2 {
font-size: 21px;
}
h3 {
font-size: 19px;
}
h4 {
font-size: 17px;color:#222;
}
h5 {
font-size: 15px;
}
h6 {
font-size: 13px;
}
ul {
list-style: none;
}
blockquote {
font-style: italic;
color: black;
border: 1px double #DDD;
padding: 25px;
border-radius: 5px;
overflow: hidden;
background: white;
}
blockquote blockquote {
color: #222;
}
blockquote em {
font-style: normal;
}
pre {
padding: 9px;
background: #f9f9f9;
border: 1px solid #ccc;
overflow:hidden;color: #222;
}
code {
padding: 0 3px;
background: #eee;
}
pre code {
background: transparent;
}
.clear {
clear:both;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 0px;
}
#casing{
background: #3E1D1A;
width: 978px;
margin: auto;
border-top: 0px;
}
#wrapper{
width:100%;
margin:auto;
}
#header{
width:1002px;
position: relative;
margin: auto;
height: 380px;
line-height: 40px;
overflow: hidden;
}
h1#blog-title {
text-align: left;
margin-top: 190px;
margin-left: 20px;
f;
font-weight: 200;
font-size: 37pt;
color: #fff;
padding-right: 10px;
width: 600px;
line-height: 50px;
letter-spacing: -2px;
}
h1#blog-title a {padding:5px;color:#fff;}
h1#blog-title a:link,h1#blog-title a:visited {
color: #fff;
}
h2#blog-desc {
padding: 3px;
text-align: left;
f;
font-weight: 200;
font-size: 20pt;
color: #FED569;
margin-left: 20px;
}
.title h2{
padding: 10px;
line-height: 30px;
text-align: left;
margin: auto;
f;
font-weight: 200;
font-size: 20pt;
color: #fff;
}
.title h2 a:link, .title h2 a:visited{
color:#fafafa;text-decoration: none;
}
.postmeta, .postinfo{
background:#F5ECC1;
padding:3px 10px;
border:1px solid #DFD5A7;
font-size:10px;
text-transform:uppercase;
}
.post {
display: inline;
position: relative;
max-width: 615px;
float: left;
padding: 5px 5px;
width: 100%;
border: 1px dashed #6D3D1B;}
.pagepost ul {list-style: disc;}
.pagepost{
width: 595px;
float: left;
padding: 20px;
line-height: 1.8;
font-weight: 300;
font-size: 10pt;
}
.pagepost a{color:#FFFFAA;text-decoration:underline;}
.pagepost a:hover {color:#FFFF55;}
.widget {
margin: auto;}
.singlepst p:first-letter {
font-size : 30px;
font-weight : bold;
float : left;
color : #3F3A2B;
margin:8px 5px 0px 0px;
}
.cover {
margin: 0 0;
color: #fafafa;
}
h2.pagetitle{
font-size: 12px;
padding: 10px 0px;
margin-right: 10px;
color: #6F6753;
text-align: center;
}
.comments .avatar-image-container img {
max-width: 50px;
}
.item-title a {font-size:20pt;
padding-bottom: .2em;}
#main2 .widget-content, #main3 .widget-content, #main4 .widget-content, #main5 .
widget-content, #main6 .widget-content {
overflow: hidden;
padding: 20px;
font-weight: 300;
font-size: 8pt;
line-height: 20px;
background: #A86E48;
color: #fff;
box-shadow: inset 0px 0px 10px RGBA(0,0,0,0.4), 0px 5px 0px RGBA(0,0,0,0.4);}
#main3 h2:hover {cursor:pointer;}
#main2 h2, #main3 h2, #main4 h2, #main5 h2, #main6 h2 {
text-align: left;
margin: auto;
padding: 10px 5px;
padding-left: 15px;
color: #fff;
f;
font-weight: 200;
font-size: 14pt;
line-height: 13pt;
#main2 ul li a:link, #main2 ul li a:visited, #main3 ul li a:link, #main3 ul li a
:visited, #main4 ul li a:link, #main4 ul li a:visited, #main5 ul li a:link, #mai
n5 ul li a:visited, #main6 ul li a:link, #main6 ul li a:visited {
font-size: 12pt;
line-height: 24pt;
color: #FFFFAA;
f;
font-weight: 200;
letter-spacing: 0.01em;}
#main2 ul li, #main3 ul li, #main4 ul li, #main5 ul li,#main6 ul li {border-bott
om: 1px dashed #6D3D1B;}
#main2 ul li a:hover, #main3 ul li a:hover, #main4 ul li a:hover, #main5 ul li a
:hover, #main6 ul li a:hover {color:#FFFF55;-webkit-transition: all 0.1s ease-in
-out;-moz-transition: all 0.1s ease-in-out;}
.footer {
margin: 0 auto;
z-index: 1;
text-align: left;
position: relative;
padding:25px;
padding-top:15px;
padding-bottom:15px;}
.widget ul li a span.ltr {display:none;}
.widget ul {
line-height: 2.0;}
#footer{
font-size: 11px;
color: black;
background: #250D0B url(http://2.bp.blogspot.com/-A-yjK9v8YvY/Ud_uq44RkLI/AAAAAA
AAGo8/oWiId3zOGsI/s1600/titan.jpg) no-repeat bottom center;
margin: auto;
width: 998px;
border-top: 0px;
margin-top: 1px;}
.fleft{
text-align: center;
margin: auto;
width: 1000px;
padding-top: 10px;
color: #fff;
font-size: 9pt;
outline: 1px solid #6D3D1B;
f;
font-weight: 200;
letter-spacing: 0.01em;}
.fleft p {text-align: center;}
.fleft a{color:#fafafa;}
#Label1 ul li{font-family: 'Open Sans', sans-serif;}
#LinkList1 ul li{font-family: 'Open Sans', sans-serif;}
.crop {
max-width:300px;
width: 100%;
height: 180px;
max-height:180px;
overflow: hidden;
float: left;
border-radius: 2px;
filter: saturate(0.9);
-webkit-filter: saturate(0.9);
-moz-filter: saturate(0.9);
-o-filter: saturate(0.9);
-ms-filter: saturate(0.9);
}
.postright:hover .crop {
filter: saturate(1.1);
-webkit-filter: saturate(1.1);
-moz-filter: saturate(1.1);
-o-filter: saturate(1.1);
-ms-filter: saturate(1.1);}
.crop-wrap{
max-width: 300px;
height: 165px;
overflow: hidden;
position: relative;
float: left;
outline: 1px solid #8E4F23;
background: #666 url('http://4.bp.blogspot.com/-sF1waz1c8wA/UQKiR1Kxc7I/AAAAAAAA

FJg/R0RNjoESYYI/s1600/noimagebyjohanes.png') no-repeat center center;
border-radius: 2px;
margin-right: 10px;
width: 100%;}
.posting {
text-align: left;
position: relative;
display:none;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
color: #7E7E7E;}
.home-link {
display:none;}
#blog-pager-newer-link {
float: right;
color: white;
padding: 10px;
text-align: center;
overflow: hidden;}
#blog-pager-older-link {
float: left;
padding: 10px;
text-align: center;
overflow: hidden;}
#blog-pager-older-link a, #blog-pager-newer-link a {color: #222;
line-height: 33px;
padding: 5px;
background: white;
border-radius: 5px;}
#blog-pager {
color: #DDD;
text-align: center;
text-transform: capitalize;
font-size: 16px;
float: left;
letter-spacing: -1px;
overflow: hidden;
width: 675px;}
.comments .comments-content {position: relative;
margin-bottom: 16px;}
.comments .comment-block {
margin-left: 90px;
position: relative;
background: white;
padding: 10px;
border-radius: 5px;
min-height: 83px;}
.blognames {margin:auto;}
.jomore a{color: #fff;}
.jomore {
min-height: 72px;
font-size: 15px;
position: relative;
f;
font-weight: 200;
max-width: 280px;
background: #A86E48 url(http://3.bp.blogspot.com/-ySoHlqfJa8s/Ud_CgKFzHEI/AAAAAA
AAGoI/g7IdteQFXAo/s1600/badge.png) no-repeat right center;
float: left;
width: 100%;
color: #fff;
padding: 10px;
.jomorelink{float: left;
text-align: left;
width: 100%;
}
.pagepost a {text-decoration: underline;}
.pagepost img{max-width: 580px;
padding: 3px;
box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
height: auto;}
.BlogArchive #ArchiveList ul li {
background: none;
list-style: none;
list-style-image: none;
list-style-position: outside;
border-width: 0;
padding-left:0px;
text-indent:0px;
margin:0;
background-image: none;}
#ArchiveList .toggle-open {
line-height: .6em;
float: left;
margin-top: 8px;}
.post-count {display:none;}
.post-footer-line-1 {
border-top: 1px solid #fafafa;}
.icon-action {display:none;}
#search input[type="text"]:hover {width:160px;}
#search input[type="text"] {
background: #653819 url("http://3.bp.blogspot.com/-uYZni0pIn-E/T-xY2vVu_-I/AAAAA
AAACUY/ZMfR3_BvRFE/s1600/SEARCH_32x32-32.png")no-repeat center left;
font-size: 12px;
background-position-y: 10px;
color: #fff;
width: 0px;
z-index: 9;

margin-bottom: -1px;
position: absolute;
top: 0px;
right: 0px;
height: 30px;}
#main4, #main5 ,#main6 {
width: 295px;
list-style-type: none;
float: left;
margin: 10px;}
.main3, .main2 {width: 310px;
padding-top: 10px;
float: right;}
#container1 {padding: 10px;
background: #DDD;
width: 50%;
margin: auto;
text-align: center;
border: 3px double #BBB;}
a.anes{
padding: 5px;
position: absolute;
right: 10px;
bottom: -15px;
border-radius: 5px;
.label-size a{-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;}
.label-size a:hover{color:#fff;-moz-transition: all 0.4s ease-in-out;
.comment-form {
max-width: 520px;
_width: 410px;
clear: both;
background: white;
padding: 20px;
border-radius: 5px;}
.widget-item-control a{display:none;}
.PopularPosts .item-title a {font-size:20pt;
padding-bottom: .2em;}
.readmore {width: 370px;
border-bottom: 1px solid #ddd;}
#Navbar1, #Attribution1 {display:none;}
.bigcom {width: 234px;text-align: center;}
.posted {
width: 300px;
border-right: 1px solid #ddd;
text-align: center;}
.tombolbacktotop a, .tombolbacktotop a:visited{color: #666;}
.tombolbacktotop {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
position: fixed;
font-size: 25px;
width: 30px;
height: 30px;
padding-right: 0px;
padding-left: 35px;
background: #fff;
color: #666;
text-shadow: -3px 0px 0px #ddd;
bottom: -10px;
right: 10px;}
a.comment-link {float: left;
text-align: left;
width: 100%;}
.sidebar {
float: right;
width: 275px;
position: relative;
margin-right: 5px;}
.profile-name-link {
background: no-repeat left top;
display: inline;
min-height: 20px;
padding-left: 20px;
}
.label-size:hover {background: #F78051;color:#fff;-moz-transition: all 0.2s ease
-in-out;
.label-size {
background: #ddd;
padding: 5px;
margin: 1px;
font-size: 12px;
float: left;
border: 1px solid #bbb;
width: 27%;
height: 11px;
overflow: hidden;
text-align: center;
line-height: 14px;
.showpageArea{
border-top: 1px dashed #6D3D1B;
padding: 10px 0px;

font-size: 14px;}
.showpageArea a {text-decoration:underline;}
.showpageNum a {
color: #fff;
margin: 0 5px;
padding: 5px 12px;
box-shadow: 3px 3px 0px rgba(221, 221, 221, 0.5),inset 3px 3px 0px rgba(0, 0, 0,
0.2);}
.showpageNum a:hover {
background-color:#6D3D1B;}
.showpagePoint {
color: #fff;
margin: 0 5px;
padding: 5px 12px;
box-shadow: 3px 3px 0px rgba(221, 221, 221, 0.5),inset 3px 3px 0px rgba(0, 0, 0,
0.2);}
.showpageOf {
padding:3px;
margin: 0 3px 0 0;}
.showpage a {
padding:3px;}
.showpage a:hover {
text-decoration:none;}
.showpageNum a:link,.showpage a:link {
color:#fff;}
#jquery-overlay{position:absolute;
top:0;left:0;z-index:90;
width:100%;height:500px}
#jquery-lightbox
{position:absolute;top:0;left:0;width:100%;
z-index:100;text-align:center;line-height:0}
#jquery-lightbox a,#jquery-lightbox a:hover
{border:none}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box
{position:relative;background-color:#fff;
width:250px;height:250px;margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute;top:40%;left:0%;
height:25%;width:100%;text-align:center;
line-height:0}
#lightbox-nav{position:absolute;top:0;left:0;
height:100%;width:100%;z-index:10}
#lightbox-container-image-box > #lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext
{width:49%;height:100%;zoom:1;display:block}
#lightbox-nav-btnPrev{left:0;float:left}
#lightbox-nav-btnNext{right:0;float:right}
#lightbox-container-image-data-box
{font:10px Verdana,Helvetica,sans-serif;
background-color:#fff;margin:0 auto;
line-height:1.4em;overflow:auto;
width:100%;padding:0 10px 0}
#lightbox-container-image-data
{padding:0 10px;color:#666}
#lightbox-container-image-data
#lightbox-image-details
{width:70%;float:left;text-align:left}
#lightbox-image-details-caption{font-weight:bold}
#lightbox-image-details-currentNumber
{display:block;clear:left;padding-bottom:1.0em}
#lightbox-secNav-btnClose{width:66px;float:right;
padding-bottom:0.7em}
#menujohanes{
width: 997px;
margin: auto;
height: 50px;
position: relative;
color: #fff;
#menujohanes ul{
z-index: 99999999999999999;
width: 1000px;
margin: auto;}
#menujohanes ul li{
float: left;
position: relative;
padding: 12px;
#menujohanes ul li:hover a.menu{color:#fff;}
#menujohanes ul li:hover{
box-shadow: 0px 3px 0px rgba(0,0,0,0.2), inset 0px 0px 15px rgba(0, 0, 0, 0.2);}
#menujohanes ul li a:hover {
color:#FFFF55;}
#menujohanes ul li a{
color: #fff;
padding: 0 10px;
line-height:25px;
font-size:11px;
display:block;
text-shadow: 0px 2px 0px rgba(0,0,0,0.1);}
#menujohanes ul li ul li{float: none;position: relative;}

#menujohanes ul li ul{
position: absolute;
top: 49px;
left: 0;
display: none;
box-shadow: inset 0 4px 3px rgba(0, 0, 0, 0.3), 0 0px 0 #ddd,0 5px 10px rgba(0,
0, 0, 0.2);
width: 150px;
border-radius: 0px 0px 5px 5px;
background: #A86E48;}
#menujohanes ul li:hover > ul{display: block;}
#menujohanes ul li ul li a{line-height:25px;}
#menujohanes ul li ul li ul{
position: absolute;
top: 0;
left: 150px;
display: none;
box-shadow: 0 0px 0 #ddd,0 5px 10px rgba(0, 0, 0, 0.2);
border-radius: 5px;
width: 150px;
background: #A86E48;}
#menujohanes ul li.selected{color: #000;border-right: 1px solid #803530;}
.pinterestjo:hover, .twitterjo:hover, .facebookjo:hover, .googlejo:hover {backgr
ound-color:#653819;}
.pinterestjo, .twitterjo, .facebookjo, .googlejo {
font-size: 13px;
color: #222;
width: 0px;
z-index: 9;
float: left;
margin-left: 3px;
margin-right: 3px;
height: 20px;
box-shadow: 0px 2px 0px rgba(221, 221, 221, 0.6), inset 0px 0px 5px rgba(195, 22
1, 220, 0.5);
border: 1px solid #67373F;
outline: 1px solid #653819;
border-radius: 4px;
}
/* */
.twitterjo{
background: #A86E48 url("http://4.bp.blogspot.com/-8BAKelUOAUY/UTyKNEclkHI/AAAAA
AAAF3w/JWk7Bt7gJ6s/s1600/white_twitter_bird.png")no-repeat center center;}
.facebookjo {
background: #A86E48 url("http://3.bp.blogspot.com/-vG6u1PK9oY0/UTyKNIjeVvI/AAAAA
AAAF3o/Vr5nEq6jrAw/s1600/white_facebook.png")no-repeat center center;}
.googlejo{
background: #A86E48 url("http://2.bp.blogspot.com/-VgoImgPXil8/UbNUTrYoCqI/AAAAA
AAAGUw/hCImmM-IYZw/s1600/footer-icon-google.png")no-repeat center center;}
.pinterestjo{
background: #A86E48 url("http://2.bp.blogspot.com/-9piAQfPmxa8/UZ-rdm96t7I/AAAAA
AAAGKw/BZQeZleoZhI/s1600/white_pinterest.png")no-repeat center center;}
/* Blog johanes djogzs.blogspot.com */
.jorib {
position: absolute;
right: 20px;
width: 180px;
height: 42px;
top: 30px;
z-index: 9;
padding: 5px;
}
.author1 {width: 100%;
text-align: left;float: left;}
]]></b:skin>

<style>
@media screen and (max-width:1000px){
body{background-size: 940px;}
#wrapper{width:100%;}.post {display: inline;position: relative;
width: 305px;float: left;padding: 5px 5px;}
.pagepost {width: 100%;padding: 10px;font-size: 10pt;max-width: 605px;}
#casing{max-width:640px;width:100%;}
.sidebar {float: left;max-width: 620px;width: 100%;padding: 11px;}.main3, .main2
{width: 100%;max-width: 630px;}
#footer{max-width: 660px;width:100%;}.fleft {width:100%;max-width: 660px;font-si
ze: 8pt;}
#menujohanes{max-width: 660px;height:auto;}
#menujohanes ul{width:auto;}
#menujohanes ul li {float: none;padding:5px;border-bottom: 1px solid #803530;}
#main4, #main5, #main6 {width: 100%;list-style-type: none;float: left;margin: au
to;max-width: 630px;}
#search input[type="text"]{max-width: 625px;padding: 7px 0px 7px 35px;
position: relative;width: 100%;
background: #Fff url("http://3.bp.blogspot.com/-uYZni0pIn-E/T-xY2vVu_-I/AAA
AAAAACUY/ZMfR3_BvRFE/s1600/SEARCH_32x32-32.png")no-repeat center left;}
#search input[type="text"]:hover{width:100%;}
#menujohanes ul li ul {top:0px;position:relative;display: none;box-shadow: none;
width: 100%;}
#header {width: 717px;height: 270px;background-size: 100%;}
h1#blog-title {font-size: 30pt;margin-top: 145px;line-height: 20px;}
h2#blog-desc {font-size: 14pt;}.jorib {top:0px;}
#blog-pager{max-width: 675px;width: 100%;}
.pagepost {width: 100%;padding: 10px;font-size: 10pt;}
.comments .comment-block{margin-left:0px;}
.comments .avatar-image-container{display:none;}}
@media screen and (max-width:740px){
.main3, .main2 {width: 100%;max-width: 492px;margin: auto;float: left;}
#search input[type="text"] {max-width: 309px;}
#menujohanes {max-width: 345px;height: auto;}
#footer {max-width: 345px;width: 100%;}
#casing{width: 100%;max-width: 325px;}.pagepost img {max-width: 237px;}
h1#blog-title {font-size: 29pt;line-height: 35px;width: 50%;}
#content {width:100%;float: none;display: block;position: relative;margin: auto;
}
.sidebar {float: none;max-width: 300px;width: 100%;margin: auto;}
.pagepost {width: 94%;padding: 20px;font-size: 8pt;}h1#blog-title{width;100%;}}
@media screen and (max-width:320px){.pagepost {width: 90%;padding: 20px;}}
</style>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' t
ype='text/css'/>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 100;
summary_img = 100;
</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].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<div class="crop"><img src="'+img[0].src+'"width="300;" /></div>';
summ = summary_img;
}
var summary = imgtag + '<div class="posting">' + removeHtmlTag(div.innerHTML,sum
m) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
</head>
<body class='home blog'>
<div id='wrapper'>
<div id='header'>
<div class='jorib'>
<a href='http://www.facebook.com/ngguantenge' target='_blank'><div class='goog
lejo'/></a>
<a href='http://www.facebook.com/ngguantenge' target='_blank'><div class='twitte
rjo'/></a>
<a href='http://www.facebook.com/ngguantenge' target='_blank'><div class='face
bookjo'/></a>
<a href='#' target='_blank'><div class='pinterestjo'/></a>
</div>
<b:section class='blognames' id='blognames' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Gama Blog (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!-Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of

clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<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='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>

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

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

<h1 id='blog-title'><span><b:include name='title'/></span></h1>
<h2 id='blog-desc'><span><b:include name='description'/></span></h2>
</b:if>
</b:includable>
<b:includable id='description'>
<data:description/>
</b:includable>
<b:includable id='title'>
<a expr:href='data:blog.homepageUrl' expr:title='data:title' rel='home'><data:
title/></a>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='menujohanes'>
<ul>
<li class='selected'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a>
</li>
<li><a class='menu' href='#'>Menu</a>
<ul>
<li><a href='#'>1</a>
<ul>
<li><a href='www.fb.com'>1.1</a></li>
<li><a href='#'>1.2</a></li>
<li><a href='#'>1.3</a></li>
</ul>
</li>
<li><a href='#'>2</a>
<ul>
<li><a href='#'>2.1</a></li>
<li><a href='#'>2.2</a></li>
<li><a href='#'>2.3</a></li>
</ul>
</li>
<li><a href='#'>3</a>
<ul>
<li><a href='#'>3.1</a></li>
<li><a href='#'>3.2</a></li>
<li><a href='#'>3.3</a></li>
</ul>
</li>
</ul>
</li>
<li><a class='menu' href='#'>Contact FB</a>
<ul>
<li><a href='http://www.facebook.com/andreahirata.partii.1'>Facebook GAMA 1</a
></li>
<li><a href='http://www.facebook.com/mysoul.is.death'>Facebook GAMA 2</a></li>
<li><a href='http://www.facebook.com/ndofa.mariza.210398'>Facebook GAMA 3</a><
/li>
<li><a href='http://www.facebook.com/ngguantenge'>Facebook GAMA 4</a></li>
</ul>
</li>
<li><a class='menu' href='#'>None</a>
<ul>
<li><a href='#'>blank</a>
<ul>
<li><a href='#'>blank 2</a>
<ul>
<li><a href='#'>blank 3</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a class='menu' href='#'>Clients</a></li>
<li><a class='menu' href='#'>Email</a></li>
</ul>
<form action='/search' id='search' method='get'>
<input name='q' placeholder='Search Somethings..' size='40' type='text'/></form>
</div>
<div id='casing'>
<div id='content'>
<b:section class='main' id='main' maxwidgets='2' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>

<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>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:else/>
</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:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<div class='clear'/>
<b:include name='nextprev'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
google.load("annotations", "1", {"locale": &
quot;<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</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 id='comment-form'>
<div id='respond'>
<a name='comment-form'/>
<h3>Leave a Reply</h3>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comm
ent-from-post' frameborder='0' height='410' id='comment-editor' name='comment-ed
itor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:p
ost.communityId/>');
</script>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Subscribe
to Posts</a> | <a expr:href='data:blog.homepageUrl + "feeds/comments/defau
lt"'>Subscribe to Comments</a>
</div>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'
>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments
' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canon
icalUrl'>
</span>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numCommen
ts' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.can
onicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='
data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
</b:if>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:else/>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div id='commentsbox'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<h3 id='comments'>
<b:if cond='data:post.numComments == 1'>
One Response so far.
<b:else/>
<data:post.numComments/> Responses so far.
</b:if>
</h3>
</b:if>
<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>
<ol class='commentlist'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.adminClass == data:post.adminClass'>
<li class='comment odd'>
<div class='comment-body'>
<div class='comment-author vcard'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='32px' style='margin
-bottom:-2px;' width='32px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<cite class='fn'>
<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>
</cite> <span class='says'>says:</span>

</div>
<div class='comment-meta commentmetadata'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</div>
</li>
<b:else/>
<li class='comment even'>
<div class='comment-body'>
<div class='comment-author vcard'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='32px' style='margin
-bottom:-2px;' width='32px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<cite class='fn'>
<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>
</cite> <span class='says'>says:</span>
</div>
<div class='comment-meta commentmetadata'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</div>
</li>
</b:if>
</b:loop>
</ol>
<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='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'/>
<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'>
<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>
</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'>
<div expr:id='"summary" + data:post.id' style='display:non
e;'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/
>");</script>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'><data:post.
jumpText/></a></span>
</b:if>
<data:post.body/>
</b:if>
<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'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</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>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-sha
re-button'>
<a href='javascript:void();'><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'>
<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'>NEXT</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'>PREV</a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'>HOME</a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
</b:includable>
<b:includable id='post' var='post'>
<div class='pagepost'>
<div class='title'>
<h2>
<a expr:href='data:post.link' expr:title='"Permanent Link to "
+ data:post.title' rel='bookmark'><data:post.title/></a>
<b:else/>
<a expr:href='data:post.url' expr:title='"Permanent Link to &quot
; + data:post.title' rel='bookmark'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
</div>
<div class='cover'>
<p><data:post.body/></p>
</div>
</div>
<b:else/>

<div class='post hentry'>
<div class='postright'>
<div class='cover'>
<div class='arrow'/>
<div class='date'>
<a expr:href='data:post.url' expr:title='"Permalink to " + data:
post.title' rel='bookmark'>
var timestamp = "<data:post.timestamp/>";
if (timestamp != '') {
var timesplit = timestamp.split(",");
var date_yyyy = timesplit[2];
var timesplit = timesplit[1].split(" ");
var date_dd = timesplit[2];
var date_mmm = timesplit[1].substring(0, 3);
}
</script>
<span class='day'><script type='text/javascript'>document.write(date_dd);</
script></span>
<p class='bulan'><script type='text/javascript'>document.write(date_mmm);
</script></p>
<p class='tahun'><script type='text/javascript'>document.write(date_yyyy);
</script></p></a>
</div>
<div class='crop-wrap'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
>");</script>
</div>
<h2>
<b:else/>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<div class='jomore'>
<b:if cond='data:top.showAuthor'><span class='author1'>Posted by : <data:post.au
thor/></span></b:if>
<b:if cond='data:post.allowComments'><a class='comment-link' expr:href='data:pos
t.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='"Co
mment on " + data:post.title'>
<b:if cond='data:post.numComments == 0'>0 Comments<b:else/><b:if cond='data:post
.numComments == 1'> 1 Comment<b:else/><data:post.numComments/> Comments</b:if></
b:if></a></b:if>
<div class='categ'><b:if cond='data:post.labels'>Tag : <b:loop values='data:post
.labels' var='label'>
<a expr:href='data:label.url + "?&max-results=3"' expr:title='&quo
t;View all posts in " + data:label.name' rel='tag'><data:label.name/></a>,

<b:if cond='data:label.isLast != "true"'/>
</b:loop></b:if></div>
<div class='jomorelink'><a class='anes' expr:href='data:post.url'>Read More</a><
/div>
</div>
</div>
</div>
</div>
</b:if>
<div class='title'>
<h2>
<b:else/>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
</div>
<div class='data'>
<b:if cond='data:top.showAuthor'>
<span class='author'>Posted by : <data:post.author/></span>
</b:if>
<span class='clock'><data:post.dateHeader/></span>
</b:if>
</div>
<div class='pagepost'>
<div class='cover'>
<p><data:post.body/></p>
</div>
<div class='post-footer'>
<style type='text/css'>
#mintshare_mini .flyout ul a img{padding:0px;}
#mintshare_mini, #mintshare_mini ul {padding:0; margin:0; list-style:none; width
:100px; font-family:arial, sans-serif;}
#mintshare_mini {width:125px; height:35px;margin-top: 30px;margin-bottom: 20px;}
#mintshare_mini a.sharetext {
display:block; width:125px; height:30px; text-align:center; line-height:35px; co
lor:#FFFFAA; text-decoration:none; font-size:13px; font-weight:bold;
padding-left:5px;
cursor:pointer;}
#mintshare_mini a.sharetext img {

border: 0 none;
display: block;
margin-left: 10px;}
#mintshare_mini .flyout {
background: none repeat scroll 0 0 #AAAAAA;
height: 113px;
left: 40px;
position: relative;
top: -4px;
width: 0;
transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
-moz-transition: width 1s ease-in-out;
-webkit-transition: width 1s ease-in-out;}
#mintshare_mini .flyout ul {
list-style:none;
position:absolute;
top:-27px;
width:420px;
height:35px;
border-left:0;
left:65px;
padding-right:10px;
overflow: hidden;
padding-left: 15px;
transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;}
#mintshare_mini .flyout ul li {float: left;}
#mintshare_mini .flyout ul li.drop-li {position:relative; width:35px; height:30p
x; float:left; z-index:100; margin-top: -2px;padding-left: 2x;}
#mintshare_mini .flyout ul li.drop-li a.drop-a {display:block; width:100px; floa
t:left; text-decoration:none; line-height:16px;}
#mintshare_mini .flyout ul li.drop-li a.drop-a img {display:block; border:0; pos
ition:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=
100);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;}
#mintshare_mini .flyout ul li.drop-li a b {background:lightBlue; padding:2px 0;
font-family:arial, sans-serif; display:block; width:100px; margin-top:58px; text
-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: al
pha(opacity=0);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-o-border-radius:10px;}
#mintshare_mini .flyout ul li.drop-li:hover > a img {opacity:0.5; filter: alp
ha(opacity=50);}
#mintshare_mini .flyout ul li.drop-li:hover > a b {opacity:1; filter: alpha(o
pacity=100);}
#mintshare_mini .flyout ul li.drop-li a:hover img {filter: alpha(opacity=50);}
#mintshare_mini .flyout ul li.drop-li a:hover b {filter: alpha(opacity=100);}

#mintshare_mini .get_mintshare {
font-size: 10px;
margin-left: 5px;
position: relative;
top: 2px;}
.relbg h5{
color: #fafafa;
font-weight: normal;}
</style>

<div id='mintshare_mini'>
<a class='sharetext'><b>Share This Post</b></a>

<div class='flyout'>
<ul class='icons'>
<li class='drop-li'><a class='drop-a' expr:href='"http://www.facebook.com/s
harer.php?u=" + data:post.url + "&title=" + data:post.title'>
<img alt='' src='http://4.bp.blogspot.com/_b8IA1ajBJG8/TSfd22PSeLI/AAAAAAAAB3M/i
k_9DA-vzEk/s1600/facebook_small.png'/></a></a></li>
<li class='drop-li'><a class='drop-a' expr:href='"http://www.stumbleupon.co
m/refer.php?url=" + data:post.url + "&title=" + data:post.tit
le'><img alt='' src='http://3.bp.blogspot.com/_b8IA1ajBJG8/TSfd4XN-B_I/AAAAAAAAB
3U/RWDByrttOSc/s1600/stumbleupon_small.png'/></a></li>
<li class='drop-li'><a class='drop-a' expr:href='"http://digg.com/submit?ph
ase=2&url=" + data:post.url + "&title=" + data:post.title
'><img alt='' src='http://4.bp.blogspot.com/_b8IA1ajBJG8/TSfd2KgvGkI/AAAAAAAAB3I
/wgYrRUzkPWQ/s1600/digg_small.png'/></a><
/li>
<li class='drop-li'><a class='drop-a' expr:href='"http://www.technorati.com
/faves?add=" + data:post.url'><img alt='' src='http://3.bp.blogspot.com/_b8
IA1ajBJG8/TSfd46l_gAI/AAAAAAAAB3Y/ZET5rqbQJMw/s1600/technorati_small.png'/></a></li>
<li class='drop-li'><a class='drop-a' expr:href='"http://reddit.com/submit?
url=" + data:post.url + "&title=" + data:post.title'><img alt
='' src='http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfd3k4ZNnI/AAAAAAAAB3Q/UIJ0qSGEa
Hg/s1600/reddit_small.png'/></a></li>
<li class='drop-li'><a class='drop-a' expr:href='"http://myweb2.search.yaho
o.com/myresults/bookmarklet?t=" + data:post.url + "&title=" +
data:post.title'><img alt='' src='http://4.bp.blogspot.com/_b8IA1ajBJG8/TSfd6Jq
bBPI/AAAAAAAAB3g/C7TjBqdR1m0/s1600/yahoo_small.png'/></a>
</li>
<li class='drop-li'><a class='drop-a' expr:href='"http://delicious.com/post
?url=" + data:post.url + "&title=" + data:post.title'><img al
t='' src='http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfd0lvepwI/AAAAAAAAB3E/jdZrJrv1yM/s1600/delicious_small.png'/></a></li>
</ul>
</div>
</div>

<style type='text/css'>
.related-post .post-thumbnail {
z-index: 1;
position: relative;
width: 80px;
height: 80px;
display: block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #bbb;
}
#related-posts h3 {
border-radius: 5px;
font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helv
etica, sans-serif;
font-weight: 200;
font-size: 17pt;
margin-bottom: 7px;
width: 100%;
max-width: 615px;
outline: 1px solid #8E4F23;
color: #fff;
.related-post {
float: left;
position: relative;
width: 84px;
height: 85px;
margin: 0 15px 15px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.related-post .related-post-title {
display: none;
position: fixed;
top: 0px;
z-index: 9999999999;
background: #fafafa;
font-size: 13px;
color: #222;
left: 0px;
width: 100%;
text-align: center;
}
.related-post:hover .related-post-title {display: block;}
</style>
<div id='related-posts'>
<script type='text/javascript'>//<![CDATA[
var ry='<h3>Related Posts</h3>';rn='<h3> No related post availa

ble</h3>';rcomment='comments';rdisable='disable comments';commentYN='no';
var dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new Array();thum
b=new Array();commentsNum=new Array();comments=new Array();function related_resu
lts_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];title
s[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if('thr$total' in d){co
mmentsNum[titlesNum]=d.thr$total.$t+' '+rcomment}else{commentsNum[titlesNum]=rdi
sable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;timeR[title
sNum]=d.published.$t;if('media$thumbnail' in d){thumb[titlesNum]=d.media$thumbna
il.url}else{thumb[titlesNum]='http://1.bp.blogspot.com/-K-F33K8SaGk/Uc2CXURnpSI/
AAAAAAAAGds/HqwVVuQWUQA/s180/1016610_357625841027170_1110579430_a+copy.jpg'};tit
lesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Ar
ray(0);e=new Array(0);f=new Array(0);g=new Array(0);for(var a=0;a<urls.length;a+
+){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.le
ngth-1]=titles[a];e.length+=1;e[e.length-1]=timeR[a];f.length+=1;f[f.length-1]=t
humb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;thumb=
f;commentsNum=g}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){r
eturn true}}return false}function printRelatedLabels(a){var y=a.indexOf('?m=0');
if(y!=-1){a=a.replace(/\?m=0/g,'')}for(var b=0;b<urls.length;b++){if(urls[b]==a)
{urls.splice(b,1);titles.splice(b,1);timeR.splice(b,1);thumb.splice(b,1);comment
sNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(t
itles.length==0){dw+=rn}else{dw+=ry;dw+='<div class="clear"/></div><ul>';while(b
<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentY
N=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='<div class=
"related-post"><div class="related-post-title">'+titles[c]+'</div><a href="'+url
s[c]+'" rel="nofollow"><img border="0" class="post-thumbnail" alt="'+titles[c]+'
" src="'+thumb[c]+'"/></a></div></div>';if(c<titles.length-1){c++}else{c=0}b++}d
w+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.g
etElementById('related-posts').innerHTML=dw};
//]]></script>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "
?alt=json-in-script&callback=related_results_labels"' type='text/javasc
ript'/>
</b:loop>
<script type='text/javascript'>var maxresults=6;removeRelatedDuplicates();printR
elatedLabels('<data:post.url/>');</script>
</div>
</b:if>
<span class='post-icons'>

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

<b:include data='post' name='postQuickEdit'/>
</span> </div>
</div>
</div>
</b:if>
</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'>
<a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&am
p;target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
<a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&amp
;target=blog"' expr:onclick='"window.open(this.href, \"_blank\&qu
ot;, \"height=270,width=475\"); return false;"' expr:title='data:
top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&
amp;target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank
'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a
>
<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "
&target=facebook"' expr:onclick='"window.open(this.href, \"_b
lank\", \"height=430,width=640\"); return false;"' expr:titl
e='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></
a>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&amp
;target=buzz"' expr:onclick='"window.open(this.href, \"_blank\&qu
ot;, \"height=415,width=690\"); return false;"' expr:title='data:
top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:blog.pageType == "archive"'>
<h2 class='pagetitle'>Archive for <data:blog.pageName/></h2>
</b:if>
<b:if cond='data:navMessage'>
<h2 class='pagetitle'><data:navMessage/></h2>
</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'>
<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/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co

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_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>{
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>... read them below or <a href='#comment-form' rel='nofoll
ow'>add one</a>
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>... read them below or <a hr
ef='#comment-form' rel='nofollow'>Comment</a>
</b:if>}
</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>
<b:if cond='data:showCmtPopup'>
<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'>
<b:section class='main2' id='main2' preferred='yes'>
<b:widget id='PageList1' locked='false' title='Laman' type='PageList'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<b:if cond='data:mobile'>
<select expr:id='data:widget.instanceId + "_select"'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<option expr:value='data:link.href' selected='selected'><data:link.t
itle/></option>
<b:else/>
<option expr:value='data:link.href'><data:link.title/></option>
</b:if>
</b:loop>
</select>
<span class='pagelist-arrow'>▼</span>
<b:else/>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/
></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='main3' id='main3' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'>
<b:if cond='data:title != "" and data:codeSnippet != ""'>
<h2 class='title'><data:title/></h2>
</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:widget id='Label2' locked='false' title='Labels' type='Label'>
<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/></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 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>
</div>
</b:includable>
</b:widget>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'>
<b:if cond='data:feedbackSurveyLink'>
<div class='mobile-survey-link' style='text-align: center;'>
<data:feedbackSurveyLink/>
</div>
</b:if>
<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != ""'>
<data:attribution/>
</b:if>
</div>
</b:includable>
</b:widget>
<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val
; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js
/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function()
{
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?targetBlogID\75897921
2492483044971\46blogName\75Gama+Blog\46publishMode\75PUBLISH_MODE_BLOGSPOT\46nav
barType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75//gantengtidaksombong.blog
spot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://gantengtidakso
mbong.blogspot.com/\46vt\0754850280263666988332',
where: document.getElementById("navbar-iframe-container&quo
t;),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#3
9;;
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
</b:section></div>
</div>
<div id='footer'>
<div class='footer'>
<b:section class='main4' id='main4' showaddelement='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArch
ive'>
<b:if cond='data:title'>
</b:if>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</opt
ion>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
</b:widget>
</b:section>
<b:widget id='Stats1' locked='false' title='Total Pageviews' type='Stats'>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>

<b:if cond='data:showSparkline'>
<img alt='Sparkline' expr:id='data:widget.instanceId + "_sparkline&
quot;' height='30' width='75'/>
</b:if>
<span expr:class='"counter-wrapper " + (data:showGraphicalCounte
r ? "graph-counter-wrapper" : "text-counter-wrapper")' expr:
id='data:widget.instanceId + "_totalCount"'>
</span>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:if cond='data:title != ""'>
</b:if>
<b:if cond='data:team == "true"'> 
<ul>
<b:loop values='data:authors' var='i'>
<li><a class='profile-name-link' expr:href='data:i.userUrl' expr:style
='"background-image: url(" + data:i.profileLogo + ");"'><dat
a: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:phot
o.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='dat
a:photo.width'/></a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link' expr:href='data:userUrl' expr:style='&quo
t;background-image: url(" + data:profileLogo + ");"' rel='author'
>
<data:displayname/>
</a>
</dt>
<b:if cond='data:showlocation == "true"'>
<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>
</div><div class='clear'/></div></div>
<a class='tombolbacktotop' href='#header'>►</a>
<div class='fleft'>
<p>- Copyright © 2015 <data:blog.title/> - <a href='http://shingeki-no-kyoj
in-dj.blogspot.com' target='_blank'>Shingeki No Kyojin</a> - Powered by <a href=
'http://blogger.com/'>Blogger</a> - Designed by <a href='http://djogzs.blogspot.
com' title='johanes djogan'>Joha</a> -</p></div>

<script src='http://lightbox-blogger.googlecode.com/files/jquery.min.js' type='t
ext/javascript'/>
<script src='http://lightbox-blogger.googlecode.com/files/lightbox.min.js' type=
'text/javascript'/>

var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='https://sites.google.com/site/djogzs/js/blogger_pagenavi_min.js' ty
pe='text/javascript'/>
</b:if>
</b:if>

</body></HTML>

Snktempla

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Snktempla

Încărcat de

Drepturi de autor:

Formate disponibile

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

-webkit-transition: all 0.2s ease-in-out;

.comments .comments-content .comment-content {

background: #666 url('http://4.bp.blogspot.com/-sF1waz1c8wA/UQKiR1Kxc7I/AAAAAAAA

border: 1px solid #803530;

padding: 10px 0px;

#menujohanes ul li ul li{float: none;position: relative;}

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

<div class='blog-posts hfeed'>

</cite> <span class='says'>says:</span>

<div style='clear: both;'/>

<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/

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

t;View all posts in " + data:label.name' rel='tag'><data:label.name/></a>,

#mintshare_mini a.sharetext img {

#mintshare_mini .flyout ul li.drop-li a:hover b {filter: alpha(opacity=100);}

var ry='<h3>Related Posts</h3>';rn='<h3>   No related post availa

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co

} else if ('deletelink' == key) {

var holder = document.getElementById('comment-holder');

<b:else/>

S-ar putea să vă placă și

Snktempla

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Snktempla

Încărcat de

Drepturi de autor:

Formate disponibile

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

-webkit-transition: all 0.2s ease-in-out;

.comments .comments-content .comment-content {

background: #666 url('http://4.bp.blogspot.com/-sF1waz1c8wA/UQKiR1Kxc7I/AAAAAAAA

border: 1px solid #803530;

padding: 10px 0px;

#menujohanes ul li ul li{float: none;position: relative;}

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

<div class='blog-posts hfeed'>

</cite> <span class='says'>says:</span>

<div style='clear: both;'/>

<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/

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

t;View all posts in &quot; + data:label.name' rel='tag'><data:label.name/></a>,

#mintshare_mini a.sharetext img {

#mintshare_mini .flyout ul li.drop-li a:hover b {filter: alpha(opacity=100);}

var ry='<h3>Related Posts</h3>';rn='<h3>&nbsp;&nbsp;&nbsp;No related post availa

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co

} else if ('deletelink' == key) {

var holder = document.getElementById('comment-holder');

<b:else/>

S-ar putea să vă placă și

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

t;View all posts in " + data:label.name' rel='tag'><data:label.name/></a>,

var ry='<h3>Related Posts</h3>';rn='<h3> No related post availa