2024 ~ M ALI RIDHO-XI TKJ 2

(B).SEBELUM

(B).SESUDAH

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

<!DOCTYPE html>

<HTML>

<head>

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

</b:if>

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

</b:if>

<b:skin><![CDATA[

/**

* Theme Name: Shingeki No Kyojin

* Theme URL: http://shingeki-no-kyojin-dj.blogspot.com

* Description: Anime Blogger template

* Author: Johanes DJ

* Author URL: http://btemplates.com/author/djogzs

body#layout #menujohanes {height: inherit !important;}

.navbar {

visibility:hidden;

display:none;

}

body#layout #header {height: inherit;}

#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, sans-serif;

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;

letter-spacing: 0.01em;

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;

letter-spacing: 0.01em;

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

font-weight: 200;

font-size: 17pt;

letter-spacing: 0.01em;

line-height: 21pt;

font-smooth: always;

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;

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

-o-transition: all 0.9s ease-in-out;

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;

font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

font-weight: 200;

letter-spacing: 0.01em;

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 .comment-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:visited{

color:#ffffff;

font-weight:bold;

text-decoration:none !important;font-size:15px;font-family: 'Open Sans', sans-serif;}

}

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;

letter-spacing: 0.01em;

color: #000;

}

.comments .comment .comment-actions a {

padding: 5px;

font-size: 11px;

font-family: 'Open Sans', sans-serif;

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;

font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

font-weight: 200;

font-size: 15pt;

letter-spacing: 0.01em;

color: #000;}

.comments .continue a {

padding: 5px;

font-size: 13px;

text-decoration: none;

text-align: center;

color: #fff;

margin-left: 90px;

border: 1px solid #DDD;

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;

border-radius: 50px;

background:#6D3D1B;

border: 1px solid #ddd;

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;

}

ol.commentlist li ul.children li.depth-3 {

margin:0 0 0px 50px;

}

ol.commentlist li ul.children li.depth-4 {

margin:0 0 0px 50px;

}

ol.commentlist li ul.children li.depth-5 {

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;

font-family: 'Open Sans', sans-serif;

color: #000;

padding-bottom: 10px;

font-weight: normal;

}

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

padding: 0px 0px 0px 0px;

font-family: 'Open Sans', sans-serif;

color: #312C21;

overflow-x: hidden;

font-size: 13px;

background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1lo71KUkjDAIQO6HjaLVHSy-JsNtnlWJaMES_S3UZflLCllpKLWkCgHaVBhtnkRN40AAyB_c38wkFdLzbLzTzK3YEUMBgKuhyphenhyphen2IUiq9bsS-u_XGogFUbVjdSsVWNM2HOHnqFOO8VE24g/s0/titan-header.jpg) no-repeat top center;

}

a {

color: #222;

text-decoration: none;

}

a:visited {

color: #000;

}

a:hover, a:active {

color: #000;

text-decoration:none;

}

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{

padding: 20px 10px 20px 10px;

background: #3E1D1A;

width: 978px;

margin: auto;

border: 1px solid #803530;

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;

font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

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;

font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

font-weight: 200;

font-size: 20pt;

letter-spacing: 0.01em;

color: #FED569;

margin-left: 20px;

}

.title h2{

text-decoration: none;

padding: 10px;

margin-bottom: 15px;

line-height: 30px;

text-align: left;

font-weight: normal;

margin: auto;

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

-moz-transition: all 0.3s ease-in-out;

font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

font-weight: 200;

font-size: 20pt;

letter-spacing: 0.01em;

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;

margin-bottom: 15px;

width: 100%;

border: 1px dashed #6D3D1B;}

.pagepost ul {list-style: disc;}

.pagepost{

width: 595px;

float: left;

padding: 20px;

line-height: 1.8;

margin-bottom: 25px;

font-weight: 300;

font-size: 10pt;

letter-spacing: 0.02em;

}

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

font-family: 'Open Sans', sans-serif;

color : #3F3A2B;

margin:8px 5px 0px 0px;

}

.cover {

margin: 0 0;

color: #fafafa;

}

h2.pagetitle{

font-size: 12px;

padding: 10px 0px;

font-weight: normal;

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;

margin-bottom: 15px;

padding: 20px;

font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

font-weight: 300;

font-size: 8pt;

letter-spacing: 0.02em;

line-height: 20px;

background: #A86E48;

border: 1px solid #803530;

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;

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

-moz-transition: all 0.3s ease-in-out;

color: #fff;

text-transform: uppercase;

font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

font-weight: 200;

font-size: 14pt;

letter-spacing: 0.01em;

line-height: 13pt;

font-smooth: always;

background: #6D3D1B;

border: 1px solid #803530;

box-shadow: inset 0px 0px 10px RGBA(0,0,0,0.2), 0px 5px 0px RGBA(0,0,0,0.4);}

#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, #main5 ul li a:visited, #main6 ul li a:link, #main6 ul li a:visited {

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

-moz-transition: all 0.5s ease-in-out;

font-size: 12pt;

letter-spacing: 0.01em;

line-height: 24pt;

font-smooth: always;

color: #FFFFAA;

font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

font-weight: 200;

letter-spacing: 0.01em;}

#main2 ul li, #main3 ul li, #main4 ul li, #main5 ul li,#main6 ul li {border-bottom: 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV1JDAv1MG3vb1IhrCViucPBX1zBZO_1lFj4hZ0XkmjQTLlVWRXYvJKlnY_OedYO_TNAfxleqe0rZKMlLjkYRvDdeQvwfiT1-yh-Q1VFRxG-vmjTIHpgMZGdWrYOWnNQQxhdEHrmwWT-o/s0/titan.jpg) no-repeat bottom center;

margin: auto;

-moz-transition: all 0.3s ease-in-out;

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

-o-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;

width: 998px;

border-top: 0px;

border: 1px solid #803530;

margin-top: 1px;}

.fleft{

text-align: center;

margin: auto;

width: 1000px;

padding-top: 10px;

padding-bottom: 10px;

color: #fff;

font-size: 9pt;

text-transform: uppercase;

background: #A86E48;

outline: 1px solid #6D3D1B;

font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

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

-moz-transition: all 0.3s ease-in-out;

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

-o-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;

}

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

border: 1px solid #803530;

outline: 1px solid #8E4F23;

background: #666 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzsRn56p59os2fjVK6hxSOhRE5XX-NliQ5VWBY3Zfpq4UnPBJMBVBzEGS57tRe-gUwhPJ5wPqoATtXOacuUsPIZVKdN7YOhePZEE_ElKOS3WLLwvF7PhPcWhRhK_DPIRDytYshWxjBPDM/s0/noimagebyjohanes.png') no-repeat center center;

border-radius: 2px;

margin-right: 10px;

width: 100%;}

.posting {

padding: 0px 10px 10px 0px;

font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

letter-spacing: 0.02em;

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: 1px solid #DDD;

border-radius: 5px;}

#blog-pager {

color: #DDD;

text-align: center;

text-transform: capitalize;

font-size: 16px;

float: left;

font-weight: normal;

letter-spacing: -1px;

font-family: 'Open Sans', sans-serif;

overflow: hidden;

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

width: 675px;}

.comments .comments-content {position: relative;

margin-bottom: 16px;}

.comments .comment-block {

margin-left: 90px;

position: relative;

border: 1px solid #DDD;

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;

font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

font-weight: 200;

letter-spacing: 0.01em;

font-smooth: always;

max-width: 280px;

background: #A86E48 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2R5Stof0RAJJBBO398pGnSfZJT1WhLRWBKyOLXbl5PKn6b-uRyBc8y8mVCTmN0Z1BHUZjjFpIZXzlraUEBVzBowR6Z5mD2asuQlzWuErFI0ClLcReGVBz8_F9gtWi3-OBl_bV_pnmEbE/s0/badge.png) no-repeat right center;

float: left;

width: 100%;

border: 1px solid #803530;

color: #fff;

padding: 10px;

box-shadow: inset 0px 0px 10px RGBA(0,0,0,0.4), 0px 5px 0px RGBA(0,0,0,0.4);}

.jomorelink{float: left;

text-align: left;

width: 100%;

}

.pagepost a {text-decoration: underline;}

.pagepost img{max-width: 580px;

padding: 3px;

border: 1px solid #DDD;

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;

#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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip7RydgYGh8V3oh4VLRCZefVFiSU8zFAjQju8dwUH8-Puzg7lO8zg8hPfWtFk_X-BCKqHSaJBzfq15llaLNesJMgTVQNO4y5UPpvvZA67Bwf0iqrqWpIW1MLgoFFSyLUTKtpQWIcgkr2c/s0/search_32x32-32.png")no-repeat center left;

font-size: 12px;

background-position-y: 10px;

color: #fff;

width: 0px;

padding: 11px 0px 7px 35px;

z-index: 9;

border: 1px solid #803530;

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

-moz-transition: all 0.5s ease-in-out;

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;

list-style-type: none;

padding-top: 10px;

float: right;}

#container1 {padding: 10px;

background: #DDD;

width: 50%;

margin: auto;

text-align: center;

border: 3px double #BBB;}

a.anes{

-moz-transition: all 0.4s ease-in-out;

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

-o-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out;

background: #6D3D1B;

padding: 5px;

position: absolute;

right: 10px;

bottom: -15px;

border-radius: 5px;

border: 1px solid #803530;

box-shadow: inset 0px 0px 10px RGBA(0,0,0,0.4), 0px 10px 0px RGBA(0,0,0,0.4);}

.label-size a{-moz-transition: all 0.1s ease-in-out;

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

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

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

-o-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out;}

.comment-form {

max-width: 520px;

_width: 410px;

clear: both;

background: white;

padding: 20px;

border: 1px solid #DDD;

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;

border-radius: 50px;

width: 30px;

height: 30px;

padding-right: 0px;

padding-bottom: 8px;

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;

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

-o-transition: all 0.1s ease-in-out;

transition: all 0.1s 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;

-moz-transition: all 0.9s ease-in-out;

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

-o-transition: all 0.9s ease-in-out;

transition: all 0.9s ease-in-out;}

.showpageArea{

border-top: 1px dashed #6D3D1B;

padding: 10px 0px;

font-size: 14px;}

.showpageArea a {text-decoration:underline;}

.showpageNum a {

color: #fff;

text-decoration: none;

background: #A86E48;

margin: 0 5px;

padding: 5px 12px;

border-radius: 50px;

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;

text-decoration: none;

background: #6D3D1B;

margin: 0 5px;

padding: 5px 12px;

border-radius: 50px;

box-shadow: 3px 3px 0px rgba(221, 221, 221, 0.5),inset 3px 3px 0px rgba(0, 0, 0, 0.2);}

.showpageOf {

text-decoration:none;

padding:3px;

margin: 0 3px 0 0;}

.showpage a {

text-decoration:none;

padding:3px;}

.showpage a:hover {

text-decoration:none;}

.showpageNum a:link,.showpage a:link {

text-decoration:none;

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;

-moz-transition: all 0.3s ease-in-out;

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

-o-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;

text-transform: uppercase;

position: relative;

background: #A86E48;

border: 1px solid #803530;

color: #fff;

box-shadow: inset 0px 0px 10px RGBA(0,0,0,0.4), 0px 5px 0px RGBA(0,0,0,0.4);}

#menujohanes ul{

list-style-type: none;

z-index: 99999999999999999;

width: 1000px;

margin: auto;}

#menujohanes ul li{

float: left;

position: relative;

padding: 12px;

-moz-transition: all 0.3s ease-in-out;

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

-o-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;}

#menujohanes ul li:hover a.menu{color:#fff;}

#menujohanes ul li:hover{

background: #6D3D1B;

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-decoration:none;

-moz-transition: all 0.3s ease-in-out;

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

-o-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;

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 {background-color:#653819;}

.pinterestjo, .twitterjo, .facebookjo, .googlejo {

padding: 8px 7px 7px 28px;

font-size: 13px;

color: #222;

width: 0px;

margin-bottom: 15px;

z-index: 9;

float: left;

margin-left: 3px;

margin-right: 3px;

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

-moz-transition: all 0.5s ease-in-out;

height: 20px;

box-shadow: 0px 2px 0px rgba(221, 221, 221, 0.6), inset 0px 0px 5px rgba(195, 221, 220, 0.5);

border: 1px solid #67373F;

outline: 1px solid #653819;

border-radius: 4px;

}

/* Blog johanes btemplates.com/author/djogzs */

.twitterjo{

background: #A86E48 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKEjdYHQ7OdhTP4x2BtTbpLWjzCA4-zhGzWOkp3lILIrXijbsJj09ehNQEIfM5-OcYSNUFnLTd7rRkG5DzUuv_R3LRH3NKmaTHzMA2NqZ95pRVyGRfsWfbNYBS93LKXFYRtnLXcEfDTH4/s0/white_twitter_bird.png")no-repeat center center;}

.facebookjo {

background: #A86E48 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhawJnC93S1qI6U9eViVX7PB_jSbsP6jLrzpqnzelboaV4I8JDL6xg9TD6paHYisBfHedTfWqii_0Fh4imt3mm5NDzfhn9_rAofOsYUhGMzvNQL_vwjnyXVIS5ZSotGXOlOKnq9-ZSHsU4/s0/white_facebook.png")no-repeat center center;}

.googlejo{

background: #A86E48 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqMSA0RBhhKjPS0v8jAp-qyQI4DWSfkZAL7h37NhFduxBMrdFP9h3ai43ucvrur6pvwlHJ-8py2CQU9r3DavTTEKSxf_Utr8p9mliQmzbJB9qaj4_cJbCuAg7b4iTSssK3yZYgCXNB3bA/s0/footer-icon-google.png")no-repeat center center;}

.pinterestjo{

background: #A86E48 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6IPqSGwlWpj2A7yCdk9Tdx8FKICxFGZ4B_86BIZ5UPAFr4EV1d9uo_0NAJALP8Q2Mgq4zCH_PufnsNcFSN8hyphenhyphenQkMH9vPX7suyCe6EVyAifG2_KSZu5zOPODEisblGBqrY2ysjWMqlhMc/s0/white_pinterest.png")no-repeat center center;}

/* Blog johanes btemplates.com/author/djogzs */

.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-size: 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: auto;max-width: 630px;}

#search input[type="text"]{max-width: 625px;padding: 7px 0px 7px 35px;position: relative;width: 100%;

background: #Fff url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip7RydgYGh8V3oh4VLRCZefVFiSU8zFAjQju8dwUH8-Puzg7lO8zg8hPfWtFk_X-BCKqHSaJBzfq15llaLNesJMgTVQNO4y5UPpvvZA67Bwf0iqrqWpIW1MLgoFFSyLUTKtpQWIcgkr2c/s0/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>

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,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>

</head>

<!--

_____ _ _ _ _

| ____|__| (_) |_ | |__ ___ _ __ ___

| _| / _` | | __| | '_ \ / _ \ '__/ _ \

| |__| (_| | | |_ | | | | __/ | | __/

|_____\__,_|_|\__| |_| |_|\___|_| \___|

Edit the code below using your own information.

Happy blogging from BTemplates.com :)

-->

</div>

<b:section class='blognames' id='blognames' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Shingeki No Kyojin (Header)' type='Header' 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:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

<b:else/>

</a>

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

<b:include name='description'/>

</b:if>

</div>

</b:if>

<b:else/>

</b:if>

</b:includable>

<b:includable id='description'>

<data:description/>

</b:includable>

<b:includable id='title'>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section id='pagesmenuwidget' maxwidgets='1' showaddelement='no'>

<b:widget id='PageList9' locked='false' title='Pages - Menu' type='PageList' version='1' visible='true'>

<b:includable id='main'>

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

<div>

<ul>

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

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

<b:else/>

</b:if>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

</b:section>

</div></div>

</div>

<b:section class='main' id='main' maxwidgets='2' showaddelement='yes'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1' visible='true'>

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

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

<data:defaultAdStart/>

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

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

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

</div></div>

</b:if>

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

</b:if>

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

</b:if>

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

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

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

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

<b:else/>

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

</b:if>

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

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

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

<b:else/>

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

</b:if>

</div>

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

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

<data:defaultAdEnd/>

<b:else/>

<data:adEnd/>

</b:if>

<data:adCode/>

</div>

<data:adStart/>

</b:if>

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

<b:include name='nextprev'/>

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

google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});

function initialize() {

google.annotations.setApplicationId(<data:top.blogspotReviews/>);

google.annotations.createAll();

google.annotations.fetch();

}

google.setOnLoadCallback(initialize);

</script>

</b:if>

</b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'>

</a>

</span>

</b:includable>

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

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

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

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

</dt>

<data:backlink.snippet/>

</dd>

</dd>

</div>

</b:loop>

</dl>

</b:if>

</p>

</b:includable>

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

<h3>Leave a Reply</h3>

<data:blogTeamBlogMessage/>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

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

</script>

<a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Subscribe to Posts</a> | <a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Subscribe to Comments</a>

</div>

</b:includable>

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

</a>

</span>

</b:includable>

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

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

</span>

<b:else/>

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

</span>

<b:else/>

<data:post.commentLabelFull/>:

</a>

</b:if>

</b:includable>

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

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

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

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

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

<b:else/>

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

</b:if>

<b:else/>

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

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

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

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

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

<data:post.commentRangeText/>

</span>

</b:if>

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

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

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

</b:if>

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

<data:comment.authorAvatarImage/>

</b:if>

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

<b:else/>

<data:comment.author/>

</b:if>

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

</div>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</div>

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

<b:else/>

<p>

<data:comment.body/>

</p>

</b:if>

</div>

</li>

<b:else/>

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

</b:if>

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

<data:comment.authorAvatarImage/>

</b:if>

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

<b:else/>

<data:comment.author/>

</b:if>

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

</div>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</div>

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

<b:else/>

<p>

<data:comment.body/>

</p>

</b:if>

</div>

</li>

</b:if>

</b:loop>

</ol>

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

<data:post.oldestLinkText/>

</a>

<data:post.olderLinkText/>

</a>

<data:post.commentRangeText/>

<data:post.newerLinkText/>

</a>

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

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

</b:if>

</p>

</b:if>

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

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

</b:if>

</div>

</b:includable>

<b:includable id='feedLinks'>

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

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

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

</div>

</b:if>

<b:else/>

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

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

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

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

</b:if>

</b:loop>

</div>

</b:if>

</b:includable>

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

<data:feedLinksMsg/>

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

</b:loop>

</div>

</b:includable>

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

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

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

</b:if>

</b:includable>

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

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

</div>

</b:if>

<data:post.title/>

</h3>

<div class='mobile-index-arrow'>&rsaquo;</div>

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

</div>

</b:if>

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

</div>

</a>

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

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

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

</b:if>

</div>

</b:includable>

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

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

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

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

<b:include data='post' name='mobile-index-post'/>

</b:loop>

<b:else/>

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

<b:include data='post' name='mobile-post'/>

</b:loop>

</b:if>

</div>

<b:include name='mobile-nextprev'/>

</b:includable>

<b:includable id='mobile-nextprev'>

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

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

</div>

</b:if>

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

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

</div>

</b:if>

</div>

</div>

</b:includable>

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

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

</b:if>

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

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

<b:else/>

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

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

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

</div>

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

</b:if>

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

</b:if>

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

<data:post.body/>

</b:if>

</div>

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

<data:top.authorLabel/>

</b:if>

</span>

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

<data:top.timestampLabel/>

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

</b:if>

</span>

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

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

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

</b:if>

</span>

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

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

</div>

</b:if>

</div>

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

</div>

</b:if>

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

</b:if>

</div>

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

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

</b:if>

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

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

</b:if>

</div>

</b:includable>

<b:includable id='nextprev'>

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

</span>

</b:if>

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

</span>

</b:if>

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

</div>

</b:if>

</div>

</b:includable>

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

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

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

<h2>

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

<b:else/>

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

<b:else/>

<data:post.title/>

</b:if>

</h2>

</b:if>

</div>

</div>

<b:else/>

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

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>

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

<h2>

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

<b:else/>

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

<b:else/>

<data:post.title/>

</b:if>

</h2>

</b:if>

<b:if cond='data:top.showAuthor'><span class='author1'>Posted by : <data:post.author/></span></b:if>

<b:if cond='data:post.allowComments'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='"Comment 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>

</b:loop></b:if></div>

</div>

</b:if>

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

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

<h2>

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

<b:else/>

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

<b:else/>

<data:post.title/>

</b:if>

</h2>

</b:if>

</div>

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

<span class='author'>Posted by : <data:post.author/></span>

</b:if>

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

</b:if>

</div>

</div>

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

#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; color:#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:30px; 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; float:left; text-decoration:none; line-height:16px;}

#mintshare_mini .flyout ul li.drop-li a.drop-a img {display:block; border:0; position: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: alpha(opacity=0);

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;

-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: alpha(opacity=50);}

#mintshare_mini .flyout ul li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=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>

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

</ul>

</div>

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

padding: 5px 10px 5px 10px;

border-radius: 5px;

font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

font-weight: 200;

font-size: 17pt;

letter-spacing: 0.01em;

margin-bottom: 7px;

width: 100%;

max-width: 615px;

background: #A86E48;

border: 1px solid #803530;

outline: 1px solid #8E4F23;

color: #fff;

box-shadow: inset 0px 0px 10px RGBA(0,0,0,0.4), 0px 5px 0px RGBA(0,0,0,0.4);}

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

-moz-transition: all 0.5s ease-in-out;

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

}

.related-post .related-post-title {

display: none;

position: fixed;

top: 0px;

z-index: 9999999999;

background: #fafafa;

font-size: 13px;

color: #222;

left: 0px;

border: 1px solid #ddd;

padding: 10px 0px 10px 0px;

width: 100%;

text-align: center;

}

.related-post:hover .related-post-title {display: block;}

</style>

var ry='<h3>Related Posts</h3>';rn='<h3>   No related post available</h3>';rcomment='comments';rdisable='disable comments';commentYN='no';

//]]></script>

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

</b:loop>

</div>

</b:if>

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

</a>

</span>

</b:if>

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

</span> </div>

</div>

</b:if>

</b:includable>

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

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

</a>

</span>

</b:if>

</b:includable>

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

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

</b:if>

</b:includable>

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

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

<data:blogTeamBlogMessage/>

<b:else/>

<data:blogTeamBlogMessage/>

</b:if>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

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

</script>

</div>

</b:includable>

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

(function() {

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

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

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

// <![CDATA[

var cursor = null;

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

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

}

var bodyFromEntry = function(entry) {

if (entry.gd$extendedProperty) {

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

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

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

}

return entry.content.$t;

}

var parse = function(data) {

cursor = null;

var comments = [];

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

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

var comment = {};

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

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

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

comment.body = bodyFromEntry(entry);

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

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

var auth = entry.author[0];

if (auth) {

comment.author = {

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

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

};

}

if (entry.link) {

if (entry.link[2]) {

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

}

if (entry.link[3]) {

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

if (pid && pid[1]) {

comment.parentId = pid[1];

}

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

if (entry.gd$extendedProperty) {

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

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

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

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

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

<h4>{

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

1 <data:commentLabel/>... read them below or <a href='#comment-form' rel='nofollow'>add one</a>

<b:else/>

<data:post.numComments/> <data:commentLabelPlural/>... read them below or <a href='#comment-form' rel='nofollow'>Comment</a>

</b:if>}

</h4>

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

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

</b:if>

<data:post.commentHtml/>

</div>

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

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

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

</p>

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

</iframe>

</div>

</b:if>

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

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

</b:if>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='main2' id='main2' preferred='yes'>

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' visible='true'>

<b:includable id='main'>

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

<ul>

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

<li>

<b:if cond='!data:showThumbnails'>

<b:if cond='!data:showSnippets'>

<b:else/>

</b:if>

<b:else/>

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

</a>

</div>

</b:if>

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

</b:if>

</div>

</b:if>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

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

<b:includable id='main'>

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

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='HTML5' locked='false' title='BTemplates.com' type='HTML' visible='true'>

<b:includable id='main'>

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

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='HTML4' locked='false' title='Blogroll' type='HTML' visible='true'>

<b:includable id='main'>

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

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='Label2' locked='false' title='Labels' type='Label' version='1' visible='true'>

<b:includable id='main'>

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

</b:if>

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

<ul>

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

<li>

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

<b:else/>

</b:if>

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

</b:if>

</li>

</b:loop>

</ul>

<b:else/>

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

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

<b:else/>

</b:if>

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

</b:if>

</span>

</b:loop>

</b:if>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

</b:section>

<b:section class='main3' id='main3' preferred='yes'>

<b:widget id='Attribution1' locked='false' title='' type='Attribution' visible='true'>

<b:includable id='main'>

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

<data:feedbackSurveyLink/>

</div>

</b:if>

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

<data:attribution/>

</b:if>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section></div>

</div>

<b:section class='main4' id='main4' showaddelement='yes'>

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

<b:includable id='main'>

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

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive' version='1' visible='true'>

<b:includable id='main'>

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

</b:if>

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

<b:include name='quickedit'/>

</div>

</b:includable>

<b:includable id='flat' var='data'>

<b:loop values='data:data' var='i'>

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

<b:include data='i' name='toggle'/>

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

<b:loop values='data:data' var='i'>

</b:loop>

</select>

</b:includable>

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

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

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

<b:else/>

<b:if cond='data:blog.languageDirection == "rtl"'>

◄ 

<b:else/>

► 

</b:if>

</span>

</a>

</b:if>

</b:includable>

</b:widget>

</b:section>

<b:section class='main5' id='main5' showaddelement='yes'>

<b:widget id='Label1' locked='false' title='Labels' type='Label' version='1' visible='true'>

<b:includable id='main'>

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

</b:if>

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

<ul>

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

<li>

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

<b:else/>

</b:if>

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

</b:if>

</li>

</b:loop>

</ul>

<b:else/>

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

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

<b:else/>

</b:if>

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

</b:if>

</span>

</b:loop>

</b:if>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

</b:section>

<b:section class='main6' id='main6' showaddelement='yes'>

<b:widget id='HTML3' locked='false' title='About' type='HTML' visible='true'>

<b:includable id='main'>

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

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

</div><div class='clear'/></div></div>

<p>- Copyright &copy; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> - <a href='https://btemplates.com' rel='nofollow' >Blogger Templates</a> - Powered by <a href='http://blogger.com/'>Blogger</a> - Designed by <a href='http://btemplates.com/author/djogzs' title='johanes djogan' rel="nofollow">Johanes Djogan</a> -</p></div>

//<![CDATA[

$(document).ready(function(){

$('a[href$=jpg]:has(img)').lightBox();

$('a[href$=jpeg]:has(img)').lightBox();

$('a[href$=png]:has(img)').lightBox();

$('a[href$=gif]:has(img)').lightBox();

$('a[href$=bmp]:has(img)').lightBox();

});

//]]>

</script>

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

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

var pageCount=5;

var displayPageNum=5;

var upPageWord ='Previous';

var downPageWord ='Next';

</script>

//<![CDATA[

//]]>

</script>

</b:if>

</body></HTML><!-- Template processed by BTemplates.com on 14-04-2016 10:33.

Log: Images uploaded to Picasa, HTML Menu was converted to Pages widget menu

Template URI: https://btemplates.com/2016/blogger-template-shingeki-no-kyojin/

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

<!DOCTYPE html>

<HTML>

<head>

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

</b:if>

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

</b:if>

<b:skin><![CDATA[

/**

* Theme Name: Shingeki No Kyojin

* Theme URL: http://shingeki-no-kyojin-dj.blogspot.com

* Description: Anime Blogger template

* Author: Johanes DJ

* Author URL: http://btemplates.com/author/djogzs

body#layout #menujohanes {height: inherit !important;}

.navbar {

visibility:hidden;

display:none;

}

body#layout #header {height: inherit;}

#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, sans-serif;

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;

letter-spacing: 0.01em;

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;

letter-spacing: 0.01em;

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

font-weight: 200;

font-size: 17pt;

letter-spacing: 0.01em;

line-height: 21pt;

font-smooth: always;

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;

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

-o-transition: all 0.9s ease-in-out;

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;

font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

font-weight: 200;

letter-spacing: 0.01em;

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 .comment-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:visited{

color:#ffffff;

font-weight:bold;

text-decoration:none !important;font-size:15px;font-family: 'Open Sans', sans-serif;}

}

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;

letter-spacing: 0.01em;

color: #000;

}

.comments .comment .comment-actions a {

padding: 5px;

font-size: 11px;

font-family: 'Open Sans', sans-serif;

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;

font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

font-weight: 200;

font-size: 15pt;

letter-spacing: 0.01em;

color: #000;}

.comments .continue a {

padding: 5px;

font-size: 13px;

text-decoration: none;

text-align: center;

color: #fff;

margin-left: 90px;

border: 1px solid #DDD;

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;

border-radius: 50px;

background:#6D3D1B;

border: 1px solid #ddd;

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;

}

ol.commentlist li ul.children li.depth-3 {

margin:0 0 0px 50px;

}

ol.commentlist li ul.children li.depth-4 {

margin:0 0 0px 50px;

}

ol.commentlist li ul.children li.depth-5 {

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;

font-family: 'Open Sans', sans-serif;

color: #000;

padding-bottom: 10px;

font-weight: normal;

}

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

padding: 0px 0px 0px 0px;

font-family: 'Open Sans', sans-serif;

color: #312C21;

overflow-x: hidden;

font-size: 13px;

}

a {

color: #222;

text-decoration: none;

}

a:visited {

color: #000;

}

a:hover, a:active {

color: #000;

text-decoration:none;

}

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{

padding: 20px 10px 20px 10px;

background: #3E1D1A;

width: 978px;

margin: auto;

border: 1px solid #803530;

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;

font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

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;

font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

font-weight: 200;

font-size: 20pt;

letter-spacing: 0.01em;

color: #FED569;

margin-left: 20px;

}

.title h2{

text-decoration: none;

padding: 10px;

margin-bottom: 15px;

line-height: 30px;

text-align: left;

font-weight: normal;

margin: auto;

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

-moz-transition: all 0.3s ease-in-out;

font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

font-weight: 200;

font-size: 20pt;

letter-spacing: 0.01em;

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;

margin-bottom: 15px;

width: 100%;

border: 1px dashed #6D3D1B;}

.pagepost ul {list-style: disc;}

.pagepost{

width: 595px;

float: left;

padding: 20px;

line-height: 1.8;

margin-bottom: 25px;

font-weight: 300;

font-size: 10pt;

letter-spacing: 0.02em;

}

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

font-family: 'Open Sans', sans-serif;

color : #3F3A2B;

margin:8px 5px 0px 0px;

}

.cover {

margin: 0 0;

color: #fafafa;

}

h2.pagetitle{

font-size: 12px;

padding: 10px 0px;

font-weight: normal;

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;

margin-bottom: 15px;

padding: 20px;

font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

font-weight: 300;

font-size: 8pt;

letter-spacing: 0.02em;

line-height: 20px;

background: #A86E48;

border: 1px solid #803530;

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;

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

-moz-transition: all 0.3s ease-in-out;

color: #fff;

text-transform: uppercase;

font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

font-weight: 200;

font-size: 14pt;

letter-spacing: 0.01em;

line-height: 13pt;

font-smooth: always;

background: #6D3D1B;

border: 1px solid #803530;

box-shadow: inset 0px 0px 10px RGBA(0,0,0,0.2), 0px 5px 0px RGBA(0,0,0,0.4);}

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

-moz-transition: all 0.5s ease-in-out;

font-size: 12pt;

letter-spacing: 0.01em;

line-height: 24pt;

font-smooth: always;

color: #FFFFAA;

font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

font-weight: 200;

letter-spacing: 0.01em;}

#main2 ul li, #main3 ul li, #main4 ul li, #main5 ul li,#main6 ul li {border-bottom: 1px dashed #6D3D1B;}

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

margin: auto;

-moz-transition: all 0.3s ease-in-out;

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

-o-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;

width: 998px;

border-top: 0px;

border: 1px solid #803530;

margin-top: 1px;}

.fleft{

text-align: center;

margin: auto;

width: 1000px;

padding-top: 10px;

padding-bottom: 10px;

color: #fff;

font-size: 9pt;

text-transform: uppercase;

background: #A86E48;

outline: 1px solid #6D3D1B;

font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

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

-moz-transition: all 0.3s ease-in-out;

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

-o-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;

}

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

border: 1px solid #803530;

outline: 1px solid #8E4F23;

border-radius: 2px;

margin-right: 10px;

width: 100%;}

.posting {

padding: 0px 10px 10px 0px;

font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

letter-spacing: 0.02em;

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: 1px solid #DDD;

border-radius: 5px;}

#blog-pager {

color: #DDD;

text-align: center;

text-transform: capitalize;

font-size: 16px;

float: left;

font-weight: normal;

letter-spacing: -1px;

font-family: 'Open Sans', sans-serif;

overflow: hidden;

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

width: 675px;}

.comments .comments-content {position: relative;

margin-bottom: 16px;}

.comments .comment-block {

margin-left: 90px;

position: relative;

border: 1px solid #DDD;

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;

font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

font-weight: 200;

letter-spacing: 0.01em;

font-smooth: always;

max-width: 280px;

float: left;

width: 100%;

border: 1px solid #803530;

color: #fff;

padding: 10px;

box-shadow: inset 0px 0px 10px RGBA(0,0,0,0.4), 0px 5px 0px RGBA(0,0,0,0.4);}

.jomorelink{float: left;

text-align: left;

width: 100%;

}

.pagepost a {text-decoration: underline;}

.pagepost img{max-width: 580px;

padding: 3px;

border: 1px solid #DDD;

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;

#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"] {

font-size: 12px;

background-position-y: 10px;

color: #fff;

width: 0px;

padding: 11px 0px 7px 35px;

z-index: 9;

border: 1px solid #803530;

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

-moz-transition: all 0.5s ease-in-out;

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;

list-style-type: none;

padding-top: 10px;

float: right;}

#container1 {padding: 10px;

background: #DDD;

width: 50%;

margin: auto;

text-align: center;

border: 3px double #BBB;}

a.anes{

-moz-transition: all 0.4s ease-in-out;

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

-o-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out;

background: #6D3D1B;

padding: 5px;

position: absolute;

right: 10px;

bottom: -15px;

border-radius: 5px;

border: 1px solid #803530;

box-shadow: inset 0px 0px 10px RGBA(0,0,0,0.4), 0px 10px 0px RGBA(0,0,0,0.4);}

.label-size a{-moz-transition: all 0.1s ease-in-out;

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

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

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

-o-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out;}

.comment-form {

max-width: 520px;

_width: 410px;

clear: both;

background: white;

padding: 20px;

border: 1px solid #DDD;

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;

border-radius: 50px;

width: 30px;

height: 30px;

padding-right: 0px;

padding-bottom: 8px;

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;

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

-o-transition: all 0.1s ease-in-out;

transition: all 0.1s 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;

-moz-transition: all 0.9s ease-in-out;

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

-o-transition: all 0.9s ease-in-out;

transition: all 0.9s ease-in-out;}

.showpageArea{

border-top: 1px dashed #6D3D1B;

padding: 10px 0px;

font-size: 14px;}

.showpageArea a {text-decoration:underline;}

.showpageNum a {

color: #fff;

text-decoration: none;

background: #A86E48;

margin: 0 5px;

padding: 5px 12px;

border-radius: 50px;

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;

text-decoration: none;

background: #6D3D1B;

margin: 0 5px;

padding: 5px 12px;

border-radius: 50px;

box-shadow: 3px 3px 0px rgba(221, 221, 221, 0.5),inset 3px 3px 0px rgba(0, 0, 0, 0.2);}

.showpageOf {

text-decoration:none;

padding:3px;

margin: 0 3px 0 0;}

.showpage a {

text-decoration:none;

padding:3px;}

.showpage a:hover {

text-decoration:none;}

.showpageNum a:link,.showpage a:link {

text-decoration:none;

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;

-moz-transition: all 0.3s ease-in-out;

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

-o-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;

text-transform: uppercase;

position: relative;

background: #A86E48;

border: 1px solid #803530;

color: #fff;

box-shadow: inset 0px 0px 10px RGBA(0,0,0,0.4), 0px 5px 0px RGBA(0,0,0,0.4);}

#menujohanes ul{

list-style-type: none;

z-index: 99999999999999999;

width: 1000px;

margin: auto;}

#menujohanes ul li{

float: left;

position: relative;

padding: 12px;

-moz-transition: all 0.3s ease-in-out;

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

-o-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;}

#menujohanes ul li:hover a.menu{color:#fff;}

#menujohanes ul li:hover{

background: #6D3D1B;

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-decoration:none;

-moz-transition: all 0.3s ease-in-out;

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

-o-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;

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 {background-color:#653819;}

.pinterestjo, .twitterjo, .facebookjo, .googlejo {

padding: 8px 7px 7px 28px;

font-size: 13px;

color: #222;

width: 0px;

margin-bottom: 15px;

z-index: 9;

float: left;

margin-left: 3px;

margin-right: 3px;

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

-moz-transition: all 0.5s ease-in-out;

height: 20px;

box-shadow: 0px 2px 0px rgba(221, 221, 221, 0.6), inset 0px 0px 5px rgba(195, 221, 220, 0.5);

border: 1px solid #67373F;

outline: 1px solid #653819;

border-radius: 4px;

}

/* Blog johanes btemplates.com/author/djogzs */

.twitterjo{

.facebookjo {

.googlejo{

.pinterestjo{

/* Blog johanes btemplates.com/author/djogzs */

.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-size: 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: auto;max-width: 630px;}

#search input[type="text"]{max-width: 625px;padding: 7px 0px 7px 35px;position: relative;width: 100%;

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

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,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>

</head>

<!--

_____ _ _ _ _

| ____|__| (_) |_ | |__ ___ _ __ ___

| _| / _` | | __| | '_ \ / _ \ '__/ _ \

| |__| (_| | | |_ | | | | __/ | | __/

|_____\__,_|_|\__| |_| |_|\___|_| \___|

Edit the code below using your own information.

Happy blogging from BTemplates.com :)

-->

</div>

<b:section class='blognames' id='blognames' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Shingeki No Kyojin (Header)' type='Header' 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:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

<b:else/>

</a>

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

<b:include name='description'/>

</b:if>

</div>

</b:if>

<b:else/>

</b:if>

</b:includable>

<b:includable id='description'>

<data:description/>

</b:includable>

<b:includable id='title'>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section id='pagesmenuwidget' maxwidgets='1' showaddelement='no'>

<b:widget id='PageList9' locked='false' title='Pages - Menu' type='PageList' version='1' visible='true'>

<b:includable id='main'>

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

<div>

<ul>

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

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

<b:else/>

</b:if>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

</b:section>

</div></div>

</div>

<b:section class='main' id='main' maxwidgets='2' showaddelement='yes'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1' visible='true'>

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

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

<data:defaultAdStart/>

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

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

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

</div></div>

</b:if>

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

</b:if>

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

</b:if>

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

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

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

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

<b:else/>

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

</b:if>

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

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

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

<b:else/>

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

</b:if>

</div>

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

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

<data:defaultAdEnd/>

<b:else/>

<data:adEnd/>

</b:if>

<data:adCode/>

</div>

<data:adStart/>

</b:if>

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

<b:include name='nextprev'/>

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

google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});

function initialize() {

google.annotations.setApplicationId(<data:top.blogspotReviews/>);

google.annotations.createAll();

google.annotations.fetch();

}

google.setOnLoadCallback(initialize);

</script>

</b:if>

</b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'>

</a>

</span>

</b:includable>

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

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

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

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

</dt>

<data:backlink.snippet/>

</dd>

</dd>

</div>

</b:loop>

</dl>

</b:if>

</p>

</b:includable>

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

<h3>Leave a Reply</h3>

<data:blogTeamBlogMessage/>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

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

</script>

<a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Subscribe to Posts</a> | <a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Subscribe to Comments</a>

</div>

</b:includable>

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

</a>

</span>

</b:includable>

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

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

</span>

<b:else/>

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

</span>

<b:else/>

<data:post.commentLabelFull/>:

</a>

</b:if>

</b:includable>

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

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

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

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

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

<b:else/>

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

</b:if>

<b:else/>

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

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

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

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

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

<data:post.commentRangeText/>

</span>

</b:if>

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

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

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

</b:if>

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

<data:comment.authorAvatarImage/>

</b:if>

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

<b:else/>

<data:comment.author/>

</b:if>

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

</div>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</div>

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

<b:else/>

<p>

<data:comment.body/>

</p>

</b:if>

</div>

</li>

<b:else/>

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

</b:if>

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

<data:comment.authorAvatarImage/>

</b:if>

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

<b:else/>

<data:comment.author/>

</b:if>

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

</div>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</div>

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

<b:else/>

<p>

<data:comment.body/>

</p>

</b:if>

</div>

</li>

</b:if>

</b:loop>

</ol>

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

<data:post.oldestLinkText/>

</a>

<data:post.olderLinkText/>

</a>

<data:post.commentRangeText/>

<data:post.newerLinkText/>

</a>

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

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

</b:if>

</p>

</b:if>

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

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

</b:if>

</div>

</b:includable>

<b:includable id='feedLinks'>

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

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

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

</div>

</b:if>

<b:else/>

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

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

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

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

</b:if>

</b:loop>

</div>

</b:if>

</b:includable>

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

<data:feedLinksMsg/>

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

</b:loop>

</div>

</b:includable>

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

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

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

</b:if>

</b:includable>

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

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

</div>

</b:if>

<data:post.title/>

</h3>

<div class='mobile-index-arrow'>&rsaquo;</div>

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

</div>

</b:if>

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

</div>

</a>

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

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

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

</b:if>

</div>

</b:includable>

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

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

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

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

<b:include data='post' name='mobile-index-post'/>

</b:loop>

<b:else/>

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

<b:include data='post' name='mobile-post'/>

</b:loop>

</b:if>

</div>

<b:include name='mobile-nextprev'/>

</b:includable>

<b:includable id='mobile-nextprev'>

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

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

</div>

</b:if>

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

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

</div>

</b:if>

</div>

</div>

</b:includable>

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

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

</b:if>

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

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

<b:else/>

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

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

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

</div>

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

</b:if>

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

</b:if>

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

<data:post.body/>

</b:if>

</div>

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

<data:top.authorLabel/>

</b:if>

</span>

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

<data:top.timestampLabel/>

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

</b:if>

</span>

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

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

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

</b:if>

</span>

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

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

</div>

</b:if>

</div>

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

</div>

</b:if>

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

</b:if>

</div>

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

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

</b:if>

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

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

</b:if>

</div>

</b:includable>

<b:includable id='nextprev'>

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

</span>

</b:if>

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

</span>

</b:if>

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

</div>

</b:if>

</div>

</b:includable>

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

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

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

<h2>

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

<b:else/>

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

<b:else/>

<data:post.title/>

</b:if>

</h2>

</b:if>

</div>

</div>

<b:else/>

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

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>

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

<h2>

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

<b:else/>

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

<b:else/>

<data:post.title/>

</b:if>

</h2>

</b:if>

<b:if cond='data:top.showAuthor'><span class='author1'>Posted by : <data:post.author/></span></b:if>

<b:if cond='data:post.allowComments'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='"Comment 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>

</b:loop></b:if></div>

</div>

</b:if>

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

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

<h2>

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

<b:else/>

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

<b:else/>

<data:post.title/>

</b:if>

</h2>

</b:if>

</div>

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

<span class='author'>Posted by : <data:post.author/></span>

</b:if>

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

</b:if>

</div>

</div>

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

#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; color:#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:30px; 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; float:left; text-decoration:none; line-height:16px;}

#mintshare_mini .flyout ul li.drop-li a.drop-a img {display:block; border:0; position: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;}

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;

-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: alpha(opacity=50);}

#mintshare_mini .flyout ul li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=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>

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

</ul>

</div>

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

padding: 5px 10px 5px 10px;

border-radius: 5px;

font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

font-weight: 200;

font-size: 17pt;

letter-spacing: 0.01em;

margin-bottom: 7px;

width: 100%;

max-width: 615px;

background: #A86E48;

border: 1px solid #803530;

outline: 1px solid #8E4F23;

color: #fff;

box-shadow: inset 0px 0px 10px RGBA(0,0,0,0.4), 0px 5px 0px RGBA(0,0,0,0.4);}

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

-moz-transition: all 0.5s ease-in-out;

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

}

