BENEDICT ~ TEMPLATE B

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:Benedict
Theme URI:http://www.toptut.com
Description:This theme supports widget, threaded-comments, theme-options,and translation is ready. Also including page-navigation and multi level dropdown menu.
Author: Lorelei
Author URI:http://www.toptut.com
Version:1.0
Tags: black, two-columns, fixed-width, theme-options, threaded-comments, translation-ready
*/
#navbar-iframe { display:none; }
/* ------ basic ------------------- */
body {
background: #4a4a4a url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl40JCv6mUYQFhcq-Mdri-xYPbbRHPzpUeUkFzO7gHIl4K10qdZQktQJurestXpVoEFFwS3G9O2fm5r74MfVogT23Q8YbeVFL6IuVOlULwESV1_HOyxootjLkmjfuGS0MQ0xKaRIo0m0P5/s0/1.jpg) center top no-repeat;
font-family: 'Cuprum', arial, serif;
font-size:15px;
color:#8A8E94;
text-align:center;
margin:0;
padding:0;
text-shadow:0 1px 0 #121b23;
}

a,a:visited {
color:#e0e1e5;
text-decoration:none;
outline:none;
font-size:120%;
text-shadow:0 1px 0 #07101e;
}

a:hover {
color:#697994;
text-decoration:none;
}

p {
line-height:170%;
margin:0 0 1em;
padding:0;
}

ul {
list-style-type:none;
line-height:0;
margin:0 0 1em;
padding:0;
}

ul li {
line-height:normal;
margin:0;
padding:0;
}

ol {
margin:0 0 1em 19px;
padding:0;
}

* html ol {
margin:0 0 1em 23px;
padding:0;
}

ol li {
padding:0 0 5px;
}

table {
border-collapse:collapse;
border:0;
width:100%;
}

blockquote {
border:1px solid #333;
background:#222;
margin:0 0 1em;
padding:15px 20px 0;
}

pre {
border:1px solid #333;
background:#222;
overflow:auto;
margin:0 0 1em;
padding:10px 20px;
}

.wp-caption-text {
text-align:center;
}

.alignleft {
float:left;
}

/* ------ layout ------------------------ */
#wrapper {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGO03z-32-qP2LkumirmXKOp49QKqpQxdj71ITL329H0QArj_q8tC7amUD-WmrS3FUywYz8Wzi3-4pE18qRtz40svc_smG2UkRZPUWR_YF-YHmS75buDCJe8Qqs6kIyQi6J6snRqqA3PBj/s0/wrap.png) repeat-x top;
}

#contents {
width:959px;
text-align:left;
margin:0 auto;
}

#headerarea {
background:no-repeat bottom;
height:160px;
}

#middle-contents {
background:repeat-y;
padding-bottom:50px;
}

#left-col {
float:left;
display:inline;
width:584px;
margin:0 0 0 5px;
}

#right-col {
float:right;
display:inline;
width:330px;
margin:40px 5px 0 0;
}

#footer {
clear:both;
display:block;
background:no-repeat top;
height:50px;
margin-bottom:10px;
font-size:11px;
color:#E0E1E5;
}

/* ------ header ----------------------
Change the number of margin if you are using original logo image */
#logo_image {
float:right;
margin:10px;
color: #FFF !important;
}

/* blog title */
#logo {
float:left;
display:inline;
margin:64px 0 0 40px;
}

#logo a,#logo a:visited {
color:#a9ba45;
font-size:32px;
}

#logo h1, #logo h1 a {
font-weight:400;
line-height:100%;
color:#FFF;
font-size:11px;
margin:0;
padding:6px 0;
}

/* ------ left-col ------------- */
.post {
border:1px solid #494949;
margin:30px 0 5px 10px;
padding:12px;
background:#282828;
-moz-box-shadow:0 0 10px #000;
}

.post h2 {
line-height:100%;
margin:0 0 4px;

padding:0;
}

