Kamis, 30 Januari 2014
Deskripsi Script Html Template Blog dengan menu Dropdown:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html 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.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
</b:if>
<meta content='index, follow' name='robots'/>
<meta content='1 days' name='revisit-after'/>
<meta content='all' name='robots'/>
<meta content='all' name='googlebot'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<b:skin><![CDATA[
/**
* Theme Name: Robotic notes
* Theme URL: http://robotic-notes-bt.blogspot.com
* Description: Simple Anime blogger template
* Author: Johanes DJ
* Author URL: http://Djogzs.blogspot.com
*
*/
.navbar {
visibility:hidden;
display:none;
}
#content{
width: 610px;
padding: 11px 15px 10px 15px;
float: left;
display: inline;
position: relative;
}
.postim{
background:#fff;
padding:10px;
margin-top:10px;
}
.profile-textblock {
margin: .5em 0;
text-align: justify;
line-height: 2.0em;
}
.profile-img {
float: left;
margin: 0 5px 5px;
border: 1px solid #DDD;
padding: 5px;
border-radius: 5px;
}
.PopularPosts img{padding:0px;border-radius: 5px;}
.PopularPosts .item-thumbnail {
float: left;
margin: 0 5px 5px 0;
border: 1px solid #DDD;
height: 72px;
padding: 5px;
background: #222;
border-radius: 5px;
}
.comments .comments-content .user {
font-style: normal;
}
.comments {
clear: both;
margin-top: -2px;
background: #FAFAFA;
padding: 30px;
border-radius: 5px;
border: 1px solid #DDD;
width;641px;
}
.comments .comments-content .datetime {
font-style: normal;
float: right;
margin-right: 10px;
}
.bigcom {
padding: 3px;
float: left;border-right: 1px dotted #ddd;
line-height: 23px;
text-align:center;}
.bigcom a{font-size:10px;}
#main3 h2:hover{background:#2E2633;}
.post h2{
font-size: 17px;
text-align: left;
color: #FAFAFA;
font-family: 'Iceland', cursive;
overflow: hidden;
text-shadow: 1px 1px 1px #362c30;
background: #222;
padding: 4px;
-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;
float: left;
letter-spacing: 1px;
width: 476px;
border-left: 8px ridge #88ECFB;
border-right: 8px ridge #88ECFB;
box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.2), 0 0px 0 #5E524F;
text-transform: uppercase;
font-weight: normal;
}
.post h2:hover{background:#2E2633;}
.post h2 a:link,.post h2 a:visited{
color:#fafafa;
}
.bigcom a{
font-size: 10px;
text-decoration: none;
color: #222;
-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;
text-align: left;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.leftmeta {
font-size: 10px;
text-decoration: none;
color: #222;
text-align: center;
-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;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
float: left;border-right: 1px dotted #ddd;
padding: 3px;
margin-left:8px;
border-left: 1px dotted #ddd;
line-height: 23px;
}
.timemeta {
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
-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;
font-size: 10px;
text-decoration: none;
color: #222;
padding: 3px;
float: left;
text-align: center;
margin-left: 8px;
line-height: 23px;
}
.fullpost{
line-height: 25px;
text-align: right;
color:white;
text-transform: uppercase;
font-size: 11px;
float: left;
width: 100%;
}
.fullpost a:link, .fullpost a:visited{
color:#88ECFB;margin-right: 5px;
}
.bigcom a:link, .bigcom a:visited{
color:#222;
}
.arrow{
position:absolute;
top:50px;
left:-10px;
height:30px;
width:10px;
}
.postright{
float: left;
position: relative;
width: 50px;
}
.postright img:hover {max-width: 600px;margin-left: 0px;}
.postright img{margin-left: -20px;-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;max-width: 100px;}
.categ{
float: left;
color: #222;
padding: 3px;
font-size: 10px;
line-height: 23px;
text-transform: uppercase;}
.categ a:link,.categ a:visited {
font-size:10px;
text-decoration:none;
text-align: center;color:#222;
padding: 3px;
-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;
text-transform: uppercase;
}
.data{
margin-bottom: 10px;
border: 1px solid #88ECFB;
padding: 3px;
border-radius: 0px 0px 5px 5px;
background: white;
font-size: 17px;
}
.author,.clock{
padding:3px 10px;
margin:0px 0px 0px -10px ;
font-size:12px;
color:#222;
text-transform:uppercase;
}
.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 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;
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;
}
.comments .comment .comment-actions a {
padding: 5px;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
text-decoration: none;
text-align: center;
color: #fafafa;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin: 5px;
border: 1px solid #DDD;
position: relative;
background: #4de7f0;
border-left: 8px ridge #88ECFB;
border-right: 8px ridge #88ECFB;
text-shadow: 1px 1px 1px #362c30;
}
.comments .comments-content .comment-replies {
margin-left: 65px;
margin-top: 1em;
}
.comments .comments-content .inline-thread {
padding: .5em 0em;
}
.comments h4{
background: #00ff99;
padding: 10px;
border-radius: 5px;
border: 1px solid #ddd;
font-size: 15px;
font-weight: normal;}
.comments .continue a {
padding: 5px;
font-size: 13px;
text-decoration: none;
text-align: center;
color: #222;
margin-left: 75px;
background: #00ff99;
border: 1px solid #DDD;
border-radius: 5px;
}
.avatar-image-container {
float:right;
height:50px;
width:50px;
}
.avatar-image-container img {
height:50px;
width:50px;
}
.comments .avatar-image-container {
float: left;
max-height: 50px;
overflow: hidden;
width: 50px;
border: 1px solid #DDD;
padding: 5px;
border-radius: 5px;
background: #00ff99;
}
.comments .avatar-image-container img {height:auto;border-radius: 5px;}
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:#00ff99;
text-decoration:none !important;
}
ol.commentlist li p {
line-height:22px;
margin-top:5px;
color:#59f812;
font-size:12px;
}
ol.commentlist li .reply{
margin-top:10px;
font-size:10px;
}
ol.commentlist li .reply a{
background:#5F553B;
color:#00ff99;
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:#59f812;
}
#respond{
padding:20px;
margin:20px 0px;
}
#respond h3 {
font-size:20px;
font-family: 'Open Sans', sans-serif;
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: #EAEAEC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwiHCIOU81bumluycNxzJs3zhdP_WMQeEJAOrv37xmcirM8GO7Br3MJ7bPPaHS8Sbxgg1VEikSd9aVR3WdvMh1U7xzqaSVE3a5Uh3QLp5LgO1rP-burIR1diQxMuOm5PfQR1bewP4oYSfA/s0/pattern.png) repeat top;
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;
}
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;
}
img.alignnone {
padding: 5px 5px;
margin: 0px 0px 10px 0px;
display: inline;
background:#E4E4E4;
}
img.alignright {
padding: 5px 5px;
margin: 0px 0px 0px 0px;
display: inline;
background:#E4E4E4;
}
img.alignleft {
padding: 5px 5px;
margin: 0px 0px 0px 0px;
display: inline;
background:#E4E4E4;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.alignright {
float: right;
margin: 0px 0px 10px 10px;
}
.alignleft {
float: left;
margin: 0px 10px 10px 0px;
}
#casing{
padding: 10px 10px 10px 10px;
background: #fff;
width: 931px;
margin: auto;
border: 1px solid #ddd;
border-radius: 0px 0px 5px 5px;
margin-left: -1px;
}
#wrapper{
width:956px;
margin:auto;
}
#topbar{
width:1000px;
}
.today{
float:left;
margin:10px 0px 10px 20px;
text-transform:uppercase;
font-size:11px;
height:18px;
line-height:18px;
padding-left:20px;
}
.feeds{
float:right;
margin-right:20px;
text-transform:uppercase;
}
.feeds ul{
margin:0px;
padding:0px;
}
.feeds ul li{
float:right;
margin:10px 0px 10px 10px;
list-style:none;
line-height:18px;
padding-left:20px;
font-size:11px;
}
.feeds a:link, .feeds a:visited{
color:#4C393A;
}
#header{
width: 790px;
position: relative;
margin: auto;
height: 250px;
background:#fff url(http://www.mixupmania.com/wp-content/uploads/2013/11/malang-dhoom-3-lyrics.jpg) no-repeat top center;
border: 1px solid #ddd;
overflow: hidden;
float:left;
box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.8), 0 0px 0 #5E524F;
}
h1#blog-title {
font-weight: normal;
z-index: 2;
letter-spacing: -7px;
text-align: left;
padding-top:75px;
margin-left: 25px;
line-height: 40px;
text-shadow: 0px 0px 10px #362c30, 0px 0px 3px #222;
max-width: 600px;
}
h1#blog-title a {padding:5px;color:#222;}
h1#blog-title a:link,h1#blog-title a:visited {
color: #fafafa;
font-family: 'Iceland', cursive;
font-weight: normal;
letter-spacing: -7px;
}
h2#blog-desc {
font-size: 23px;
color: #fafafa;
z-index: 1;
text-transform: uppercase;
font-weight: normal;
padding: 3px;
text-align: left;
margin-left: 34px;
margin-top: 20px;
text-shadow: 0px 0px 10px #362c30, 0px 0px 3px #222;
font-family: 'Iceland', cursive;
letter-spacing: -1px;
}
.title h2{
font-size: 21px;
text-decoration: none;
color: #312C21;
padding: 10px;
border: 1px solid #ddd;
margin-bottom: 15px;
border-radius: 5px 5px 0px 0px;
line-height: 30px;
text-align: center;
letter-spacing: 1px;
font-family: 'Iceland', cursive;
font-weight: normal;
margin: auto;
background: #222;
border-left: 8px ridge #88ECFB;
border-right: 8px ridge #88ECFB;
text-shadow: 1px 1px 1px #362c30;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.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;
width: 610px;margin-bottom:30px;
float: left;padding-bottom:1px;}
.pagepost{
width: 550px;
float: left;
padding: 30px;
line-height: 1.8;
font-size: 13px;
margin-bottom: 25px;
background: #FAFAFA;
margin-left: 1px;
border: 1px solid #DDD;
border-radius: 5px;
}
.pagepost a{color:#88ECFB;text-decoration:underline;}
.pagepost a:hover {color:#937050;}
.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:#222;
}
.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: 50px;
}
#main3 .widget-content, #main4 .widget-content, #main5 .widget-content, #main6 .widget-content{
overflow: hidden;
color: #222;
margin-bottom: 10px;
padding: 20px;
border-radius: 0px 0px 5px 5px;
background: #FAFAFA;
font-size: 12px;
border: 1px solid #DDD;}
#main3 h2, #main4 h2, #main5 h2, #main6 h2 {
font-size: 17px;border-radius: 5px 5px 0px 0px;
line-height: 30px;
text-align: left;
letter-spacing: 1px;
font-family: 'Iceland', cursive;
font-weight: normal;
margin: auto;
color: #fafafa;
padding: 3px 5px;
padding-left: 15px;
background: #222;
border-left: 8px ridge #88ECFB;
border-right: 8px ridge #88ECFB;
margin-top: 2px;
text-shadow: 1px 1px 1px #362c30;
text-transform: uppercase;
-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;
}
#main3 ul li a:link, #main3 ul li a:visited{color:#4B4C6D;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;}
#main4 ul li a:link, #main4 ul li a:visited{color:#4B4C6D;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;}
#main5 ul li a:link, #main5 ul li a:visited{color:#4B4C6D;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;}
#main6 ul li a:link, #main6 ul li a:visited{color:#4B4C6D;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;}
#main3 ul li, #main4 ul li, #main5 ul li, #main6 ul li {border-bottom: 1px dotted #DDD;}
#main3 ul li a:hover, #main4 ul li a:hover, #main5 ul li a:hover, #main6 ul li a:hover {color:#937050;}
.footer {
margin: 0 auto;
z-index: 1;
text-align: left;
position: relative;
padding:25px;
}
.widget ul li a span.ltr {display:none;}
.widget ul {
line-height: 2.0;
}
#footer{
width: 952px;
font-size: 11px;
color: black;
background: #fff;
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;
z-index: 99;
border-radius: 10px;
border: 1px solid #ddd;
margin-top: 15px;
margin-left: -2px;
}
#footer-wrapper{padding:15px 0 50px 10px;color:#222;line-height:100%;overflow:hidden;}
#footer-wrapper a{color:#222;}
#footer-wrapper .fr a,#footer-wrapper .fl a{color:#222;}
#footer-wrapper .fr a:hover,#footer-wrapper .fl a:hover{color:#222;}
#footer-wrapper .fr{padding:0 0px 0 0;}
.fleft{
text-align: center;
margin: auto;
color: #222;
width: 955px;
font-size: 12px;
background:#fff;
border:1px solid #ddd;
margin-top: 15px;
padding-top:5px;
padding-bottom:5px;
border-radius:5px 5px 0px 0px;
text-shadow: 1px 1px 1px #362c30;
}
.fleft p {
text-align: center;
}
.fleft a{color:#88ECFB;}
.fright{
float:right;
text-align:right;
margin:10px 10px 0px 0px;
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:hover {
clip: rect(0px, 620px, 980px, 0px);
z-index: 99;min-width: 200px;
height: auto;
min-height: 200px;
width: auto;}
.crop {
width: 60px;
height: 60px;
position:absolute;
overflow: hidden;
float: left;
background: #222;
border: 5px solid #222;
border-radius: 5px;
clip: rect(0px, 70px, 70px, 0px);
-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;
}
.posting {
width: 510px;
float: left;
margin-top: 80px;
background: #fafafa;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
font-size: 12px;
}
.breadcrumb {
list-style: none;
overflow: hidden;
text-align: left;
color: #222;
width: 550px;
font-size: 12px;
z-index: 9;
border: 1px solid #ddd;
margin-top: 15px;
border-radius: 5px;
background: white;}
.section {margin:auto;}
.breadcrumb ul{margin:auto;}
.breadcrumb li {
position: relative;
display: block;
color: black;
float: left;
padding: 5px;
margin:5px;
text-decoration: none;
border-radius: 5px;
border: 1px solid #DDD;}
.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: 593px;}
.comments .comments-content {
margin-bottom: 16px;}
.comments .comment-block {
margin-left: 75px;
position: relative;
border: 1px solid #DDD;
background: white;
padding: 10px;
border-radius: 5px;
min-height: 83px;}
.bgjo::before {
content: "";
position: absolute;
z-index: 10;
left: 89px;
width: 0px;
height: 41px;
border: 1px solid #ddd;
background: #fff;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
display: block;
top: 38px;
}
.post::before {
content: "";
position: absolute;
z-index: 10;
left: 69px;
width: 47px;
height: 0px;
border: 1px solid #222;
background: #fff;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
display: block;
top: 36px;
}
.post::after {
content: "";
position: absolute;
z-index: 10;
left: 545px;
width: 10px;
height: 10px;
border: 2px solid #ddd;
background: #fff;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
display: block;
top: 111px;
}
.posting::before {
content: "";
position: absolute;
z-index: 10;
left: 531px;
width: 36px;
height: 0px;
border: 1px solid #ddd;
background: #fff;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
display: block;
top: 117px;
}
.posting::after {
content: "";
position: absolute;
z-index: 10;
left: 83px;
width: 10px;
height: 10px;
border: 2px solid #222;
background: #fff;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
display: block;
top: 30px;
}
.johanesdj {
z-index: 2;
position: relative;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
font-family: 'Open Sans', sans-serif;
text-align: left;
line-height: 29px;
font-size: 12px;
color: #FAFAFA;
float: right;
background: #FAFAFA;
border: 1px solid #DDD;
margin-left: 10px;
width: 500px;
height: 68px;
border-radius: 5px;
overflow:hidden;}
.blognames {margin:auto;}
.jomorelink{
position: absolute;
-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;
z-index: 2;
left: 569px;
text-align: right;
line-height: 72px;
height: 72px;
overflow: hidden;
top: 80px;
border-radius: 5px;
border: 1px solid #ddd;}
.pagepost a {text-decoration: underline;}
.pagepost img{max-width:515px;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;}
.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 {font-size: 14px;
padding-bottom: .2em;}
.post-footer-line-1 {
border-top: 1px solid #fafafa;}
.icon-action {display:none;}
ul.dark_menu {
list-style: none;
padding: 1px 1px;
font-family: 'Iceland', cursive;
font-size: 15px;
line-height: 15px;
margin: auto;
width: 951px;position: relative;
}/* 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: 1px;}
/* Blog johanes djogzs.blogspot.com */
ul.dark_menu li a, ul.dark_menu li a:link {
color: #fafafa;
text-decoration: none;text-transform: uppercase;
display: block;
padding: 8px 26px;
-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;
}/* Blog johanes djogzs.blogspot.com */
ul.dark_menu li a:hover {
color: #fafafa;
background: #222;border-bottom: 1px solid #88ECFB;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}/* Blog johanes djogzs.blogspot.com */
ul.dark_menu li a.selected, ul.dark_menu li a:active {
background: #222;
color: #fafafa;
margin-left: 165px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border-bottom: 1px solid #88ECFB;
text-transform: uppercase;}
ul.dark_menu li ul {
display: none;
}/* Blog johanes djogzs.blogspot.com */
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;border-radius: 0px 0px 5px 5px;
top: 35px;
padding: 5px 0;
list-style: none;
background: #fff;
}/* Blog johanes djogzs.blogspot.com */
ul.dark_menu li ul li {
float: none;
margin: 0 10px;
border-bottom: 1px solid #DDD;
border-top: 1px solid #666;}
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;
}/* Blog johanes djogzs.blogspot.com */
ul.dark_menu li ul li a, ul.dark_menu li ul li a:link {
color: #222;
display: block;
background: transparent none;
padding: 10px 20px 10px 5px;
white-space: nowrap;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}
ul.dark_menu li ul li a:hover {
text-decoration: underline;
}/* Blog johanes djogzs.blogspot.com */
.menujohanes {
background: #222;
width: 100%;
padding: 0px;
position: relative;
margin: auto;}
#search input[type="text"] {
background: #fff url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSQMFahktUyTeHlRWAw4vdXhS0i4IY5SRnUjVGzZczy1aP3gfyUP9w_EnJLlnVw56NAby6FtikCqbEp4UsPhMSQx57qYNqqBQYTTjovVgLLjNhNmpbRBMBxzML-me4W_xbMnribeXUt9Or/s0/search_32x32-32.png")no-repeat center left;
font-size: 13px;
color: #222;
width: 245px;
padding: 10px 0px 11px 35px;
margin-top: -1px;
z-index: 9;
border: 1px solid #88ECFB;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
margin-bottom: -1px;}
#main4, #main5, #main6 {
width: 280px;
list-style-type: none;
float: left;
margin: 10px;}
.main3 {width:280px;
list-style-type: none;
padding-top: 10px;
float: left;}
::-webkit-scrollbar {
height:12px;
background: #474747;}
::-webkit-scrollbar-thumb {
background-color: #000;
}
#container1 {padding: 10px;
background: #DDD;
width: 50%;
margin: auto;
text-align: center;
border: 3px double #BBB;}
a.anes:hover {background:#88ECFB;}
a.anes{font-size: 50px;
color: #222;
background:#fafafa;
padding: 10px 5px 10px 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;
border-radius: 5px 0px 0px 5px;}
#footer a:link, #footer a:visited{
color:#666;
}
#footer a:hover{color:#000;}
.comment-form {
max-width: 520px;
_width: 410px;
clear: both;
background: white;
padding: 20px;
border: 1px solid #DDD;
border-radius: 5px;
margin-left: 75px;
}
ul.dark_menu1 {
float: left;
width: 158px;
height: 250px;
background: #ddd;
border: 1px solid #fafafa;
font-family: 'Iceland', cursive;
font-size: 18px;text-transform: uppercase;
font-weight: normal;
text-shadow: 1px 1px 1px #fff;
-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;
overflow: hidden;}
ul.dark_menu1 li .selected1 {
padding: 16px;width: 125px;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwiHCIOU81bumluycNxzJs3zhdP_WMQeEJAOrv37xmcirM8GO7Br3MJ7bPPaHS8Sbxgg1VEikSd9aVR3WdvMh1U7xzqaSVE3a5Uh3QLp5LgO1rP-burIR1diQxMuOm5PfQR1bewP4oYSfA/s0/pattern.png) repeat top center;float: left;box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.2), 0 0px 0 #5E524F;border-left: 7px ridge #88ECFB;
background-size: 4px;}
ul.dark_menu1 li .selected2 {
padding: 16px;width: 125px;
background: #88ECFB url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwiHCIOU81bumluycNxzJs3zhdP_WMQeEJAOrv37xmcirM8GO7Br3MJ7bPPaHS8Sbxgg1VEikSd9aVR3WdvMh1U7xzqaSVE3a5Uh3QLp5LgO1rP-burIR1diQxMuOm5PfQR1bewP4oYSfA/s0/pattern.png) repeat top center;float: left;box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.2), 0 0px 0 #5E524F;border-left: 7px ridge #ddd;
background-size: 4px;}
ul.dark_menu1 li .selected3 {
padding: 16px;width: 125px;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwiHCIOU81bumluycNxzJs3zhdP_WMQeEJAOrv37xmcirM8GO7Br3MJ7bPPaHS8Sbxgg1VEikSd9aVR3WdvMh1U7xzqaSVE3a5Uh3QLp5LgO1rP-burIR1diQxMuOm5PfQR1bewP4oYSfA/s0/pattern.png) repeat top center;float: left;box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.2), 0 0px 0 #5E524F;border-left: 7px ridge #88ECFB;
background-size: 4px;}
ul.dark_menu1 li .selected4 {
padding: 16px;width: 125px;
background: #88ECFB url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwiHCIOU81bumluycNxzJs3zhdP_WMQeEJAOrv37xmcirM8GO7Br3MJ7bPPaHS8Sbxgg1VEikSd9aVR3WdvMh1U7xzqaSVE3a5Uh3QLp5LgO1rP-burIR1diQxMuOm5PfQR1bewP4oYSfA/s0/pattern.png) repeat top center;float: left;box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.2), 0 0px 0 #5E524F;border-left: 7px ridge #ddd;
background-size: 4px;}
ul.dark_menu1 li .selected5 {
padding: 16px;width: 125px;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwiHCIOU81bumluycNxzJs3zhdP_WMQeEJAOrv37xmcirM8GO7Br3MJ7bPPaHS8Sbxgg1VEikSd9aVR3WdvMh1U7xzqaSVE3a5Uh3QLp5LgO1rP-burIR1diQxMuOm5PfQR1bewP4oYSfA/s0/pattern.png) repeat top center;float: left;box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.2), 0 0px 0 #5E524F;border-left: 7px ridge #88ECFB;
background-size: 4px;}
ul.dark_menu1 li:hover {padding-left: 15px;}
ul.dark_menu1 li{
padding-left: 0px;-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;}
#headwrapper {width:965px;height:250px;position:relative;}
#tbisose{width: 279px;
float: left;
background: #fafafa;
border: 1px solid #ddd;
padding-bottom: 9px;
border-radius: 0px 0px 5px 5px;}
#tbisose li{position:relative; cursor:pointer; padding: 0 !important;}
#tbisose .facebook, .googleplus, .rss, .twitter{
position: relative;
z-index: 5;
display: block;
float: left;
margin: 10px 0 0;
border-radius: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiEfbRq9ozQIe1lei3YM-9lsvvNk44vGZK5RYcLbV5TG0BhYrscMI4YAB9gDAL4iR5rKfzPIF4GFj5aGJrhhLyoYWkynuuBUf3InxBNNmp4yxv4iqzwrF2E0i9FZMYGocB6j2yze7Zq15g/s0/sprites.png) no-repeat;
line-height: 32px;
-webkit-transition: width .25s ease-in-out,background-color .25s ease-in-out;
-moz-transition: width .25s ease-in-out,background-color .25s ease-in-out;
-o-transition: width .25s ease-in-out,background-color .25s ease-in-out;
transition: width .25s ease-in-out,background-color .25s ease-in-out;}
#tbisose .icon{overflow:hidden;}
#tbisose .facebook{width:32px; height:32px; background-color:rgba(136,236,251,1); background-position:0 0;margin-right: 15px;margin-left: 32px;}
#tbisose .twitter{width:32px; height:32px; background-color:rgba(136,236,251,1); background-position:0 -33px;margin-right: 15px;margin-left: 15px;}
#tbisose .googleplus{width:32px; height:32px; background-color:rgba(136,236,251,1); background-position:-3px -66px;margin-right: 15px;margin-left: 15px;}
#tbisose .rss{ width:32px; height:32px; background-color:rgba(136,236,251,1); background-position:-3px -126px;margin-left: 15px;}
.touch #tbisose li .facebook, #tbisose li:hover .facebook{background-color:rgba(59,89,152,1);}
.touch #tbisose li .twitter, #tbisose li:hover .twitter{background-color:rgba(64,153,255,1);}
.touch #tbisose li .googleplus, #tbisose li:hover .googleplus{background-color:rgba(228,69,36,1);}
.touch #tbisose li .rss, #tbisose li:hover .rss{background-color:rgba(255,102,0,1);}
.selamatdatang {
font-size: 17px;
border-radius: 5px 5px 0px 0px;
line-height: 30px;
text-align:center;
letter-spacing: 1px;
font-family: 'Iceland', cursive;
font-weight: normal;
margin: auto;
color: #fafafa;
padding: 3px 5px;
background: #222;
border-left: 8px ridge #88ECFB;
border-right: 8px ridge #88ECFB;
margin-top: 11px;
text-shadow: 1px 1px 1px #362c30;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
width: 255px;
float:left;}
#sliderloadingwrapper {width: 100%;
height: 100%;
position: absolute;
z-index: 999999999999999999999999999999;
background: rgba(100, 100, 100, 0.9);
top: 0px;
left: 0px;-webkit-animation: fadeOut 10s linear forwards;
-moz-animation: fadeOut 10s linear forwards;
-o-animation: fadeOut 10s linear forwards;
-ms-animation: fadeOut 10s linear forwards;
animation: fadeOut 10s linear forwards;}
/* Blog johanes djogzs.blogspot.com */
#sliderloader {
width: 500px;
height: 85px;
overflow: hidden;
background-color: #666;
border: 1px solid #222;
-moz-transition: all 170ms ease-in;
-webkit-transition: all 170ms ease-in;
-o-transition: all 170ms ease-in;
position: relative;
margin-bottom: 30px;
border-radius: 5px;
box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.2), 0 0px 0 #5E524F;
border-bottom: 1px solid #222;
margin: auto;
margin-top: 80px;}
#progressbg {
width:460px;
margin:auto;
height:5px;
background-color:#ddd;
top:65px;
position:relative;
}/* Blog johanes djogzs.blogspot.com */
#johanesloader {
width:1px;
height:5px;
background-color:#88ECFB;
-moz-animation:johanesloader 50s infinite;
-webkit-animation:johanesloader 50s infinite;
position:relative;
-moz-transition:all 170ms ease-in;
-webkit-transition:all 170ms ease-in;
-o-transition:all 170ms ease-in;
}/* Blog johanes djogzs.blogspot.com */
#sliderloader ul {
width:2630px;
list-style:none;
padding:0;
margin:0;
position:relative;
left:0px;
}/* Blog johanes djogzs.blogspot.com */
#sliderloader li {
display:inline;
width:500px;
height:100px;
margin:0;
padding:0;
float:left;
position:relative;
}/* Blog johanes djogzs.blogspot.com */
#sliderloader li a {
display:block;
text-decoration:none;}
#sliderloader li span {
display: block;
width: 460px;
padding: 10px 20px;
text-shadow: 1px 1px 1px #362c30;
pointer-events: none;
text-align: left;
float: left;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}/* Blog johanes djogzs.blogspot.com */
#sliderloader ul li span h2 {
font-size:13px;
line-height:24px;
color:#fff;letter-spacing: 1px;
font-weight:normal;
text-shadow:1px 1px 2px #362c30;
text-transform:uppercase;
}/* Blog johanes djogzs.blogspot.com */
@-webkit-keyframes johanesloader {
0% {width:0px; opacity:0;}
2% {width:0px; opacity:1;}
20% {width:460px; opacity:1;}
22.5% {width:460px; opacity:0;}
22.59% {width:0px;}
25% {width:0px; opacity:1;}
45% {width:460px; opacity:1;}
47.5% {width:460px; opacity:0;}
47.59% {width:0px;}
50% {width:0px; opacity:1;}
70% {width:460px; opacity:1;}
72.5% {width:460px; opacity:0;}
72.59% {width:0px;}
75% {width:0px; opacity:1;}
95% {width:460px; opacity:1;}
98% {width:460px; opacity:0;}
100% {width:0px; opacity:0;}
}
@-moz-keyframes johanesloader {
0% {width:0px; opacity:0;}
2% {width:0px; opacity:1;}
20% {width:460px; opacity:1;}
22.5% {width:460px; opacity:0;}
22.59% {width:0px;}
25% {width:0px; opacity:1;}
45% {width:460px; opacity:1;}
47.5% {width:460px; opacity:0;}
47.59% {width:0px;}
50% {width:0px; opacity:1;}
70% {width:460px; opacity:1;}
72.5% {width:460px; opacity:0;}
72.59% {width:0px;}
75% {width:0px; opacity:1;}
95% {width:460px; opacity:1;}
98% {width:460px; opacity:0;}
100% {width:0px; opacity:0;}
}
@-webkit-keyframes fadeOut {
0% { opacity: 1;top:0px;}
10% { opacity: 1;top:0px; }
90% { opacity: 1; -webkit-transform: translateY(0px);top:0px;}
99% { opacity: 0; -webkit-transform: translateY(-30px);top:0px;}
100% { opacity: 0;top: -980px;}
}
@-moz-keyframes fadeOut {
0% { opacity: 1;top:0px; }
10% { opacity: 1;top:0px; }
90% { opacity: 1; -moz-transform: translateY(0px);top:0px;}
99% { opacity: 0; -moz-transform: translateY(-30px);top:0px;}
100% { opacity: 0;top: -980px;}
}
@-o-keyframes fadeOut {
0% { opacity: 1;top:0px; }
10% { opacity: 1;top:0px; }
90% { opacity: 1; -o-transform: translateY(0px);top:0px;}
99% { opacity: 0; -o-transform: translateY(-30px);top:0px;}
100% { opacity: 0;top: -980px;}
}
@-ms-keyframes fadeOut {
0% { opacity: 1;top:0px;}
10% { opacity: 1;top:0px;}
90% { opacity: 1; -ms-transform: translateY(0px);top:0px;}
99% { opacity: 0; -ms-transform: translateY(-30px);top:0px;}
100% { opacity: 0;top: -980px;}
}
@keyframes fadeOut {
0% { opacity: 1;top:0px; }
10% { opacity: 1;top:0px; }
90% { opacity: 1; transform: translateY(0px);top:0px;}
99% { opacity: 0; transform: translateY(-30px);top:0px;}
100% { opacity: 0;top: -980px; }
}
]]></b:skin>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Iceland' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 200;
summary_img = 200;
</script>
<script type='text/javascript'>
//<![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="600px;" /></div>';
summ = summary_img;
}
var summary = imgtag + '<div class="posting">' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
</head>
<script src='https://sites.google.com/site/djogzs/js/relpost.js' type='text/javascript'/>
<body class='home blog'>
<div class='menujohanes'><ul class='dark_menu'>
<li><a href='#'>Contact</a><ul>
<li><a href='#'>Google+</a></li>
<li><a href='http://luvzeeblog.blogspot.com/'>Blogger</a></li>
<li><a href='http://www.facebook.com/riuusetiaselalu'>Facebook</a></li>
<li><a href='#'>Email</a></li>
</ul></li><li><a href='http://luvzeeblog.blogspot.com/search/label/Film'>Film</a><ul>
<li><a href='http://luvzeeblog.blogspot.com/search/label/Film'>Berita terbaru</a></li>
<li><a href='#'>Sinopsis</a></li>
<li><a href='http://luvzeeblog.blogspot.com/search/label/Video'>Video</a></li>
<li><a href='#'>Soundtrack</a></li>
<li><a href='#'>Foto</a></li>
<li><a href='#'>Download</a></li></ul></li>
<li><a href='#'>Artis+Aktor</a><ul>
<li><a href='http://luvzeeblog.blogspot.com/search/label/Artis'>Artis</a></li>
<li><a href='http://luvzeeblog.blogspot.com/search/label/Aktor'>Aktor</a></li>
<li><a href='http://luvzeeblog.blogspot.com/search/label/gosip'>Gosip</a></li>
</ul></li>
<li><a href='#'>Download+Lirik</a><ul>
<li><a href='http://luvzeeblog.blogspot.com/search/label/Klip'>Film</a></li>
<li><a href='http://luvzeeblog.blogspot.com/search/label/Klip'>Video Klip</a></li>
<li><a href='#'>Lagu (mp3)</a></li>
<li><a href='#'>Lirik Lagu</a></li>
</ul></li>
</ul></div>
<div id='wrapper'>
<div id='headwrapper'>
<ul class='dark_menu1'>
<li><a class='selected1' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a class='selected3' href='#' title='Home'>About</a></li>
<li><a class='selected4' href='#' title='Home'>Sitemap</a></li>
<li><a class='selected5' href='#' title='Home'>Download</a></li>
</ul><div id='header'>
<b:section class='blognames' id='blognames' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='LuV_Meri Jaan (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<div expr:style='"background-image: url(\"" + data: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/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='http://www.mixupmania.com/wp-content/uploads/2013/11/malang-dhoom-3-lyrics.jpg' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='http://www.mixupmania.com/wp-content/uploads/2013/11/malang-dhoom-3-lyrics.jpg' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<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 id='sliderloadingwrapper'><div id='sliderloader'>
<ul><li><span><h2>Please Wait . . .</h2></span></li></ul>
<div id='progressbg'><div id='johanesloader'>
</div></div></div></div>
</div></div><div class='clear'/>
<div id='casing'>
<div id='content'>
<b:section class='main' id='main' maxwidgets='1' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='main' var='top'>
<!-- posts -->
<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>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.isDateStart'>
<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: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>
</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'/>
<script 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-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
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: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:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='clear'/>
<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>
<p class='comment-footer'>
<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'>
<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"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<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: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:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<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'>
<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>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<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'>
<b:if cond='data:blog.pageType == "static_page"'>
<div expr:id='"summary" + data:post.id' style='display:none;'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'><data:post.jumpText/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</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/>
<b:if cond='data:post.url'>
<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'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>
<!-- Feature added by BTemplates.com -->
<b:if cond='data:post.sharePostUrl'>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
</b:if>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-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 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>
</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>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='pagepost'>
<div class='title'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='"Permanent Link to " + data:post.title' rel='bookmark'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<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 style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<div class='post hentry'>
<div class='johanesdj'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='"Permanent Link to " + data:post.title' rel='bookmark'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<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>
<b:if cond='data:post.dateHeader'>
<div class='timemeta'><data:post.dateHeader/></div>
</b:if>
<b:if cond='data:top.showAuthor'>
<div class='leftmeta'>Posted by <data:post.author/></div></b:if>
<b:if cond='data:post.allowComments'>
<div class='bigcom'>
<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>
</div>
</b:if>
<b:if cond='data:post.labels'>
<div class='categ'>
Tag : <b:loop values='data:post.labels' var='label'>
<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 class='postright'>
<div class='arrow'/>
<div class='cover'>
<div class='jomore'><div class='jomorelink'><a class='anes' expr:href='data:post.url'>+</a></div></div>
<div class='bgjo'><div expr:id='"summary" + data:post.id'><data:post.body/></div></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
<div class='postbot'>
<div class='fullpost'>
</div>
</div>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div class='title'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='"Permanent Link to " + data:post.title' rel='bookmark'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<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='data'>
<b:if cond='data:top.showAuthor'>
<span class='author'>Posted by : <data:post.author/></span>
</b:if>
<b:if cond='data:post.dateHeader'>
<span class='clock'><data:post.dateHeader/></span>
</b:if>
</div>
<div class='pagepost'>
<div class='cover'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts {
float: left;
width: 532px;
margin-top: 20px;
font-size: 12px;
margin-bottom: 10px;
padding: 9px;
min-height: 180px;
color: #222;
background: #fff;
border: 1px solid #ddd;
border-radius: 5px;}
#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;color:#7776B2; }
#related-posts a:hover { text-decoration : none; }
#related-posts ul { border : medium none; margin:10px; padding : 0; }
#related-posts ul li {width: 500px;
float: left;
display: block;
margin: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 1px;
padding-left: 5px;
margin-bottom: 5px;
line-height: 2em;
border: 1px solid #ddd;
border-radius: 5px;}
#mintshare_mini, #mintshare_mini ul {padding:0; margin:0; list-style:none; width:100px; font-family:arial, sans-serif; background:#fff;border:1px solid #ddd;}
#mintshare_mini {width:100px; height:35px;padding: 0 15px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
#mintshare_mini a.sharetext {
display:block; width:100px; height:30px; text-align:center; line-height:35px; color:#000; text-decoration:none; font-size:13px; font-weight:bold;
background:#fff;
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:#fff;
border:1px solid #ddd;
list-style:none;
position:absolute;
top:-27px;
width:420px;
height:35px;
border-left:0;
left:50px;
padding-right:10px;
z-index: 1;
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 5px 5px 0;
-icab-border-radius: 0 5px 5px 0;
-khtml-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 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; z-index:100; margin-top: -2px;padding-left: 15px;}
#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{
background: #222;
border-radius: 5px;
padding: 5px;
border: 1px solid #ddd;
border-left: 8px ridge #88ECFB;
border-right: 8px ridge #88ECFB;}
.relbg h5{
color: #fafafa;
font-weight: normal;
text-shadow: 1px 1px 1px #362c30;}
</style>
<!-- MintShare Mini -->
<div id='mintshare_mini'>
<a class='sharetext'><b>Share This</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJnlTWcRTJdJyAkpi3lP9G3w7befP0PFegw_vG4NwjxIstc68MLSJ3kZx_5gInt7tYLIVrdIyWYSOw7MqunuIP0S5Przsq3WGFbX6iRDa9IYaZL8rpUWgEjR6zSYI46e2vmjUYHOdq_6oZ/s0/facebook_small.png'/><!--[if gte IE 7]><!--></a><!--<![endif]--></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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin38KA3ET1lxdhBfEldm8rDn43zT5m3FM5g11B-RuwJSVXgTi5XrnnvHagGIXH2ByOURmqkwKxn5LgHpiCXLWG6LiylTbZMGk6OvFuwJHXjA3MaVCC3DGumXW95WXusx13leP5uCHrhKDm/s0/twitter_small.png'/><!--[if gte IE 7]><!--></a><!--<![endif]--></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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivb8RoFp2YuLYv0misBpeiYH5hUu56VSwxmSG7XwW8gaDmAu8E9QxcHSryuQQj7txSoqSNRveqrF_V9JLkokyABKpST49m-kS9MQMWv_X4d_3iertnNXQk4B9tXuGMjOl2fvfjSlq38biC/s0/stumbleupon_small.png'/><!--[if gte IE 7]><!--></a><!--<![endif]--></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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPNR9mSnWTLrWSN-l5jTLGl_nPmMkmlQ6djDCtYaW0mVAvnq11jkvrCFWC3FoN5dJVn7QM2cZX-avbk3qXVt2PbwgUTZk691aS9cixOnIIUAyiSUCaEBtfU6I-oz27G_5gNo5E1DsP5hWV/s0/digg_small.png'/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class='drop-li'><a class='drop-a' expr:href='"http://www.technorati.com/faves?add=" + data:post.url'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLziqkGse0KZsKI2hV0awShBUw6-si8JQe9Il9lXedG5VfA3BOl7Lh-YHUz8Ti92lDr_4wCvWkPqhs2NTryIhHWaQ_x3niEMJl7B6udYo8T1DRNFuh3eJDlpi9J7aX7QbP2xjtlvlL4bp6/s0/technorati_small.png'/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class='drop-li'><a class='drop-a' expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGUCARAZ9zZs9kUZgvnpbAsZB9keqDsUn8qFiGXEA88kPFVh0D0e32jJIwq5IyEy8I6Dt7H4V-gnJWuKvKshavDp_yZToGjbiCYzdeJRbYts4SHX7uyZPtl1m_3oxmowyR9fpBiWkV2KkW/s0/reddit_small.png'/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class='drop-li'><a class='drop-a' expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.url + "&title=" + data:post.title'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQlBZeeDMDRoMP1tW310SuFB0JeNIHzepitPcbEYGg3Uxiatzr84btCVPns9egQyaVdqi6XdQvutJPlkie4iUN1mApBwvc1JB3UgGuR_DAKpL-nNGKwcT4f0rBtxKdAp2T8MPEfuYD4SzV/s0/yahoo_small.png'/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class='drop-li'><a class='drop-a' expr:href='"http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwJAQjt5e51eAZXDYAoKLyAkpW3lukpixkV8jbynz_8qUZrBD1dExCKIGrq503psdUODByI7yVBq20maTH4pOiwzbMmttyl83IjKiM4haHhsg-ntmYResVxNxC3g_k6F_DfwR7PSUWJaQY/s0/delicious_small.png'/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
</ul>
</div>
</div>
<!-- MintShare Mini End-->
<div id='related-posts'>
<div class='relbg'><h5>Related Posts : </h5></div><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-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
<b:if cond='data:blog.pageType == "item"'>
<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>
</b:if>
<span class='post-icons'>
<!-- email post links -->
<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>
<!-- quickedit pencil -->
<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, \"_blank\", \"height=430,width=640\"); return false;"' 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, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:blog.pageType == "archive"'>
<h2 class='pagetitle'>Archive for <data:blog.pageName/></h2>
</b:if>
<b:if cond='data:navMessage'>
<h2 class='pagetitle'><data:navMessage/></h2>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<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-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<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-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
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'/>
<script 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&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4>{
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>... read them below or <a href='#comment-form' rel='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>
<p class='comment-footer'>
<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='selamatdatang'>Welcome to My Blog</div>
<form expr:action='data:blog.homepageUrl + "search/"' id='search' method='get'>
<input name='q' placeholder='Search Somethings..' size='40' type='text'/></form>
<ul id='tbisose'>
<li><a class='icon facebook' href='https://www.facebook.com/riuusetiaselalu'/></li>
<li><a class='icon twitter' href='http://twitter.com/ryuka_zee/'/></li>
<li><a class='icon googleplus' href='https://plus.google.com/u/0/alamat profil google+/'/></li>
<li><a class='icon rss' href='http://feeds.feedburner.com/YOUR_USERNAME'/></li>
</ul>
<b:section class='main3' id='main3' preferred='yes'>
<b:widget id='PlusFollowers1' locked='false' title='Google+ Followers' type='PlusFollowers'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:profileUrl != ""'>
<div class='g-plus' data-action='followers' data-source='blogger:blog:followers' expr:data-height='data:height' expr:data-href='data:profileUrl' expr:data-theme='data:theme' expr:data-width='data:width'/>
<script type='text/javascript'>
window.___gcfg = {'lang': '<data:language/>'};
</script>
</b:if>
</div>
</b:includable>
</b:widget>
<b:widget id='Translate1' locked='false' title='Translate' type='Translate'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div id='google_translate_element'/>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: '<data:pageLanguage/>',
autoDisplay: 'true',
layout: google.translate.TranslateElement.InlineLayout.<data:layout/>
}, 'google_translate_element');
}
</script>
<script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='Popular Post' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<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"'>
<!-- (3) Show only thumbnails -->
<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 class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<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-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
</div>
<div id='footer'>
<div class='footer'>
<b:section class='main4' id='main4' showaddelement='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='main5' id='main5' showaddelement='yes'>
<b:widget id='HTML2' locked='false' title='Blogroll' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<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:section>
<b:section class='main6' id='main6' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='About' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<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:section>
</div><div class='clear'/></div></div>
<div class='fleft'>
<p>- Copyright &copy; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <data:blog.title/> -<a href='http://robotic-notes-bt.blogspot.com' target='_blank'>Robotic Notes</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>
</body></html>
