FICTION ~ TEMPLATE A

COPY KODE HTML TEMPLATE DIBAWAH INI

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
/*
Theme Name: Fiction
Theme URI: http://www.wpthemesexpert.com
Description: Personal
Author: Wordpress Themes
Version: 1.0
Author URI: http://www.wpthemesexpert.com
*/

#navbar, #navbar-iframe {
display: none;
}

#circles
{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhetezTR8rjjf8PUI0KpC1JObZWnT0M3VvO9kzDYzLmForyxB98lMK42wRIimK6c6CwhLZLs3-bNjLx4Yu3mIAQsQDHVk5Qyqo7tgZFDTsr7AbS2nQP_DE0SwyZJgQ19eDPokGWaUdt995/s0/top.png) no-repeat scroll right top;
margin:0;
padding:0;
}

.widget_pages
{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4yE8113N3DVxuS8naIbyjMsXRC_oYK1zlIqKrFJ6N_FrbgApI1DNgusPlauaOh3JvIFOaYkQW0HS82bv4ATGV_6siGmRj_XsjlOMCpxZSl4Z3echPKjKiRly6FNMxrFKoW390ivH3RSPc/s0/star.png) no-repeat;
background-position:17px 8px;
}

#top_menu
{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt3j_jTWqeFhtfTvQZmYMPA8ulS69Zr0OoIwc1vK0tnB3ssDysJLQYL3CVek_hhvy9_TYn2DuUUwJ6EvGQ55OG6pjpTAY1IARameca7IdJxDE5UokMdduXJ3asOGPprsR6c7yrrTBE79Js/s0/top_menu.png) no-repeat;
height:346px;
width:284px;
}

#bottom_menu
{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9ZieJq9TdB55xENPpW4Atiwy-j6vs85AKke_C-0nNhgzVLsptUyam6B96GWbSUkHVycj_wj2McBI5xCy2goFhfZVO1cP52TWhlBEPPFFfMhMDubjI3fPJi8oo9h-wj0Z0VmGxOAU1RRpL/s0/test.png) no-repeat;
height:224px;
width:220px;
margin-top:-15px;
}

body
{
font-size:62.5%;
font-family:"Lucida Grande","Lucida Sans Unicode",Calibri,Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati;
background:#4a4030 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs-1uG1XeOceSqN77S4TdR48yrD5Bx1_QlTbCNujuEIBjVZ64AtuCAhSBtFgfk7Ll0PU2xSJE-ncN5AjiYMLiSkRZZSZWMpYjx4Zpv9YVvL87hXi9hBjQvEmcAK_gWN-GiIHStGyb04cXa/s0/background.jpg) repeat;
color:#4a4030;
text-align:center;
margin:0;
padding:0;
}

#page
{
text-align:left;
background-color:#FFF;
width:900px;
border:1px solid #959596;
margin:20px auto;
padding:0;
}

#content
{
font-size:1.2em;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgbrDCjahmLwl-_ddrRl7C9KLihJBhyphenhyphen0yyfNr7yTk-GulqzGZN53GpsmdjGQ4MzcLmXPYYAh_1NGCHQe3-CcO8ye5q7HPF93jYvXsN8HaG_xb0LgMUdhMxWawEO4aoeSzQ0Y0_LbMj-A1f/s0/bg_paper.gif);
background-repeat:repeat;
float:right;
}

#content h1
{
color:#b9906b;
font-size:24px;
}

#content h2
{
color:#4a4030;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4yE8113N3DVxuS8naIbyjMsXRC_oYK1zlIqKrFJ6N_FrbgApI1DNgusPlauaOh3JvIFOaYkQW0HS82bv4ATGV_6siGmRj_XsjlOMCpxZSl4Z3echPKjKiRly6FNMxrFKoW390ivH3RSPc/s0/star.png);
background-repeat:no-repeat;
padding-left:30px;
font-size:20px;
width:400px;
font-family:Arial,Verdana,"BitStream vera Sans",Helvetica,Sans-serif;
line-height:150%;
font-weight:700;
font-variant:small-caps;
}

#content h3
{
color:#b9906b;
font-size:16px;
}

#content h4
{
color:#b9906b;
font-size:14px;
}

#content h5
{
color:#b9906b;
font-size:12px;
}

.widecolumn .entry p
{
font-size:1.05em;
}

.narrowcolumn .entry,.widecolumn .entry
{
line-height:1.4em;
}