.post h2 a,.post h2 a:visited,#single h2 {
color:#789200;
font-size:40px;
line-height:120%;
font-weight:400;
}

.post-info {

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh5dNbzow3OeFSapBUkXDIAUICE1iAOHpBg6h1t7ivgHMu-7o-8HDX2Aq9iCApAlfKsLg0grjI0jsIP552REDj-y6wyhpz2AlX9RvZdIUuN0qvv1HP3rooCm78jPIHaOZnHzKG_K6TEPw4/s0/ribbon.png) no-repeat top left;
margin:3px;
padding:6px;
width:270px;
}

.post-info li {
display:inline;
font-size:11px;
color:#fff;
text-shadow:#000;
letter-spacing:1px;
margin:0 10px 0 0;
}

.write-comment {
background:no-repeat left center;
padding:0 0 0 11px;
}

.post-info a:hover {
color:#83bac4;
}

.post-content {
clear:both;
line-height:160%;
padding:15px 5px 20px;
}

.post-content p {
line-height:160%;
margin:0 0 1em;
}

.post-content a.more-link,.post-content a.more-link:visited {
display:block;
clear:both;
height:23px;
background: no-repeat left top;
text-decoration:none;
margin:15px 0 5px;
padding:6px 0 0 35px;
}

.post-content a.more-link:hover {
background:no-repeat left bottom;
text-decoration:none;
}

.post img,.post a img {
border:1px solid #333;
background:#000;
margin:0;
padding:8px;
}

.post a:hover img {
border:1px solid #000;
background:#333;
}

.post img.alignright,div.alignright {
display:inline;
margin:4px 0 10px 10px;
}

.post img.alignleft,div.alignleft {
display:inline;
margin:4px 10px 10px 0;
}

.post img.wp-smiley {
border:0;
background:none;
margin:0;
padding:0;
}

.post table {
margin:0 0 1em;
}

.post td,.post th {
border:1px solid #333;
padding:15px;
}

.post th {
background-color:#000;
font-weight:400;
}

.post-content ul li {
line-height:160%;
background:no-repeat left 9px;
margin:0;
padding:0 0 0 12px;
}

.post-content input {
margin:5px 0;
}

.post-meta {
background: no-repeat right top;
width:585px;
padding:13px 0 0;
}

.post-meta ul {
background:no-repeat right bottom;
line-height:0;
padding:0 0px 10px 30px;
}

.post-meta li {
display:inline;
font-size:11px;
line-height:140%;
}

.post-category {
float:left;
width:345px;
background:no-repeat 2px 2px;
padding:0 0 1px 20px;
}

.post-tag {
float:left;
width:345px;
background:no-repeat 2px 2px;
padding:0 0 1px 29px;
}

.post-comment {
float:right;
width:80px;
background:no-repeat left top;
padding:10px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiRo3fdQ5VO0A3yeue5jTBia6nbPkgiOUSdiJ-3BGjMGAF2WjGtnCroT9yeJh0TfU9ujTu4-GkqcB2EuZ_2KL9CoTfYA371dTWMGg6jlsBTjUf8YYUcn541ZEMDoE6Kv3U5NI1rEg6ZhP6/s0/post.png);
border:1px solid #2c3909;
}

#back-top {
font-size:11px;
background:no-repeat left 16px;
float:right;
color:#777;
padding:10px 5px 0 15px;
}

/* ------ right-col ------------- */
#information-title {
background: no-repeat left top;
width:232px;
margin:0 0 0 30px;
padding:25px 20px 5px;
}

.information-contents {
line-height:160%;
font-size:11px;
color:#868a8d;
background: left bottom;
width:232px;
margin:0 0 50px 30px;
padding:12px 20px 20px;
}

.side-box h2 {
font-size:24px;
color:#789200;
font-weight:400;
line-height:100%;
margin:0 0 20px;
}

.side-box {
color:#aaa;
font-size:12px;
font-weight:900;
width:270px;
margin:0 0 50px 10px;
}

