Kod

<?xml version="1.0" encoding="UTF-8" ?
>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection'
xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>
<meta content='global' name='distribution'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/**
* Theme Name: Anime note
* Theme URI: http://animenotebt.blogspot.com/
* Description: Anime blogger template
* Author: Johanes DJ
* Author URI: http://Djogzs.blogspot.com
*
*
*/
.navbar {
visibility:hidden;
display:none;
}
#content{
width: 610px;
padding: 22px 15px 10px 15px;
margin-left: 0px;
float: left;
display: inline;
margin-top: -16px;
}
.postim{
background:#fff;
padding:10px;
margin-top:10px;
}
.profile-textblock {
margin: .5em 0;
text-align: justify;
}
.comments .comments-content .user {

font-style: normal;
}
.comments {
clear: both;
margin-top: 10px;
margin-left: 20px;
width:600px;
}
.comments .comments-content .datetime {
font-style: normal;
font-weight: bold;
float: right;
margin-right: 10px;
}
h2.newest {
font-family: 'Open Sans', sans-serif;
font-size: 25px;
line-height: 28px;
text-align: left;
font-weight: normal;
margin: auto;
border-right: 10px ridge #BC1F0C;
border-left: 10px ridge #BC1F0C;
padding: 0px 10px;
color: #DDD;
letter-spacing: -2px;
background: #222;
padding-bottom: 10px;
padding-top: 13px;
border-radius: 5px;
margin-top: 5px;
margin-left: 20px;
box-shadow: inset 0 11px 40px rgba(0, 0, 0, 0.7), 0 2px 0 black;
-webkit-box-shadow: inset 0 11px 40px rgba(0, 0, 0, 0.7), 0 2px 0 black;
-moz-box-shadow: inset 0 11px 40px rgba(0,0,0,0.7), 0 2px 0 black;
margin-bottom: 15px;
width: 528px;
display:none;}
.jomorelink:first-letter {font-size: 30px;
font-style:normal;
border-radius: 5px;}
.title h2:first-letter {color:#BC1F0C;font-size: 35px;
letter-spacing: -1px;}
.main1 h2:first-letter, .main2 h2:first-letter, .main3 h2:first-letter {color:#fff;font-size: 35px;
letter-spacing: -1px;}
.post h2{
font-size: 25px;
line-height: 25px;
text-align: left;
width: 350px;
color: white;
text-shadow: 1px 1px 1px #333;
margin-left: 10px;
margin-top: 5px;
}
.post h2 a:link,.post h2 a:visited{
color:#fff;
}
.post h2 a:visited {
}
.leftmeta, .bigcom a{
font-size: 11px;
text-decoration: none;
color:#fff;
padding: 5px;
-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;
line-height: 22px;
margin-bottom: 5px;
text-align: center;
text-transform: uppercase;
float: left;
margin-left: 7px;
}
.timemeta {
padding: 2px;
font-size: 12px;
color:#fff;
float: right;
margin-top: -25px;
margin-right: 10px;}
.fullpost{
line-height: 25px;
text-align: right;
color:
white;
font-size: 11px;
float: left;
width: 100%;
}
.fullpost a:link, .fullpost a:visited{
color:#fff;margin-right: 5px;
}
.bigcom a:link, .bigcom a:visited{
color:#fff;text-shadow: 1px 2px 1px #333;
}
.arrow{
position:absolute;
top:50px;
left:-10px;
height:30px;
width:10px;
}
.postright{
width:570px;
float:left;
margin-right:0px;
position:relative;
min-height: 260px;
}
.postright{
background:url(http://1.bp.blogspot.com/GIqYUYh4N4Y/URQlSiyv9YI/AAAAAAAACNw/AI4jbvrbj8I/s000/noimage.jpg) norepeat;
}
.postright img{max-width:560px;}
.categ{float: left;display:none;
color:
#222;}
.categ a:link,.categ a:visited {
text-shadow: 0px 3px 1px black
font-size:11px;
text-decoration:none;
text-align: center;color:#666;
padding: 5px;
line-height: 22px;
margin-bottom: 5px;
text-align: center;
}
.data{
height: 20px;
}
.author,.clock{
padding:3px 10px;
margin:0px 0px 0px 10px ;
font-size:11px;
color:#000;
text-transform:uppercase;
}
.clock {float:right;}
.widget-content{padding: 10px;
color: #666;
padding-bottom: 15px;}
.comments .comments-content .comment-header, .comments .comments-content .commentcontent {
margin: 0 10px 10px;
}
#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;
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;
}
.comments .comment .comment-actions a {
padding: 5px;
font-size: 14px;
text-align: center;
color: #222;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin: 5px;
}
.comments .continue a {
padding: 5px;
text-shadow: 0px 0px 0px #DDD;
font-size: 14px;
background: #BC1F0C;
text-align: center;
color: white;
border-radius: 8px;
margin: 5px;
width: 100px;
margin-left: 100px;
}
.avatar-image-container {
float:right;
background:url(http://2.bp.blogspot.com/hzcMSmIREpQ/URQlTLvFjsI/AAAAAAAACN4/SZN3scnIifM/s000/untitled-1.jpg) norepeat;
height:77px;
width:77px;
}
.avatar-image-container img {
background:url(http://2.bp.blogspot.com/hzcMSmIREpQ/URQlTLvFjsI/AAAAAAAACN4/SZN3scnIifM/s000/untitled-1.jpg) norepeat;
height:77px;
width:77px;
}
.comments .avatar-image-container {
float: left;
max-height: 77px;
overflow: hidden;
width: 77px;
border: 4px double #222;
}
.comments .avatar-image-container img {height:auto;display:none;}
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;
padding:3px 10px;
}
ol.commentlist li.odd {
background:#D3D4CE;
}
ol.commentlist li.even {
}
ol.commentlist li.even:hover{BACKGROUND:#D3D4CE;}
ol.commentlist li ul.children {
list-style:none;
margin:1em 0 0;
text-indent:0;
}
ol.commentlist li ul.children li.depth-2 {
margin:0 0 0px 50px;
}
}
}
}
.comment-nav{
padding:5px ;
height:20px;
background:#C4D533;
}
.comment-nav a:link,.comment-nav a:visited{
color:#fff;
}
#respond{
padding:20px;
margin:20px 0px;
}
#respond h3 {
font-size:20px;
color:#000;
padding-bottom:10px;
}
#commentform p{
margin:5px 0px;
}
#respond label{
display:block;
padding:5px 0;
font-weight:bold;
color:#3F361F;
}
#respond label small {
font-size:10px;
}
#respond input {
margin-bottom:10px;
padding:5px 0px;
margin:0 10px 10px 0;
background:#6F6753;
color:#F7EEE9;
}
#commentform input{
width:99%;
}
#respond input#commentSubmit {
width:100px;
padding:5px 0px;
background:#B7CD2C;
color:#fff;
margin:10px 0px;
font-weight:bold;
cursor:pointer;
}
textarea#comment{
background:#6F6753;
width:99%;
margin:0px 0px;
padding:5px 0px;
color:#F7EEE9;
}
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p
,pre,a,abbr,acronym,address,big,cite
,code,del,dfn,em,img,ins,kbd,q,samp,small
,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,
thead,tr,th,td{
margin:0;
padding:0;
vertical-align:baseline;
outline:none;
}
b,i,hr,u,center,menu,layer,s,strike,font,xmp
{
margin:0;
padding:0;
vertical-align:baseline;
outline:none;
font-size:100%;
background:transparent;
border:none;
}
font{
color:#333
}
center{
text-align:left
}
body {
margin:0 auto;
padding:0px 0px 0px 0px;
background-attachment:fixed;
background-size:100%;
color:#000;
overflow-x:hidden;
font-size:13px;
}
a{
color: #BC1F0C;
}
a:visited {
color: #BC1F0C;
}
a:hover, a:active {
color: #d54e21;
}
h1,h2, h3, h4, h5, h6 {
color: #000;
font-weight: bold;
}
h1 {
font-size: 75px;letter-spacing: 5px;
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;
background: #DDD;
border: 4px double #222;
padding: 25px;
border-radius: 5px;
box-shadow: inset 0 1px 18px rgba(0, 0, 0, 0.2), 0 1px 0 #5E524F;
}
blockquote blockquote {
color: #777;
}
blockquote em {
font-style: normal;
}
pre {
padding: 9px;
background: #f9f9f9;
border: 1px solid #ccc;
}
code {
padding: 0 3px;
background: #eee;
}
pre code {
background: transparent;
}
.clear {
clear:both;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
padding: 0px;
}
img.alignnone {
padding: 5px 5px;
margin: 0px 0px 10px 0px;
display: inline;
background:#E4E4E4;
}
img.alignright {
padding: 5px 5px;
display: inline;
background:#E4E4E4;
}
img.alignleft {
padding: 5px 5px;
display: inline;
background:#E4E4E4;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
#casing{
background: rgba(255, 255, 255, 0.9);
width: 640px;
margin: auto;
border-radius: 0px 0px 5px 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}
#wrapper{
width:100%;
margin:auto;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 1%, transparent
30%, transparent 70%, rgba(0, 0, 0, 0.5) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.5)),
color-stop(1%,rgba(0, 0, 0, 0.5)), color-stop(30%,transparent), color-stop(70%,transparent),
color-stop(100%,rgba(0, 0, 0, 0.5)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%,rgba(0, 0, 0, 0.5)
1%,transparent 30%,transparent 70%,rgba(0, 0, 0, 0.5) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%,rgba(0, 0, 0, 0.5) 1%,transparent
30%,transparent 70%,rgba(0, 0, 0, 0.5) 100%);
}
#topbar{
width:1000px;
}
.today{
float:left;
margin:10px 0px 10px 20px;
font-size:11px;
height:18px;
line-height:18px;
padding-left:20px;
}
.feeds{
float:right;
margin-right:20px;
}
.feeds ul{
margin:0px;
padding:0px;
}
.feeds ul li{
float:right;
list-style:none;
line-height:18px;
padding-left:20px;
font-size:11px;
}
.feeds a:link, .feeds a:visited{
color:#4C393A;
}
#header{
width: 100%;
position: relative;
margin: auto;
padding-top: 50px;
}
h1#blog-title {
z-index: 2;
margin: auto;
text-align: center;
}
h1#blog-title a {padding:5px;color:#fff;}
h1#blog-title a:link,h1#blog-title a:visited {
color:#fff;
}
h2#blog-desc {
font-size: 20px;
margin: auto;
color: #222;
z-index: 1;
max-width: 430px;
background: rgba(255, 255, 255, 0.7);
padding: 3px;
border-radius: 5px;
padding-right: 7px;
padding-left: 7px;
margin-top: 5px;
text-align: center;
}
.title h2{
font-size: 27px;
line-height: 150%;
text-align: left;
margin: auto;
padding: 0px 10px;
color:#BC1F0C;
text-shadow: 0px 1px 1px black;
border-bottom: 5px ridge #BC1F0C;
}
.title h2 a:link, .title h2 a:visited{
color:#BC1F0C;text-decoration: none;
}
.postmeta, .postinfo{
background:#F5ECC1;
padding:3px 10px;
border:1px solid #DFD5A7;
font-size:10px;
}
.post{
display: inline;
width: 560px;
float: left;
}
.pagepost{
width:590px;
float: left;
padding: 10px;
}
.widget {
margin: auto;}
.singlepst p:first-letter {
font-size : 30px;
font-weight : bold;
float : left;
color : #3F3A2B;
}
.cover {
margin:0 0;
color:#222;
overflow: hidden;
}
.cover ul, .cover ol{
margin: .4em 0 1em;
line-height: 150%;
}
.cover ul li, .cover ol li{
list-style-position:outside;
margin-left: 1.6em;
}
.cover p{
margin:5px 0px;
padding:5px 0px;
line-height:22px;
}
.cover table {
width: 100%;
border-collapse: separate;
}
.cover td, .cover th {

padding: 3px 6px;
}
.cover th {
background: #eee;
}
h2.pagetitle{
font-size:14px;
padding:10px 0px;
font-weight:normal;
margin-right:10px;
color:#6F6753;
text-align:right;
text-shadow: 0px 1px 1px black;
}
.comments .avatar-image-container img {
max-width: 60px;
}
#main3 .widget-content {
width: 595px;
overflow: hidden;
color: #DDD;
padding: 5px;
margin-left: 15px;
border-radius: 11px;
background: rgba(0, 0, 0, 0.3);
font-size: 13px;}
#main1 .widget-content, #main2 .widget-content {
width: 285px;
overflow: hidden;
color: #DDD;
padding: 5px;
margin-left: 15px;
font-size: 13px;}
#main1 ,#main2 {width:300px;float:left;margin: 3px;margin-left: 6px;list-styletype:none;margin-top:20px;}
#main1 h2 ,#main2 h2, #main3 h2 {font-family: 'Open Sans', sans-serif;
font-size: 19px;
line-height: 30px;
text-align: left;
margin: auto;
padding: 0px 15px;
color:
white;
}
#main1 ul li a:link, #main1 ul li a:visited{color:#ddd;}
#main2 ul li a:link, #main2 ul li a:visited{color:#ddd;}
.footer {
width: 640px;
margin: 0 auto;
z-index: 1;
float: center;
text-align: left;
position: relative;
min-height: 440px;
}
.widget ul li a span.ltr {display:none;}
#footer{
width:640px;
position: relative;
font-size: 11px;
color: black;
min-height: 500px;
background: #222 url("http://4.bp.blogspot.com/cz257Md2doA/URQlTrBufKI/AAAAAAAACOA/hPZRKQ67TAo/s000/headerjo
%25252Bcopy%25252Bcopy%25252Bcopy%25252Bcopy.jpg") no-repeat bottom left;
margin: auto;
box-shadow: inset 0 11px 40px rgba(0, 0, 0, 0.7), 0 1px 0 #222;
-webkit-box-shadow: inset 0 11px 40px rgba(0, 0, 0, 0.7), 0 1px 0 #222;
-moz-box-shadow: inset 0 11px 40px rgba(0,0,0,0.7), 0 1px 0 #222;
-webkit-border-bottom-left-radius: 5px;
margin-bottom:30px;
padding-bottom:50px;
}
#footer a:link, #footer a:visited{
color:#fff;
}
#footer a:hover{color:#fff;}
#footer-wrapper{padding:15px 0 50px 10px;color:#fff;line-height:100%;overflow:hidden;}
#footer-wrapper a{color:#fff;}
#footer-wrapper .fr a,#footer-wrapper .fl a{color:#fff;}
#footer-wrapper .fr a:hover,#footer-wrapper .fl a:hover{color:#fff;}
#footer-wrapper .fr{padding:0 0px 0 0;}
.fleft{
text-align: center;
margin: auto;
height: 20px;
padding: 10px;
line-height: 22px;
color: white;
width:100%;
}
.fleft a{color:#fff;}
.fright{
float:right;
text-align:right;
line-height:16px;
width:40%
}
.postad{
margin:10px;
float:left;
}
#Label1 ul li{font-family: 'Open Sans', sans-serif;}
#LinkList1 ul li{font-family: 'Open Sans', sans-serif;}
#headercontainer, #contentcontainer { width: 1000px; margin: 20 auto; position: relative; }
header23 { padding: 0px 0; width: 100%; background-color: #000; margin-bottom:
0px;position: fixed; z-index: 10; float: left top; }
.crop {
width:560px;
height: 255px;
overflow: hidden;
position: relative;
border-image: initial;
border: 1px solid #666;
float:left;
padding: 3px;
}
.posting {
width: 525px;
float: left;
bottom: 0;
text-align: left;
position: absolute;
color: white;
z-index: 2;
font-size: 12px;
margin-left: 20px;
}
.breadcrumb {
list-style: none;
overflow: hidden;

letter-spacing: 1px;
text-align: left;
color: #222;
width: 590px;
font-size: 13px;
z-index: 9;
margin-top: 15px;
background: url("http://2.bp.blogspot.com/8DdEhwMTmeE/URQlT8uJMGI/AAAAAAAACOI/FTeSZ_gCUgs/s000/bkg-btn-grey.gif")
repeat-x scroll 0 0 #EDEDED;
}
.section {margin:auto;}
.breadcrumb ul{margin:auto;}
.breadcrumb li {
float: left;
list-style: none;
margin: 8px;
padding: 2px;
}
.breadcrumb li a {
position: relative;
display: block;
color:#000;
float: left;
padding-right: 40px;
}
#blog-pager-newer-link {
float: right;
background: rgba(0, 0, 0, 0.6 );
z-index: 1001;
color: white;
padding: 10px;
text-align: center;
width: 160px;
height:100%;
overflow: hidden;
}
.home-link {display:none;}
#blog-pager-older-link {
background: rgba(0, 0, 0, 0.2 );
float: left;
z-index: 1001;
padding: 10px;
text-align: center;
width: 120px;
height: 100%;
overflow: hidden;
}
#blog-pager-older-link a, #blog-pager-newer-link a {color: #ddd;
background:#C51110;line-height: 33px;
border-radius: 8px;
padding: 5px;}
#blog-pager {
color: #DDD;
text-shadow: 0px 0px 1px transparent;
text-align: center;
text-transform: capitalize;
font-size: 16px;
width: 570px;
height: 50px;
border-radius: 5px;
float: left;
background: #222;
margin: 5px;
margin-left: 20px;
}
.comments .comments-content {
}
.comments .comment-block {
margin-left: 85px;
position: relative;
border-left: 1px solid
#DDD;
}
.johanesdj {
width: 560px;
min-height: 35px;
max-height: 70px;
position:absolute;
padding: 5px;
margin-top: 10px;
z-index:2;
}
.jomorelink:hover {opacity:1;}
.jomore {
position: absolute;
width: 560px;

height: 255px;
text-align: center;
line-height: 260px;
text-shadow: 0px 0px 0px transparent;
font-size: 20px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 1%, transparent
30%, transparent 70%, rgba(0, 0, 0, 0.5) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.5)),
color-stop(1%,rgba(0, 0, 0, 0.5)), color-stop(30%,transparent), color-stop(70%,transparent),
color-stop(100%,rgba(0, 0, 0, 0.5)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%,rgba(0, 0, 0, 0.5)
1%,transparent 30%,transparent 70%,rgba(0, 0, 0, 0.5) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%,rgba(0, 0, 0, 0.5) 1%,transparent
30%,transparent 70%,rgba(0, 0, 0, 0.5) 100%);
z-index: 1;
margin-top: 4px;
margin-left: 4px;
border-bottom: 3px solid white;
}
.blognames {margin:auto;}
.jomorelink{display:none;}
.pagepost a {text-decoration: underline;}
.pagepost img{max-width:555px;padding: 3px;
border: 1px solid #DDD;
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
height:auto;
}
#related-posts {float: left;
width: 580px;
margin-top: 20px;
font-size: 11px;
padding: 5px;
border-left: 1px solid #DDD;
min-height: 180px;
color: #222;}
#related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; }
#related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin :
5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none;text-shadow: 0px 1px
1px #222;color:#BC1F0C; }
#related-posts a:hover { text-decoration : none; }
#related-posts ul { border : medium none; margin:10px; padding : 0; }
#related-posts ul li {width: 250px;float:left;display: block; margin : 0; padding-top : 0;
padding-right : 0; padding-bottom : 1px; padding-left : 5px; margin-bottom : 5px; lineheight : 2em; border-bottom:1px solid #cccccc;}
.post-footer-line-1{border-top: 1px solid
#DDD;}
.BlogArchive #ArchiveList ul li {
background: none;
list-style: none;
list-style-image: none;
list-style-position: outside;
border-width: 0;
padding-left:0px;
text-indent:0px;
margin:0;
background-image: none;}
#ArchiveList .toggle-open {
line-height: .6em;
float: left;
margin-top: 8px;}
.post-count {display:none;}
.PopularPosts .item-title {
padding-bottom: .2em;
}
.icon-action {display:none;}
ul.dark_menu {
list-style: none;
padding: 1px 1px;
font-size: 12px;
line-height: 15px;
margin: auto;
width: 620px;
}/* Blog johanes djogzs.blogspot.com */
ul.dark_menu:after {
content: "";
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
ul.dark_menu li {
float: left;
position: relative;
margin: 10px 0px -4px 5px;
}
/* Blog johanes djogzs.blogspot.com */
ul.dark_menu li a, ul.dark_menu li a:link {
color: #aaa;
display: block;
padding: 10px 26px;
text-shadow: 0 1px 0 #4b433e;
background: #362f2c;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
/* Blog johanes djogzs.blogspot.com */
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
ul.dark_menu li a:hover {
color: #fff;
text-shadow: 0 1px 1px #000;
background: #222;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
ul.dark_menu li a.selected, ul.dark_menu li a:active {
color: #BC1F0C;
background: #fff;
padding: 10px 10px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
ul.dark_menu li ul {
display: none;
ul.dark_menu li ul:before {
content: " ";
position: absolute;
display: block;
z-index: 1500;
left: 0;
top: -10px;
height: 10px;
width: 100%;
}
ul.dark_menu li:hover ul {
position: absolute;
display: block;
z-index: 1000;
left: 0;
top: 35px;
padding: 5px 0;
list-style: none;
background: #282321;
ul.dark_menu li ul li {
float: none;
margin: 0 10px;
border-bottom: 1px solid #191614;
border-top: 1px solid #3a3230;
}
ul.dark_menu li ul li:first-child {
margin: 0 10px;
border-top: 0 none;
}
ul.dark_menu li ul li:last-child {
border-bottom: 0 none;
ul.dark_menu li ul li a, ul.dark_menu li ul li a:link {
color: #BC1F0C;
display: block;
background: transparent none;
white-space: nowrap;
border-radius: 0px;
}
ul.dark_menu li ul li a:hover {
text-decoration: underline;
background: #2a2523;
.menujohanes {
background: #121212;
width: 618px;
padding: 2px 10px;
position: relative;
border-left: 1px solid #333;
border-right: 1px solid #333;
margin: auto;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.6), 0 1px 0 #5E524F;}
.categ {border-bottom: 1px dashed #CFCFCF;}/* Blog johanes djogzs.blogspot.com */
#search input{margin-top: 0px;
margin-right: -20px;
position: relative;}
#search input[type="text"] {
background: white url("http://4.bp.blogspot.com/660ehinQl44/URQlUZO7ywI/AAAAAAAACOQ/iepYCIqrtmw/s000/search_32x3232.png")no-repeat center left;
font-size: 14px;
color: #222;
width: 160px;
float: right;
margin-top: -35px;
margin-right: 5px;
}
.miku-tab { float: left; padding: 5px; margin-right: 3px;
cursor: pointer; background-color: #f2f2f2;}
.miku-tab-icon { height: 14px; width: auto; margin-right: 3px;}
miku-tab:hover { background-color: #ddd;color:#222;}
#fb-miku:hover {background-color: #222;color:#ddd;}
#blogger-miku:hover{background-color: #222;color:#ddd;}
.inactive-select-tab { background-color: #d1d1d1;}
.tab-wrapper{width:640px;margin:auto;position:relative;}
#fb-miku {padding: 10px;
margin-left: -71px;
cursor: pointer;
background: rgba(255, 255, 255, 0.9);
position: absolute;
margin-top: 105px;
width: 85px;
text-align: center;
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
text-shadow: 0 1px 0 #4B433E;}
#blogger-miku{padding: 10px;
margin-left: -71px;
cursor: pointer;
background: rgba(255, 255, 255, 0.9);
position: absolute;
margin-top: 220px;
width: 85px;
text-align: center;
text-shadow: 0 1px 0 #4B433E;
transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);}
.main3 {width:100%;margin-left: 6px;list-style-type:none;padding-top:20px;}
]]></b:skin>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet'
type='text/css'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script type='text/javascript'>
$j=jQuery.noConflict();
function commentToggle(selectTab) {
$j(".miku-tab").addClass("inactive-select-tab");
$j(selectTab).removeClass("inactive-select-tab");
$j(".miku-page").hide();
$j(selectTab + "-page").show();
}
</script>
var banner= new Array()
banner[0]="http://2.bp.blogspot.com/1TOLk76gEy4/URQlU79rf8I/AAAAAAAACOY/xtn77NIX1eY/s000/dsf.jpg"
banner[1]="http://4.bp.blogspot.com/-aLKbP72XP8/URQlVoSI3yI/AAAAAAAACOg/84CxyiE0nu8/s000/rg.jpg"
banner[2]="http://4.bp.blogspot.com/92NpQJSdV6M/URQlWb5EvdI/AAAAAAAACOo/_UUnB3KA40U/s000/3.jpg"
banner[3]="http://2.bp.blogspot.com/4UfQF8sdEiU/URQlXSBYRKI/AAAAAAAACOw/Z_T9bInc6AE/s000/konachan.com
%25252B-%25252B150749%25252Bbob_%252528biyonbiyon%252529%25252Bdress
%25252Bfeathers%25252Bhatsune_miku%25252Bthighhighs%25252Btwintails
%25252Bvocaloid%25252Bwings.jpg"
banner[4]="http://4.bp.blogspot.com/xxce8Ek7kWw/URQlYMHYobI/AAAAAAAACO4/-qrIWG2yQyU/s000/ll.jpg"
banner[5]="http://1.bp.blogspot.com/E0jejjU6rXE/URQlYyNELAI/AAAAAAAACPA/VaSuPaN5Z08/s000/konachan.com
%25252B-%25252B150773%25252Baqua_eyes%25252Baqua_hair%25252Bhatsune_miku
%25252Blong_hair%25252Btagme%25252Bvocaloid.jpg"
banner[6]="http://2.bp.blogspot.com/BO8BtcCkMLs/URQlZurFhZI/AAAAAAAACPI/DGGs_QhvDt8/s000/2.jpg"
banner[7]="http://3.bp.blogspot.com/-7QI5AxgKBE/URQlaP5YB5I/AAAAAAAACPQ/VEc6FJtr6Sg/s000/wef.jpg"
banner[8]="http://1.bp.blogspot.com/-1CMPcw73_4/URQlbEcGsRI/AAAAAAAACPY/GaMDMqBfoow/s000/4.jpg"
banner[9]="http://4.bp.blogspot.com/-PSAyVzSQlLQ/URQlbTCGFI/AAAAAAAACPg/j99HxstD5CQ/s000/untitled-1.jpg"
banner[10]="http://www.freewallpapersbase.com/anime/wallpapers1/animewallpaper2009630204628546778013.jpg"
banner[11]="http://loadpaper.com/large/Naruto_wallpapers_160.jpeg"
banner[12]="http://www.wallsave.com/wallpapers/1280x1024/gintama/988739/gintama
-anime-rulezzz-and-manga-fan-site-d-gray-man-art-988739.jpg"
banner[13]="http://www.wallpaperstop.com/wallpapers/anime-wallpapers/free-animewallpaper-1280x1024-0033.jpg"
var random=Math.floor(14*Math.random());
document.write("<style>");
document.write("body {");
document.write(' background:url("' + banner[random] + '") norepeat top left;');
document.write(' background-size:100%;' );
document.write(' background-attachment:fixed;' );
document.write(" }");
document.write("</style>");
</script>
var thumbnail_mode = "float" ;
summary_noimg = 200;
summary_img = 200;
</script>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].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="560px;" /></div>';
summ = summary_img;
}
var summary = imgtag + '<div class="posting">' + removeHtmlTag(div.innerHTML,summ) +
'</div>';
div.innerHTML = summary;
}
//]]>
</script>
<script src='https://sites.google.com/site/djogzs/js/relpost.js' type='text/javascript'/>
</head>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style type='text/css'>
#blogger-miku-page { padding: 0px 5px; display: none;}
</style>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
#blogger-miku-page {display: none;}
</style>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
h2.newest {display:block;}
</style>
</b:if></b:if>
<body class='home blog'>
<div id='wrapper'>
<div id='header'>
<b:section class='blognames' id='blognames' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Ryou Adayume (fejlc)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!-Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.

This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<div expr:style='"background-image: url(\"" + data:sourceUrl +
"\"); "
+ "background-position: "
+
data:backgroundPositionStyleStr + "; "
+ data:widthStyleStr
+ "min-height: " + data:height + "px;"
+ "_height:
" + data:height + "px;"
+ "background-repeat: no-repeat;
"' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId +
"_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display:
block'/>
</a>

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

<h1 id='blog-title'><span><b:include name='title'/></span></h1>
<h2 id='blog-desc'><span><b:include name='description'/></span></h2>
</b:if>
</b:includable>
<b:includable id='description'>
<data:description/>
</b:includable>
<b:includable id='title'>
<a expr:href='data:blog.homepageUrl' expr:title='data:title' rel='home'><data:title/></a>
</b:includable>
</b:widget>
</b:section>
<div class='tab-wrapper'>
<div class='miku-tab' id='fb-miku' onclick='javascript:commentToggle("#fbmiku");' title='posting'>post</div>
<div class='miku-tab inactive-select-tab' id='blogger-miku'

onclick='javascript:commentToggle("#blogger-miku");'
title='widget'>Widgetbar</div>
</div></div>
<div class='menujohanes'>
<ul class='dark_menu'>
<li><a class='selected' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li>
<a href='#'>About</a>
<ul>
<li><a href='#'>Lorem ipsum dolor</a></li>
<li><a href='#'>Donec lorem</a></li>
</ul>
</li>
<li>
<a href='#'>Categories</a>
<ul>
</ul>
</li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Anime</a></li>
<li><a href='#'>Sitemap</a></li>
</ul>
</div>
<div class='miku-page' id='fb-miku-page'>
<div id='casing'>
<div id='content'>
<h2 class='newest'>Newest Post <form expr:action='data:blog.homepageUrl +
"search/"' id='search' method='get'>
<input name='q' placeholder='Search Somethings..' size='40' type='text'/>
</form></h2>
<b:section class='main' id='main' maxwidgets='1' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blogbejegyzsek' type='Blog'>
<b:includable id='main' var='top'>

<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<div class="date-outer">
</b:if>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:else/>
</b:if>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<div class='clear'/>
<b:include name='nextprev'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
google.load("annotations", "1", {"locale":
"<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/>
<data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/>
<data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl'

expr:id='data:widget.instanceId + "_backlinks-create-link"'
target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<div id='comment-form'>
<div id='respond'>
<a name='comment-form'/>
<h3>Leave a Reply</h3>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-frompost' frameborder='0' height='410' id='comment-editor' name='comment-editor' src=''
width='100%'/>
<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>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments'
expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments'
expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
</b:if>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:else/>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div id='commentsbox'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<h3 id='comments'>
<b:if cond='data:post.numComments == 1'>
One Response so far.
<b:else/>
<data:post.numComments/> Responses so far.
</b:if>
</h3>
</b:if>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>

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

<data:post.commentRangeText/>

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

<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<ol class='commentlist'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.adminClass == data:post.adminClass'>
<li class='comment odd'>
<div class='comment-body'>
<div class='comment-author vcard'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='32px' style='margin-bottom:-2px;'
width='32px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<cite class='fn'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
</cite> <span class='says'>says:</span>
</div>
<div class='comment-meta commentmetadata'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</div>
</li>
<b:else/>
<li class='comment even'>
<div class='comment-body'>
<div class='comment-author vcard'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='32px' style='margin-bottom:-2px;'
width='32px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<cite class='fn'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
</cite> <span class='says'>says:</span>
</div>
<div class='comment-meta commentmetadata'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</div>
</li>
</b:if>
</b:loop>
</ol>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>

<data:post.commentRangeText/>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>

<data:post.newestLinkText/>
</a>
</span>
</b:if>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> 
<div class='post-feeds'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType'
target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</a>
<div class='mobile-index-comment'>
<b:if cond='data:post.numComments != 0'>
expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1
<data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>

<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-newer-link"'
expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-older-link"'
expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content'>

<div expr:id='"summary" + data:post.id'
style='display:none;'><data:post.body/></div>
<script
type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</s
cript>
</b:if>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script
cript>
<span class='rmlink' style='float:left'><a
expr:href='data:post.url'><data:post.jumpText/></a></span>
</b:if>
<data:post.body/>
</b:if>
<div style='clear: both;'/> 
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark'
title='permanent link'><abbr class='published'
expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>

expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1
<data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>

<b:if cond='data:post.sharePostUrl'>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
</b:if>
</div>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void();'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-newer-link"'
expr:title='data:newerPageTitle'>NEXT</a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-older-link"'
expr:title='data:olderPageTitle'>PREV</a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'>HOME</a>
</div>
</b:includable>
<b:includable id='post' var='post'>
<div class='pagepost'>
<div class='title'>
<h2>
<a expr:href='data:post.link' expr:title='"Permanent Link to " + data:post.title'
rel='bookmark'><data:post.title/></a>
<b:else/>
<a expr:href='data:post.url' expr:title='"Permanent Link to " +
data:post.title' rel='bookmark'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
</div>
<div class='cover'>
<p><data:post.body/></p>
</div>
</div>
<b:else/>
<div class='post hentry'>
<div class='postright'>
<div class='arrow'/>
<div class='cover'>
<div class='jomore'><div class='jomorelink'><a
expr:href='data:post.url'>Readmore</a></div></div>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>

<div class='johanesdj'>
<h2>
<b:else/>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<div class='timemeta'><data:post.dateHeader/></div>
</b:if>
<div class='leftmeta'>Posted by <data:post.author/></div>
</b:if>
<div class='bigcom'>
expr:onclick='data:post.addCommentOnclick' expr:title='"Comment on " +
data:post.title'><b:if cond='data:post.numComments == 0'>Add Comments<b:else/><b:if
cond='data:post.numComments == 1'> 1 Comment<b:else/><data:post.numComments/>
Comments</b:if></b:if></a>
</div>
</b:if>
</div>
<script
cript>
</div>
</div>
<div class='postbot'>
<div class='fullpost'>
<b:if cond='data:post.labels'>
<div class='categ'>
<b:loop values='data:post.labels' var='label'>
Tag :<a expr:href='data:label.url + "?&max-results=3"'
expr:title='"View all posts in " + data:label.name' rel='tag'>//
<data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</div>
</b:if>
</div>
</div>
</div>
</b:if>
<div class='pagepost'>
<div class='title'>
<h2>
<b:else/>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
</div>
<div class='data'>
<span class='author'> // Posted by :<data:post.author/></span>
</b:if>
<span class='clock'>// On :<data:post.dateHeader/></span>
</b:if>
</div>
<div class='cover'>
<p><data:post.body/></p>
</div>
<div class='post-footer'>

#mintshare_mini, #mintshare_mini ul {padding:0; margin:0; list-style:none; width:100px;
font-family:arial, sans-serif; background:url("http://2.bp.blogspot.com/8DdEhwMTmeE/URQlT8uJMGI/AAAAAAAACOI/FTeSZ_gCUgs/s000/bkg-btngrey.gif") repeat-x scroll 0 0 #EDEDED;}
#mintshare_mini {width:100px; height:35px; border:1px solid #888; padding: 0 15px;
-o-border-radius: 15px;
border-radius: 15px;}
#mintshare_mini a.sharetext {
display:block; width:100px; height:30px; text-align:center; line-height:35px; color:#000; textdecoration:none; font-size:13px; font-weight:bold;
background: url("http://1.bp.blogspot.com/9xBh_YJO8Cs/URQlcemBZ7I/AAAAAAAACPk/jYSaGBG4EJU/s000/plus.png") norepeat scroll 0 center transparent;
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 {
background:url("http://2.bp.blogspot.com/8DdEhwMTmeE/URQlT8uJMGI/AAAAAAAACOI/FTeSZ_gCUgs/s000/bkg-btngrey.gif") repeat-x scroll 0 0 #EDEDED;
list-style:none;
position:absolute;
top:-27px;
width:460px;
height:35px;
border:1px solid #888;
border-left:0;
left:50px;
padding-right:10px;
z-index: 500;
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;
-o-border-radius: 0 15px 15px 0;
-icab-border-radius: 0 15px 15px 0;
-khtml-border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;
border-radius: 0 15px 15px 0;}
#mintshare_mini .flyout ul li {float: left;}
#mintshare_mini .flyout ul li a{}
#mintshare_mini .flyout ul a img {}
#mintshare_mini .flyout ul li.drop-li {position:relative; width:35px; height:30px; float:left; zindex:100; margin-top: -2px;padding-left: 20px;}
#mintshare_mini .flyout ul li.drop-li a.drop-a {display:block; width:100px; float:left; textdecoration: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; fontfamily: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;
-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;}
</style>

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


<div class='flyout'>
<ul class='icons'>
<li class='drop-li'><a class='drop-a' expr:href='"http://www.facebook.com/sharer.php?
u=" + data:post.url + "&title=" + data:post.title'><img alt=''
src='http://1.bp.blogspot.com/FN1Rr6N2xzU/URQlc2s95zI/AAAAAAAACPw/LJvSWTTgDMs/s000/facebook_small.png'
/></a></li>
<li class='drop-li'><a class='drop-a' expr:href='"http://twitter.com/share?url=" +
data:post.url + "&title=" + data:post.title'><img alt=''
src='http://3.bp.blogspot.com/gj_oksoX2Ok/URQldBRM8gI/AAAAAAAACP4/gWMChkz8C_0/s000/twitter_small.png'/>
</a></li>
<li class='drop-li'><a class='drop-a'
expr:href='"http://www.stumbleupon.com/refer.php?url=" + data:post.url +
"&title=" + data:post.title'><img alt='' src='http://2.bp.blogspot.com/jIvTq3tERZ0/URQldvvEq5I/AAAAAAAACQA/C0nJeo0cis/s000/stumbleupon_small.png'/></a></li>
<li class='drop-li'><a class='drop-a' expr:href='"http://digg.com/submit?
phase=2&url=" + data:post.url + "&title=" + data:post.title'><img
alt='' src='http://2.bp.blogspot.com/llF4wHEb7VA/URQldykLBXI/AAAAAAAACQI/EPetzE3lWl0/s000/digg_small.png'/><!-[if gte IE 7]></li>
<li class='drop-li'><a class='drop-a' expr:href='"http://www.technorati.com/faves?
add=" + data:post.url'><img alt='' src='http://3.bp.blogspot.com/oTCloSNmSPE/URQleT_QC7I/AAAAAAAACQQ/30VqpC76wMM/s000/technorati_small.
png'/></a></li>
<li class='drop-li'><a class='drop-a' expr:href='"http://reddit.com/submit?url=" +
src='http://1.bp.blogspot.com/L_l6ZjxTo2Y/URQlepVlMMI/AAAAAAAACQY/3Idem_mTv8o/s000/reddit_small.png'/><
!--[if gte IE 7]></li>
<li class='drop-li'><a class='drop-a'
expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" +
src='http://3.bp.blogspot.com/-jS1io5sfcA/URQlfJwNTaI/AAAAAAAACQg/A6Pt92LymNo/s000/yahoo_small.png'/></a></li>
<li class='drop-li'><a class='drop-a' expr:href='"http://delicious.com/post?url=" +
src='http://2.bp.blogspot.com/Kw4RvT0nrXI/URQlfumwKMI/AAAAAAAACQo/xY2NXxyCka8/s000/delicious_small.pn
g'/></a></li>
</ul>
</div>
</div>

<div class='breadcrumb'><ul>
<li><a expr:href='data:blog.homepageUrl' rel='tag'>Back to Home</a> »</li><li>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
»
</b:if></li><li>
<data:post.title/></li></ul>
</div>
</b:if>
<div id='related-posts'>
<h5>Related Posts : </h5><b:loop values='data:post.labels'
var='label'><data:label.name/><b:if cond='data:label.isLast !=
"true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-inscript&callback=related_results_labels&max-results=5"'
type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>
<span class='post-icons'>

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

<b:include data='post' name='postQuickEdit'/>
</span> </div>
</div>
</div>
</b:if>
</b:if>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18'

src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<a class='share-button sb-email' expr:href='data:post.sharePostUrl +
"&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
<a class='share-button sb-blog' expr:href='data:post.sharePostUrl +
"&target=blog"' expr:onclick='"window.open(this.href,
\"_blank\", \"height=270,width=475\"); return false;"'
expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl +
"&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl +
"&target=facebook"' expr:onclick='"window.open(this.href,
expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl +
"&target=buzz"' expr:onclick='"window.open(this.href,
expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:blog.pageType == "archive"'>
<h2 class='pagetitle'>Archive for <data:blog.pageName/></h2>
</b:if>
<b:if cond='data:navMessage'>
<h2 class='pagetitle'><data:navMessage/></h2>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
style='display: none' width='100%'/>
<b:else/>

width='100%'/>
</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'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {

var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} 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&maxresults=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;

if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4>{
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>... read them below or <a href='#comment-form' rel='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>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section></div><div class='clear'/></div></div>
<div class='miku miku-page' id='blogger-miku-page'>
<div id='footer'>
<div class='footer'>
<b:section class='main3' id='main3' preferred='yes' style='float:left;'/>
<b:section class='main1' id='main1' showaddelement='yes'>
<b:widget id='HTML2' locked='false' title='Blogroll' type='HTML'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='Blogger templates' type='HTML'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='main2' id='main2' showaddelement='yes'>
<b:widget id='PopularPosts2' locked='false' title='Popular Posts' type='PopularPosts'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>

<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>

<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize'

expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
</div>
<b:else/>

<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize'
expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-snippet'><data:post.snippet/></div>
</div>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section></div>
</div></div>
<div class='fleft'>
<p>// Copyright © <script type='text/javascript'>var creditsyear = new
Date();document.write(creditsyear.getFullYear());</script> <data:blog.title/> //<a
href='http://animenotebt.blogspot.com/' target='_blank'>Anime-Note</a>//Powered by <a
href='http://blogger.com/'>Blogger</a> // Designed by <a href='http://djogzs.blogspot.com'
title='johanes djogan'>Johanes Djogan</a> //
</p></div></div>
</body>
</html>

Kod

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Kod

Caricato da

Copyright:

Formati disponibili

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

.comments .comments-content .user {

.cover td, .cover th {

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

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

width if the user is using shrink to fit.

<div class='miku-tab inactive-select-tab' id='blogger-miku'

<a class='comment-link' expr:href='data:post.createLinkUrl'

<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>

<div class='post-body entry-content'>

<a class='comment-link' expr:href='data:post.addCommentUrl'

<div expr:id='"summary" + data:post.id'><data:post.body/></div>

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

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

<img alt='' class='icon-action' height='18'

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

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

var startThread, targetComment;

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

<img alt='' border='0' expr:height='data:thumbnailSize'

Potrebbero piacerti anche

Kod

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Kod

Caricato da

Copyright:

Formati disponibili

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

.comments .comments-content .user {

.cover td, .cover th {

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

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

width if the user is using shrink to fit.

<div class='miku-tab inactive-select-tab' id='blogger-miku'

<a class='comment-link' expr:href='data:post.createLinkUrl'

<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>

<div class='post-body entry-content'>

<a class='comment-link' expr:href='data:post.addCommentUrl'

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

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

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

<img alt='' class='icon-action' height='18'

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

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

var startThread, targetComment;

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

<img alt='' border='0' expr:height='data:thumbnailSize'

Potrebbero piacerti anche

<div expr:id='"summary" + data:post.id'><data:post.body/></div>