.widecolumn
{
line-height:1.6em;
}

.narrowcolumn .postmetadata
{
text-align:left;
font-size:9px;
font-style:italic;
min-height:14px;
padding:5px;
}

small
{
font-family:Verdana;
font-size:.9em;
line-height:1.5em;
}

h1,h2,h3
{
font-family:Verdana;
}
#header {
float:left;
width:300px;
margin:0;
}
#header h1,
#header h1 a
{
text-align:left;
font-family:"Arial Black",Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati;
font-variant:small-caps;
font-weight:400;
font-size:350%;
letter-spacing:-.1em;
}
#header .description
{
float:left;
border-left:1px solid #FFF;
color:#FFF;
font-size:110%;
font-weight:400;
letter-spacing:.4em;
line-height:15px;
margin:10px 0 0;
padding:0 0 0 5px;
}
h1,h1 a,h1 a:hover,h1 a:visited
{
text-decoration:none;
text-align:left;
color:#acb8a1;
margin:0;
}
h2
{
font-family:Arial,Verdana,"BitStream vera Sans",Helvetica,Sans-serif;
line-height:150%;
font-weight:400;
font-size:14px;
}

h2.pagetitle
{
font-size:1.6em;
}

#sidebar h2
{
font-family:Arial,Verdana,"BitStream vera Sans",Helvetica,Sans-serif;
line-height:150%;
font-weight:700;
font-size:16px;
color:#acb8a1;
padding-left:40px;
padding-top:5px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2CwVcUY_2PFTD09xltl5RdS4ZFqpXhyMT6eLsL39XA42CExtNy5m7YCFF_zrSzr9JVZeVMYpUHlM6EeWHqSDjB0azGvX2xLl_fKAFNai71S0QnPP-G1N3izSY5rZojC8_Sz93PfX1sr7s/s0/h2_paper.png) no-repeat top;
font-variant:small-caps;
}

h3
{
font-size:1.3em;
color:#4a4030;
margin:0;
padding:0;
}

h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited
{
color:#4a4030;
}

h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,#sidebar h2,#wp-calendar caption,cite
{
text-decoration:none;
}

.entry p a:visited
{
color:#f9ae9c;
}

.commentlist li,#commentform input,#commentform textarea
{
font:.9em Verdana;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjScyvfrpxsxCjYN9DFzlsRZu6SH7kVUx9Q63YQXqHJuPnr3Z6RhczsamxTK_TPDYoRiaxGoL13FcpB5lB27Uc_pcwuK1_QOVp6e64pcULXk3l4RftSphVNOquQaHKncM0JmHZvhqf3A7dW/s0/paper_bg.png) no-repeat top;
color:#4a4030;
padding:0;
}

.commentlist li ul li
{
font-size:1em;
margin-right:-5px;
margin-left:10px;
}

.commentlist li p img
{
max-width:100%;
border-style:none;
padding:0;
}

.commentlist li
{
font-weight:700;
list-style-type:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt3VyU02x3-uzLupHvWr2yMgKZXaTlNuiGocdc2wp-nVwCdgwfcWrII4G1GPwrIBHff_7V6irkcfTgiSPpG8fLBBxKZmr9kfRPoxNgeJE9XMvy7xhY7-4Vjb99AUeoeRwk_BiQle4QX9tL/s0/border.png) no-repeat top;
min-height:100px;
margin:15px 0 10px;
padding:5px 5px 10px 10px;
}

.commentlist li .avatar
{
float:right;
margin-right:10px;
}

.commentlist cite,.commentlist cite a
{
font-weight:700;
font-style:normal;
font-size:1.1em;
}

.commentlist p
{
font-weight:400;
line-height:1.5em;
text-transform:none;
margin:10px 5px 10px 0;
}

#commentform p
{
font-family:Verdana;
margin:5px 0;
}

.commentmetadata
{
font-weight:400;
display:block;
margin:0;
}

#sidebar
{
text-decoration:none;
font:1em Verdana;
margin-left:0;
width:220px;
float:left;
margin-top:-20px;
}

small,#sidebar,.nocomments,.postmetadata,blockquote,strike
{
color:#d08d62;
list-style-type:none;
}

#sidebar ul li, #sidebar li,#sidebar ul ol li
{
color:#d08d62;
line-height:22px;
margin:3px 0 0;
padding:0;
}

code
{
font:1.1em 'Courier New', Courier, Fixed;
}