#right-col li {
line-height:140%;
margin:0 0 1em;
}

#right-col li li {
background:no-repeat 1px 7px;
margin:3px 0;
padding:0 0 0 10px;
}

#copyrights {
color:#777;
border-left:3px solid #444;
clear:both;
padding:1px 0 0 8px;
}

#copyrights li {
line-height:160%;
margin:0;
padding:0;
}

#copyrights a:hover {
color:#849ca0;
}

#return_top a {
position:fixed;
right:0;
bottom:15px;
display:block;
height:138px;
width:38px;
background: no-repeat left top;
}

#return_top a:hover {
background:no-repeat right top;
text-decoration:none;
}

/* ------ archive ------------- */
.sidebar_widget .widget{
padding-left:10px;
margin:25px 0 25px 0px;
}

.archive p,.search-page p {
font-size:12px;
}

.read-more {
padding:0;
}

/* ------ page navi -------------- */
.page-navi,.next-previous-navi {
margin:50px 0 25px 30px;
}

#comment-pager {
margin:20px 0 0;
}

.page-navi li {
line-height:0;
display:block;
float:left;
}

.page-navi a,.page-navi a:visited,.page-navi a:hover,.page-navi span.pages,.page-navi span.extend,.page-navi span.current,.page-navi span.dots {
font-size:11px;
line-height:100%;
display:block;
float:left;
border-right:1px solid #555;
border-left:1px solid #555;
margin:0 -1px 25px 0;
padding:2px 14px;
}

.page-navi span.current {
color:#81c8d5;
background:no-repeat center bottom;
padding-bottom:10px;
border:none;
}

.page-navi a.prev,.page-navi a:hover.prev,.page-navi a:visited.prev {
border-left:none;
}

.page-navi a.next,.page-navi a:hover.next,.page-navi a:visited.next {
border-right:none;
}

#previous-page a,#previous-page a:visited {
float:left;
display:inline;
height:22px;
background: no-repeat left top;
margin:5px 0 10px 5px;
padding:7px 0 0 40px;
}

#previous-page a:hover {
background: no-repeat left bottom;
text-decoration:none;
}

#next-page a,#next-page a:visited {
float:right;
display:inline;
height:22px;

margin:5px 0 10px;
padding:7px 40px 0 0;
}

#next-page a:hover {

text-decoration:none;
}

/* ------ header for category/archive/search/...etc ------------- */
.common-navi-wrapper {

width:585px;
margin:70px 0 0;
padding:13px 0 0;
}

.common-navi-wrapper p {

line-height:140%;
margin:0;
padding:0 10px 10px 32px;
}

#archve-title {
margin:0 0 0 13px;
}

/* ------ page widthout side ------------------------ */
#no-side {

padding:60px 0;
}

#no-side .post {
margin:0 40px 20px;
}

#footer-noside {

height:114px;
margin-bottom:50px;
}

/* ------ header-menu ------------------------ */
#pngfix-right {

display:block;
width:10px;
height:60px;
float:right;
}

#pngfix-left {

display:block;
width:10px;
height:60px;
float:right;
}

.menu ul{
float:left;

font-size:11px;
height:61px;
margin:0;
}

.menu ul {
line-height:1;
margin:0;
padding:0;
}

.menu ul li {
position:relative;
float:left;
height:55px;
z-index:100;
padding:0 18px 18px 0;
}

.menu ul ul li {
height:auto;
border-left:none;
left:auto;
padding:0;
}

.menu ul a,.menu ul a:visited {
color:#fff;
display:block;
line-height:49px;
position:relative;
top:5px;
padding:0 15px 15px 0;
}

.menu ul ul{
position:absolute;
top:52px;
left:0;
display:none;
opacity:0;
width:200px;
}

.menu ul ul a,.menu ul ul a:visited {
background:#667b00;
line-height:140%;

width:128px;
margin:-1px 0 0;
padding:9px 30px 8px;
}