.related-post .related-post-title {

display: none;

position: fixed;

top: 0px;

z-index: 9999999999;

background: #fafafa;

font-size: 13px;

color: #222;

left: 0px;

border: 1px solid #ddd;

padding: 10px 0px 10px 0px;

width: 100%;

text-align: center;

}

.related-post:hover .related-post-title {display: block;}

</style>

var ry='<h3>Related Posts</h3>';rn='<h3>   No related post available</h3>';rcomment='comments';rdisable='disable comments';commentYN='no';

//]]></script>

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

</b:loop>

</div>

</b:if>

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

</a>

</span>

</b:if>

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

</span> </div>

</div>

</b:if>

</b:includable>

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

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

</a>

</span>

</b:if>

</b:includable>

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

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

</b:if>

</b:includable>

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

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

<data:blogTeamBlogMessage/>

<b:else/>

<data:blogTeamBlogMessage/>

</b:if>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

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

</script>

</div>

</b:includable>

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

(function() {

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

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

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

// <![CDATA[

var cursor = null;

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

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

}

var bodyFromEntry = function(entry) {

if (entry.gd$extendedProperty) {

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

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

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

}

return entry.content.$t;

}

var parse = function(data) {

cursor = null;

var comments = [];

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

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

var comment = {};

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

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

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

comment.body = bodyFromEntry(entry);

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

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

var auth = entry.author[0];

if (auth) {

comment.author = {

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

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

};

}

if (entry.link) {

if (entry.link[2]) {

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

}

if (entry.link[3]) {

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

if (pid && pid[1]) {

comment.parentId = pid[1];

}

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

if (entry.gd$extendedProperty) {

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

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

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

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

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

<h4>{

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

1 <data:commentLabel/>... read them below or <a href='#comment-form' rel='nofollow'>add one</a>

<b:else/>

<data:post.numComments/> <data:commentLabelPlural/>... read them below or <a href='#comment-form' rel='nofollow'>Comment</a>

</b:if>}

</h4>

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

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

</b:if>

<data:post.commentHtml/>

</div>

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

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

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

</p>

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

</iframe>

</div>

</b:if>

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

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

</b:if>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='main2' id='main2' preferred='yes'>

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' visible='true'>

<b:includable id='main'>

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

<ul>

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

<li>

<b:if cond='!data:showThumbnails'>

<b:if cond='!data:showSnippets'>

<b:else/>

</b:if>

<b:else/>

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

</a>

</div>

</b:if>

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

</b:if>

</div>

</b:if>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

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

<b:includable id='main'>

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

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='HTML5' locked='false' title='BTemplates.com' type='HTML' visible='true'>

<b:includable id='main'>

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

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='HTML4' locked='false' title='Blogroll' type='HTML' visible='true'>

<b:includable id='main'>

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

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='Label2' locked='false' title='Labels' type='Label' version='1' visible='true'>

<b:includable id='main'>

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

</b:if>

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

<ul>

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

<li>

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

<b:else/>

</b:if>

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

</b:if>

</li>

</b:loop>

</ul>

<b:else/>

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

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

<b:else/>

</b:if>

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

</b:if>

</span>

</b:loop>

</b:if>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

</b:section>

<b:section class='main3' id='main3' preferred='yes'>

<b:widget id='Attribution1' locked='false' title='' type='Attribution' visible='true'>

<b:includable id='main'>

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

<data:feedbackSurveyLink/>

</div>

</b:if>

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

<data:attribution/>

</b:if>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section></div>

</div>

<b:section class='main4' id='main4' showaddelement='yes'>

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

<b:includable id='main'>

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

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive' version='1' visible='true'>

<b:includable id='main'>

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

</b:if>

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

<b:include name='quickedit'/>

</div>

</b:includable>

<b:includable id='flat' var='data'>

<b:loop values='data:data' var='i'>

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

<b:include data='i' name='toggle'/>

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

<b:loop values='data:data' var='i'>

</b:loop>

</select>

</b:includable>

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

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

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

<b:else/>

<b:if cond='data:blog.languageDirection == "rtl"'>

◄ 

<b:else/>

► 

</b:if>

</span>

</a>

</b:if>

</b:includable>

</b:widget>

</b:section>

<b:section class='main5' id='main5' showaddelement='yes'>

<b:widget id='Label1' locked='false' title='Labels' type='Label' version='1' visible='true'>

<b:includable id='main'>

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

</b:if>

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

<ul>

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

<li>

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

<b:else/>

</b:if>

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

</b:if>

</li>

</b:loop>

</ul>

<b:else/>

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

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

<b:else/>

</b:if>

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

</b:if>

</span>

</b:loop>

</b:if>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

</b:section>

<b:section class='main6' id='main6' showaddelement='yes'>

<b:widget id='HTML3' locked='false' title='About' type='HTML' visible='true'>

<b:includable id='main'>

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

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

</div><div class='clear'/></div></div>

//<![CDATA[

$(document).ready(function(){

$('a[href$=jpg]:has(img)').lightBox();

$('a[href$=jpeg]:has(img)').lightBox();

$('a[href$=png]:has(img)').lightBox();

$('a[href$=gif]:has(img)').lightBox();

$('a[href$=bmp]:has(img)').lightBox();

});

//]]>

</script>

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

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

var pageCount=5;

var displayPageNum=5;

var upPageWord ='Previous';

var downPageWord ='Next';

</script>

//<![CDATA[

//]]>

</script>

</b:if>

</body></HTML><!-- Template processed by BTemplates.com on 14-04-2016 10:33.

Log: Images uploaded to Picasa, HTML Menu was converted to Pages widget menu

Template URI: https://btemplates.com/2016/blogger-template-shingeki-no-kyojin/

-->

Continue

M ALI RIDHO-XI TKJ 2

Selasa, 08 Oktober 2024

tugas blogger sesudah dan sebelum

BTemplates.com

Popular Posts

Blogger templates

Blogroll

Categories

Blog Archive

About