acronym,abbr,span.caps
{
font-size:.9em;
letter-spacing:.07em;
cursor:help;
}

a,h2 a:hover,h3 a:hover
{
color:#4a4030;
text-decoration:none;
}

a:hover
{
color:#d08d62;
text-decoration:underline;
}

#headerarea
{
width:850px;
margin:0;
padding:0;
}

.narrowcolumn,.widecolumn
{
float:left;
width:530px;
margin:0;
padding:0 20px 20px;
}

#top
{
height:60px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixtbpeKUsUf6q3DQFtlENDh6WQGPWrXK6mfitVWkAm1QPpTNIhGSXzFzGli-H9uumJh3dum696nmaH2XCQL3p8deJhSAJIkgLyP16eIotAUHpGSqMNET_TItECVdXduEmm9XbsadSi4q6E/s0/paper.gif) no-repeat;
float:right;
width:570px;
margin:0;
}

.post
{
text-align:justify;
margin:0 0 10px;
}

.post hr
{
display:block;
}

.widecolumn .post
{
margin:0;
}

.widecolumn .postmetadata
{
margin:30px 0;
}

.widecolumn .smallattachment
{
text-align:center;
float:left;
width:128px;
margin:5px 5px 5px 0;
}

.widecolumn .attachment
{
text-align:center;
margin:5px 0;
}

#footer
{
clear:both;
height:60px;
float:right;
margin:0;
padding:0;
}

#footer p
{
text-align:left;
color:#fff;
margin:0;
padding:20px 0 0 40px;
}

#footer A
{
color:#fff;
}

h3.comments
{
margin:40px auto 20px;
padding:0;
}

p img
{
max-width:100%;
border:1px solid #ccc;
padding:0;
}

img.alignright
{
display:inline;
margin:0 0 2px 7px;
padding:4px;
}

img.alignleft
{
display:inline;
margin:0 7px 2px 0;
padding:4px;
}

.alignright
{
float:right;
}

.alignleft
{
float:left;
}

html>body .entry ul
{
margin-left:0;
list-style-type:none;
text-indent:-10px;
padding:0 0 0 10px;
}

html>body .entry li
{
margin:7px 0 8px 10px;
}

.entry ul li:before,#sidebar ul ul li:before
{
margin-right:10px;
}

.entry ol
{
margin:0;
padding:0 0 0 35px;
}

#sidebar .widget_sidebar
{
list-style-type:none;
list-style-image:none;
margin-bottom:15px;
font-family:Arial,Verdana;
font-size:10px;
font-weight:700;
color:#4a4030;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguuV363emVOoXFNH-Lz2D-gFUvxI0SFLweE8v9nmtnlhlnPyOgN9hFyZBsIdtLTd1M98nQ8hFLZ1NtUGgcNE35NFkEq6P5NPphpAgM92S4Xlpa3fRn5UzY0TPhTi_-aN0UgaUS86MLwOMr/s0/menu_back.png) top repeat-y;
}

#sidebar .widget_sidebar .widget
{
margin-bottom:15px;
font-size:12px;
}

#sidebar ul p,#sidebar ul select
{
margin:5px;
}

ol li,#sidebar ul ol li
{
list-style:decimal outside;
}

select
{
width:130px;
}

#commentform input
{
width:170px;
margin:5px 5px 1px 0;
}

acronym,abbr
{
border-bottom:1px dashed #999;
}

blockquote
{
padding-left:20px;
margin:15px 30px 0 10px;
}

blockquote cite
{
display:block;
margin:5px 0 0;
}

a img
{
border:none;
}

.navigation
{
display:block;
text-align:center;
margin-top:10px;
margin-bottom:60px;
}

.wp-caption
{
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
margin:10px;
}

#supernav
{
font-family:Arial,Verdana,"BitStream vera Sans",Helvetica,Sans-serif;
line-height:150%;
font-weight:700;
font-size:12px;
font-variant:small-caps;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Od1XYJ9fiUZGxT-LyyYXXKQGgKmWORI0yfkLbx3FD072pZRSkQd8QsOSR03b4udZ6n6JFG3txnJu9k5NBnBM7FeIvnmMt2etDaw6IEpTbXU0W_nc0phQiWpFG2Bt-3WQIBS_9s0ntVEA/s0/menu.png) repeat-x;
float:right;
margin-top:-15px;
margin-right:-50px;
text-align:left;
display:block;
height:51px;
color:#fff;
padding:0 16px;
}