.menu ul ul a:hover {
background:#ccc;
border-bottom:1px solid #222;
}

.menu ul ul ul {
top:34px;
margin:-34px 0 0 189px;
}

/* ---------- clearfix hack ---------- */
.clearfix:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.clearfix {
display:block;
}

/* exlude MacIE5 \*/
* html .clearfix {
height:1%;
}

a img,ul.menu #header-menu-home {
border:none;
}

form,table,input,textarea,dl,dt,dd,#logo_image h1 {
margin:0;
padding:0;
}

blockquote a,blockquote a:visited,.post-content a,.post-content a:visited,#wp-calendar #prev a:hover,#wp-calendar #next a:hover,#copyrights #wp a {
text-decoration:underline;
}

object,.post img.centered,div.centered {
display:block;
margin:0 auto;
}

.alignright,#search-button {
float:right;
}

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

.clear,#side-bottom,#side-bottom-ex {
clear:both;
}

#logo a:hover,.post h2 a:hover,#back-top:hover {
text-decoration:none;
color:#83bac4;
}

.post-info a,.post-info a:visited,#copyrights a,#copyrights a:visited {
color:#777;
}

#side-left,#side-left-ex {
float:left;
width:128px;
padding:0 0 0 32px;
}

#side-right,#side-right-ex {
float:right;
width:120px;
padding:0 30px 0 10px;
}

ul.menu a:hover,ul.menu .current_page_item a:hover {
color:#000;
text-shadow:0 1px 0 #c1d75a;

text-decoration:none;
}

/* ------ comment ------------- */

#comments { margin:20px 0 0 18px; width:556px; }
#no-side #comments { margin:0 auto; width:880px; line-height:inherit; }

#comment-list, #trackback-list { margin:15px 0 0 0; padding:0 0 20px 0; }
#trackback-list { display:none; }

/* ------ comment_header --------------------------------------------------------------------------------------------------------- */
#comment-header { border:1px solid #333; }

#comment-header-top { background-color:#1b1b1b; padding:7px 20px; margin:0; }
#comment-header-top li { float:left; display:block; }
#comment-feed a { display:block; width:22px; height:22px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZYHhurswKwHoCErezMZJfbJxOoTUSFSEhkUXx2D7xKeBTsPv1srJK876Y9yfyv9_UjpM15TFtEjSaj3AyNX0p6AZ076Q45p7IHrAYQo9J4-_4zLsUghopnnxsM_k4duej2Lw_4ATG7owJ/s0/comment-rss.gif) no-repeat left top; }
#comment-feed a:hover { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZYHhurswKwHoCErezMZJfbJxOoTUSFSEhkUXx2D7xKeBTsPv1srJK876Y9yfyv9_UjpM15TFtEjSaj3AyNX0p6AZ076Q45p7IHrAYQo9J4-_4zLsUghopnnxsM_k4duej2Lw_4ATG7owJ/s0/comment-rss.gif) no-repeat left bottom; }
#comment-title { width:90%; padding:2px 0 0 15px; line-height:150%; font-size:11px; }

#comment-header-bottom { background-color:#000; padding:10px 20px; font-size:11px; }
.switch { float:left; margin:0; }
.switch li { display:inline; margin:1px 30px 1px 2px; }
.switch a { padding:0 0 0 15px; }
.switch .active { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8BvvwqM6_tdeJzR9-saYsNzbdZabEGXUHVYGuCGEdDS_CR2KfQBUs9dQfYh6kPx-cID9wwi05Mw5UUW3SDw45nUVXSmja5ZLP0nHN4AvDMxe-Tfj0KPE-etTG7wO_EUmGBGAJ4B-VO7hM/s0/arrow6.gif) no-repeat left center; }
.switch .non-active { background:none; }
#add-comment { float:right; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV-uNnKoi2nahwJ6FNwjCNm0nUQFEgELT0SQ4pIGlGnHcWCi5iqdFo02uFa0lL3QrdnIV_5N86LH70Zw7rZjwJLWO4MXpa3pfUX2sLmVL19qRJW0vQFjYZI3Epql7j7JkikEJQnRMHRfdj/s0/write-comment.gif) no-repeat left top; padding:0 0 1px 20px; }