#supernav li
{
display:inline;
margin:0;
padding:0;
}

#supernav a
{
color:#FFF;
height:19px;
font-weight:400;
padding:5px 16px;
}

#search-text
{
background:transparent none no-repeat 0 0;
border:none;
color:#666;
width:122px;
margin:1px 32px 4px 4px;
}

.rsswidget
{
color:#666;
}

.postmetadata,.clear
{
clear:both;
}

img.centered,.aligncenter,div.aligncenter
{
display:block;
margin-left:auto;
margin-right:auto;
}

.entry ol li,#sidebar ul,#sidebar ul ol
{
margin:0;
padding:0;
}

.entry form,.center
{
text-align:center;
}

.hidden,hr
{
display:none;
}

.date
{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNFLzckBnFDmHRjQuUcevKlc1rldOgr7Gdu2WYlywcraSUn4xpHpOzwlgu9FgVDLsXcd_tD7s9DgtDGYK84zY1kmUezDMDs7UUWqtlCE5ThI6NySQa2vw_6acl_KkZBVI4CQpIZwKT7vxW/s0/date_sb.png) no-repeat;
font-size:12px;
font-family:Arial,Verdana,"BitStream vera Sans",Helvetica,Sans-serif;
text-align:left;
vertical-align:middle;
color:#FFF;
width:66px;
height:45px;
line-height:150%;
font-weight:700;
margin:-48px 0 0 -65px;
padding:4px 0 0 12px;
}

#suckerfishnav
{
text-align:left;
padding:0;
}

#suckerfishnav,#suckerfishnav ul
{
float:left;
list-style-type:none;
width:100%;
margin:0 0 1em;
padding:0;
}

#suckerfishnav a
{
display:block;
color:#fff;
text-decoration:none;
outline:none;
padding:.5em 1em;
}

#suckerfishnav li
{
float:left;
padding:0;
}

#suckerfishnav li ul
{
z-index:1;
position:absolute;
left:-999em;
height:auto;
width:120px;
font-weight:400;
}

#suckerfishnav li li
{
border-top:1px solid #fff;
}

#suckerfishnav li li a
{
padding:.2em 1em;
}

#suckerfishnav li ul a
{
background-color:#ffb7a6;
width:9em;
}

#suckerfishnav li ul ul
{
margin:-1.5em 0 0 10em;
}

#suckerfishnav li:hover ul ul,#suckerfishnav li:hover ul ul ul,#suckerfishnav li.sfhover ul ul,#suckerfishnav li.sfhover ul ul ul
{
left:-999em;
}

#suckerfishnav li:hover ul,#suckerfishnav li li:hover ul,#suckerfishnav li li li:hover ul,#suckerfishnav li.sfhover ul,#suckerfishnav li li.sfhover ul,#suckerfishnav li li li.sfhover ul
{
left:auto;
}

#suckerfishnav li:hover,#suckerfishnav li.sfhover
{
color:#606060;
}

#suckerfishnav a:hover,#suckerfishnav li.sfhover
{
color:#d08d62;
position:static;
}

.line
{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt3VyU02x3-uzLupHvWr2yMgKZXaTlNuiGocdc2wp-nVwCdgwfcWrII4G1GPwrIBHff_7V6irkcfTgiSPpG8fLBBxKZmr9kfRPoxNgeJE9XMvy7xhY7-4Vjb99AUeoeRwk_BiQle4QX9tL/s0/border.png) no-repeat;
height:5px;
width:540px;
}

.comment_icon
{
position:absolute;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiuIoIW8_4GpRnVqMxR7DUCUTY6LIeJx7Q1n1Sh_hkp8aO-yq6quXGKq4v6UB7z5zlG16ZKH-CGTikMP58_n8w4nKRdJDbQDzHw3Bgu1whVYpTxG0-zyx8fwlvD4b3fXF8P2exBpfdnSeT/s0/comment.png);
background-repeat:no-repeat;
padding-left:25px;
padding-top:5px;
line-height:normal;
height:20px;
font-size:10px;
margin:0 0 0 450px;
}

#sidebar .widget_sidebar .widget .widget-content
{
margin:0 0 0 10px;
}

#supernav a:hover,#supernav .current_page_item a
{
color:#111;
background:#FFF;
text-decoration:none;
}
#page { background: no-repeat top; border: none; }
/* comment */
#comment_section {
clear: both;
margin-bottom: 20px;
padding-right: 30px;
padding-left:30px;
}