/* ------ comment ------------------------------------------------------------------------------------------------------------------ */
.commentlist { list-style-type:none; margin:0; padding:0; }
.comment { border:1px solid #333; margin:0 0 15px 0; padding:15px 20px 3px 20px; }
.admin-comment { background:#1b1b1b; }
.admin-url { }/* color of admin name */

/* ----- comment-meta ----- */
.comment-meta { height:50px; position:relative; }

.comment-meta-left { position:absolute; left:0; top:0; }
.comment-name-date { color:#7f8e91; padding:6px 0 0 0; float:left; }

a.admin-url { text-decoration:underline; }
a.guest-url { text-decoration:underline; }

.comment-date { font-size:11px; color:#757676; margin:0 0 0 0; }

.comment-act { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC_PNEmf-wzb27zXMOmpxp24dG6QNIn6UkTc_5UHxgQU7XnksSMt0k5wgXE4WBudtKT5ZwDjIflhKsC7B4Yl3ag3n3lOTNGy7ZpFnajA_j3YApW_9w6MpJXb_nex-nZvYI9IWBSoplHa3N/s0/arrow1.gif) no-repeat left 11px; font-size:11px; position:absolute; right:0; top:0; padding:7px 0 7px 15px; margin:0; }
.comment-act li { display:inline; margin:0; }
.comment-reply a, .comment-reply a:visited { border-right:1px solid #3c4243; padding:0 10px 0 0; margin:0 6px 0 0; }
.comment-edit a, .comment-edit a:visited { border-left:1px solid #3c4243; padding:0 0 0 10px; margin:0 0 0 6px; }

/* ----- comment-contents ----- */
.comment-content { padding:0; }
.comment-content p { line-height:160%; }
.comment blockquote { margin:0 0 20px 0; }
.comment blockquote span { margin:0 0 -1em 0; display:block; }
.comment-note { display:block; font-size:11px; margin:0 0 1em 0; color:#fff446; border:1px solid #9ea084; padding:10px 15px 5px 15px; background:#58593b; }

.avatar-image-container { border:1px solid #555; background:#000; width:37px; height:37px; padding:2px; display:inline; float:left; margin:0 15px 0 0; }
.avatar-image-container img { float:left; width:35px; height:35px; }
.widget-item-control {display:none;}
.post-footer {margin:10px 0 10px 0;}
.post-footer-line {margin:0 0 10px 0;}
]]></b:skin>
</head>

<body>
<div id='wrapper'>
<div id='contents'>

<div class='header-menu-wrapper'>
<div id='pngfix-right'/>
<div class='menu' id='menu'>
<b:section class='menu_page' id='menu_page' showaddelement='yes'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='pngfix-left'/>
</div>

<div id='headerarea'>
<div id='logo_image'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Benedict (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='middle-contents'>

<div id='left-col'>
<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'>
<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'>
<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>
</h2>
</b:if>

<div class='post-content'>
<ul class='post-info'>
<li>
<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_mmm);</script>.<script type='text/javascript'>document.write(date_dd);</script>.<script type='text/javascript'>document.write(date_yyyy);</script>
</li>
</ul>
<br/><br/>
<data:post.body/>
<div style='clear: both;'/> 

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

<b:if cond='data:blog.url != data:blog.homepageUrl'>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><div class='post-share-buttons'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div> </div>

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

<div class='post-footer-line post-footer-line-3'/>
</div>
</b:if>
</div>
</div>
<div class='post-meta'>
<ul class='clearfix'>
<li class='post-category'><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></li>

</ul>
</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'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<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: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 comment-action-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='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<div id='comment-header'>
<ul class='clearfix' id='comment-header-top'>
<li id='comment-feed'><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Comments RSS'/></li>
<li id='comment-title'><data:post.title/></li>
</ul>
<div class='clearfix' id='comment-header-bottom'>
<ul class='switch'>
<li><data:post.numComments/> Comments</li>
</ul>
</div>
</div>
<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>

<div id='comment-list'>
<b:loop values='data:post.comments' var='comment'>
<ol class='commentlist'>
<li class='comment' id='comment-189'>
<div class='comment-meta'>
<div class='comment-meta-left'>
<ul class='comment-name-date'>
<li class='comment-name'>
<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>
<span id='commentauthor'>
<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>
</li>
<li class='comment-date'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</li>
</ul>
</div>
</div>

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

</li>
</ol>
</b:loop>
</div>

<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='right-col'>
<div class='side-box'>
<b:section class='sidebar_widget' id='sidebar_widget' prefered='yes' showaddelement='yes'>
<b:widget id='BlogList1' locked='false' title='My Blog List' type='BlogList'>
<b:includable id='main'>

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

<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>
<ul expr:id='data:widget.instanceId + "_blogs"'>
<b:loop values='data:items' var='item'>
<li expr:style='data:item.displayStyle'>
<div class='blog-icon'>
<b:if cond='data:showIcon == "true"'>
<input expr:value='data:item.blogIconUrl' type='hidden'/>
</b:if>
</div>
<div class='blog-content'>
<div class='blog-title'>
<a expr:href='data:item.blogUrl' target='_blank'>
<data:item.blogTitle/></a>
</div>
<div class='item-content'>
<b:if cond='data:showItemThumbnail == "true"'>
<b:if cond='data:item.itemThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:item.blogUrl' target='_blank'>
<img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
</a>
</div>
</b:if>
</b:if>
<b:if cond='data:showItemTitle == "true"'>
<span class='item-title'>
<b:if cond='data:item.itemUrl != ""'>
<a expr:href='data:item.itemUrl' target='_blank'>
<data:item.itemTitle/></a>
<b:else/>
<data:item.itemTitle/>
</b:if>
</span>
</b:if>
<b:if cond='data:showItemSnippet == "true"'>
<b:if cond='data:showItemTitle == "true"'>
-
</b:if>
<span class='item-snippet'>
<data:item.itemSnippet/>
</span>
</b:if>
<b:if cond='data:showTimePeriodSinceLastUpdate == "true"'>
<div class='item-time'>
<data:item.timePeriodSinceLastUpdate/>
</div>
</b:if>
</div>
</div>
<div style='clear: both;'/>
</li>
</b:loop>
</ul>

<b:if cond='data:numItemsToShow != 0'>
<b:if cond='data:totalItems > data:numItemsToShow'>
<div class='show-option'>
<span expr:id='data:widget.instanceId + "_show-n"' style='display: none;'>
<a href='javascript:void(0)' onclick='return false;'><data:showNText/></a>
</span>
<span expr:id='data:widget.instanceId + "_show-all"' style='margin-left: 5px;'>
<a href='javascript:void(0)' onclick='return false;'><data:showAllText/></a>
</span>
</div>
</b:if>
</b:if>

<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
<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>
</div>

</div>

<div id='footer'>
<center>
<a href='http://topwpthemes.com/benedict'>Benedict wordpress theme</a> designed by TopTut.com & TopWPThemes.com | <a href='http://bloggertemplateplace.com'>Blogger Template</a> by <a href='http://bloggertemplateplace.com'>Blogger Template Place</a>
</center>
</div>

</div>
</div>
</body>
</html>

Posted in: BENEDICT

roni

TEMPLATE B

PETUNJUK

TEMPLATE B

Ads 468x60px

MACAM TEMPLATE

Sabtu, 03 September 2011

BENEDICT

0 komentar:

Posting Komentar