.first_level {
margin: 0; padding: 0;
}

.comments {
list-style: none;
}
.comments li { margin-bottom: 10px; list-style:none; }
.comments li .comment_box { clear: both; width:100%; padding: 15px 0 0 0; }
.comment_box .comment_text { margin: 0 0 0 10px; }
.comment_box .comment_text p { margin: 0; }
.comment_text .comment_author { font-size: 14px; font-weight: bold; color: #781919; margin-bottom: 10px; }
.comment_text .datecomments { font-size: 12px; font-weight: normal; color: #333; padding-left: 10px; }
.comment_text .time { font-size: 12px; font-weight: normal; color: #333; padding-left: 10px; }

#respond {
clear: both;
padding-left:30px;
}

#respond h3 {
font-size: 20px;
border-bottom: 1px dotted #666;
margin-bottom: 15px;
padding-bottom: 10px;
}
.avatar-image-container img { float:left; width:50px; height:50px; margin:0 10px 10px 0; }
.welcome h2 {display:none; height:0px;}
.widget-item-control {display:none;}
.post-footer {margin:10px 0 10px 0;}

]]></b:skin>
</head>

<body>
<div id='circles'>
<div id='page'>
<div id='headerarea'>

<div>
<ul id='supernav'>
<div id='suckerfishnav'>

<li><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Posts RSS'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Comments RSS'>Comments RSS</a></li>
<li><a href='#' title='Edit this link'>Edit</a></li>
</div>
</ul>

</div>

<div id='logo'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Fiction (Header)' type='Header'>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>

<b:if cond='data:mobile'>
<div 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 expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<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/>

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

</div>

<div id='top'/>

<div class='narrowcolumn' id='content'>

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<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'><data:newerPageTitle/></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'><data:olderPageTitle/></a>
</span>
</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

</div>
<div class='clear'/>
</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='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='post' var='post'>
<div class='post' id='post'>
<div class='comment_icon'><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></div>

<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'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>

<div class='date'>
<script type='text/javascript'>
var timestamp = "<data:post.dateHeader/>";
if (timestamp != '') {
var timesplit = timestamp.split(",");
var date_yyyy = timesplit[2];
var timesplit = timesplit[1].split(" ");
var date_dd = timesplit[2];
var date_mmm = timesplit[1].substring(0, 3);
}
</script>
<script type='text/javascript'>document.write(date_yyyy);</script><br/>
<script type='text/javascript'>document.write(date_mmm);</script>.<script type='text/javascript'>document.write(date_dd);</script>
</div>

<div class='entry'>
<p><data:post.body/></p>
<div style='clear: both;'/> 
</div>

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

<p class='postmetadata'><b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<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></p>

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

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

<div class='post-footer-line post-footer-line-3'/>
</div>

<div class='line'> </div>

</div>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div id='respond'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></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/>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup' style='width:100px;height:20px;'/>
</b:if>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</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='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='main' var='top'>

<b:if cond='data:top.showPlusOne'>
<script expr:src='data:top.plusOneJsUrl'/>
</b:if>


<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:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<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>


<b:include name='nextprev'/>


<b:include name='feedLinks'/>

<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='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block delete-comment-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</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: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='comments' var='post'>
<div id='comment_section'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<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:loop values='data:post.comments' var='comment'>
<ol class='comments'>
<li>
<div class='comment_box'>

<div class='gravatar'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
</div>

<div class='comment_text'>
<div class='comment_author'>
<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>
<span class='datecomments'><a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/></span>
</div>

<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>

</div>
<div class='cleaner'/>
</div>
</li>
</ol>
</b:loop>

<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:widget>
</b:section>
</div>
<div id='top_menu'/>
<div id='sidebar' role='complementary'>
<b:section class='widget_sidebar' id='widget_sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>
<div id='bottom_menu'/>
</div>

<hr/>
<div id='footer'>
<p><a href='http://www.wpthemesexpert.com'>WPThemesExpert</a> | <a href='http://bloggertemplateplace.com'>Blogger Template</a> by <a href='http://bloggertemplateplace.com'>Blogger Template Place</a>.</p>
</div>
</div>
</div>
</body>
</html>

Posted in: FICTION

TEMPLATE A

BLOG LAINNYA

MACAM TEMPLATE

Jumat, 26 Agustus 2011

FICTION

0 komentar:

Posting Komentar