TEMPLATE A

Sabtu, 03 September 2011

BLOCK 3D

02.11 cak hari No comments

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[/*
/*
Author URI: http://www.templatemo.com
Converter URI: http://bloggertemplateplace.com
*/

body {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #000000;
background: #ffffff;
}

a:link, a:visited { color: #004358; text-decoration: none; font-weight: normal;}
a:active, a:hover { color: #004358; text-decoration: underline;}

p { margin: 0px; padding: 0px; }

img { margin: 0px; padding: 0px; border: none; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; }

.margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px; }
.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px; }
.margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px; }
.margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px; }
.margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px; }
.margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px; }
.margin_right_40 { margin-right: 40px; }

.fl {
float: left;
}

.fr {
float: right;
}

.divider {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikGRTsiw9y2FCPcDL00D75NwygFKn2bcBIv6p0ID0Ye5qOuuojHJGXg52AynsoXRCHf6PDUC1gNNwcBKOCL1m5xxVTcbnjX6gV8qKmrAJDtLY3Bc0fEMG5YbymJmV2SmxbtXP4K77S4WjL/s1600/templatemo_divider.jpg) bottom repeat-x;
}

#templatemo_container {
width: 990px;
margin: 0 auto;
}

#templatemo_header_wrapper {
width: 1200px;
margin: 0 auto;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVieIw79F6e0D_5Jy4Zj8KTdue9N_ZwMAeTAXs44vRVqeNHy5cE1T3uZTds9AGMeGVB02F3aEAyYZcQdQGRukZjVlXAWZsf8oucqTgCJhEeB9mpgsPgMoTCK2N8OIETNkYxOs0u0f4qnAp/s1600/templatemo_header_bg.jpg) center top no-repeat;
}

#templatemo_header {
clear: both;
width: 990px;
height: 320px;
margin: 0 auto;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVieIw79F6e0D_5Jy4Zj8KTdue9N_ZwMAeTAXs44vRVqeNHy5cE1T3uZTds9AGMeGVB02F3aEAyYZcQdQGRukZjVlXAWZsf8oucqTgCJhEeB9mpgsPgMoTCK2N8OIETNkYxOs0u0f4qnAp/s1600/templatemo_header_bg.jpg) center top no-repeat;
}

#templatemo_header #site_title #header h1, #templatemo_header #site_title #header a {
float: left;
width: 100%;
height: 50px;
margin: 205px 0 0 75px;
padding: 25px 20px 0 20px;
font-size: 30px;
color: #000000;
display: block;
clear: both;
}

.description {
float: left;
margin: -20px 0 0 90px;
font-size: 12px;
color: #fff;
}

/* menu */
#templatemo_menu_wrapper {
clear: both;
width: 1200px;
height: 50px;
margin: 0 auto;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiZmyDPtNdPjzoopgMUSGdf_kVYkWpUavRg9K2kPVFqnErlmGXieGX8ieboDnlKgT54OC93mYmQqyUGpjgCpxzZ62dEJvtlPNXPLoiWq9jyRYb9MVsAuCzjDITD-7ZM2hggpNlL7_N1r2h/s1600/templatemo_menu_bg.jpg) top center no-repeat;
}

#templatemo_menu {
width: 957px;
height: 50px;
padding: 0 0 0 33px;
margin: 0 auto;

}

#templatemo_menu ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#templatemo_menu ul li{
padding: 0px;
margin: 0px;
display: inline;
}

#templatemo_menu ul li a{
float: left;
display: block;
height: 35px;
width: 156px;
margin-right: 3px;
padding-top: 15px;
text-align: center;
font-size: 14px;
text-decoration: none;
color: #000000;
font-weight: bold;
outline: none;
}

#templatemo_menu li a:hover, #templatemo_menu li .current{
color: #ffffff;
}

/* end of menu*/

/* content */

#templatemo_content_outer_wrapper {
clear: both;
width: 1200px;
margin: 0 auto;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxOwnt-bgWJZFzoMz3MW65NDiSONIXQ2lV1oepx3EozHtw9VFtYkxdA69j5JLy16TZ2J15r5HP2e_4FNAztdBdqTEUIQBt9rY2iw52qncpleKeQksmzBDjDtZmIGyZ9PCOSkpm3l2cO6Ed/s1600/templatemo_content_bg_repeat.jpg) repeat-y;
}

#templatemo_content_inner_wrapper {
width: 1200px;
margin: 0 auto;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_csBaKx1iI4UauOWrbOSwWHy2lS-0RdusJRMHZv7K9TjFUBBGfzKAXWGfMc9t1pw5hYhyphenhyphen8wpV5kB283_Tf6wUSzQHL9qVciRYn7S3W3Ul9VKGZKMD_31LnyUxnGj6hBrJMLuuCJN49-Pu/s1600/templatemo_content_bg.jpg) top center no-repeat;
}

#tempatemo_content {
width: 910px;
padding: 0 45px;
margin: 0 auto;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_csBaKx1iI4UauOWrbOSwWHy2lS-0RdusJRMHZv7K9TjFUBBGfzKAXWGfMc9t1pw5hYhyphenhyphen8wpV5kB283_Tf6wUSzQHL9qVciRYn7S3W3Ul9VKGZKMD_31LnyUxnGj6hBrJMLuuCJN49-Pu/s1600/templatemo_content_bg.jpg) top center no-repeat;
}

.right_sidebar {
float: right;
width: 200px;
padding-top: 80px;
}
.left_sidebar {
float: left;
width: 200px;
padding-top: 80px;
margin-right: 20px;
}
.content_column {
float: left;
width: 400px;
padding: 0 20px;
padding-top: 80px;
}

.post_content h2 {
font-size: 30px;
color: #004358;
font-weight: bold;
margin-bottom: 10px;
}

.sidebarwidget h2 {
font-size: 16px;
color: #004358;
font-weight: bold;
padding-bottom: 10px;
margin-bottom: 10px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikGRTsiw9y2FCPcDL00D75NwygFKn2bcBIv6p0ID0Ye5qOuuojHJGXg52AynsoXRCHf6PDUC1gNNwcBKOCL1m5xxVTcbnjX6gV8qKmrAJDtLY3Bc0fEMG5YbymJmV2SmxbtXP4K77S4WjL/s1600/templatemo_divider.jpg) bottom repeat-x;
}

.header_03 {
font-size: 12px;
color: #32697a;
font-weight: bold;
margin-bottom: 5px;
}

.header_03 a{
color: #32697a;
font-weight: bold;
}

.sidebarwidget {
width: 170px;
padding: 0 15px;
margin-bottom: 30px;
}

.sidebarwidget .widget {
list-style: none;
padding: 0px;
margin: 0 0 0 0;
}
.sidebarwidget li, .sidebarwidget ul li {
list-style-type:none;
color: #ffffff;
padding: 2px 10px;
background: #999;
margin-left: -30px;
overflow: hidden;
}
.sidebarwidget li:hover, .sidebarwidget ul li:hover {
list-style-type:none;
text-decoration: none;
background: #666;
margin-left: -30px;
}

.section_rss_twitter{

}

.section_rss_twitter a span {
font-size: 12px;
margin-top: 5px;
display: block;
letter-spacing: 5px;
}

.rss a{

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgGwa4lu3XkDvOad-zbpjIZEHwapnf7hwhdIQvs_ActRqwnBwWaI1HlKZHxiSGMyaZ8m44iPdxAQktYK4j1ZvjmVticHxgaQvNK1kXPVHrmWPG0aQyVAAf6kO-vXqpFvVZoYoTPtkKriY4/s1600/rss_icon.png) right bottom no-repeat;
display: block;
width: 170px;
padding: 20px 0 0 10px;
font-size: 16px;
font-weight: bold;
color: #004358;
}

.twitter a{

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlmTBIxYq98T8aN3VL-LDPu15DsG9_aBbQLPkcQk3QqfMUuIvVNgu_DNCuHtP0tuNa0RXd1FnhnztzhTyVQy8PYy4ftMmjH-EQbDS04p72iq9Zg_qrEOZKuLDFV6O-GsXa3L984nV4J-7V/s1600/twitter_icon.png) right bottom no-repeat;
display: block;
width: 170px;
padding: 20px 0 0 10px;
font-size: 16px;
font-weight: bold;
color: #004358;
}

.news_section {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #999;
}


.post_section {
clear: both;
padding-bottom: 20px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikGRTsiw9y2FCPcDL00D75NwygFKn2bcBIv6p0ID0Ye5qOuuojHJGXg52AynsoXRCHf6PDUC1gNNwcBKOCL1m5xxVTcbnjX6gV8qKmrAJDtLY3Bc0fEMG5YbymJmV2SmxbtXP4K77S4WjL/s1600/templatemo_divider.jpg) bottom repeat-x;
margin-bottom: 20px;
overflow: hidden;
}

.post_section p {
margin-bottom: 20px;
}

.post_info {
font-size: 14px;
margin-bottom: 20px;
}

.post_info a {
color: #000000;
text-decoration: underline;
}

.post_content img {
margin-bottom: 10px;
}

.post_content .link_button a{
margin-top: 10px;
color: #004358;
text-decoration: none;
}
/* end of content */
/* comment */
#comment_section {
clear: both;
margin-bottom: 20px;
width: 350px;
}

.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; border: 1px solid #dddddd; background: #eeeeee; }
.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 .date { 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; }

#comment_form {
clear: both;
}

#comment_form h3 {
font-size: 20px;
border-bottom: 1px dotted #666;
margin-bottom: 15px;
padding-bottom: 10px;
}
/* end of comment */
/* footer */

#templatemo_footer_wrapper {
clear: both;
width: 100%;
margin: 0 auto;
}

#templatemo_footer {
clear: both;
width: 900px;
margin: 0 auto;
padding: 30px 45px;
margin-top: 30px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikGRTsiw9y2FCPcDL00D75NwygFKn2bcBIv6p0ID0Ye5qOuuojHJGXg52AynsoXRCHf6PDUC1gNNwcBKOCL1m5xxVTcbnjX6gV8qKmrAJDtLY3Bc0fEMG5YbymJmV2SmxbtXP4K77S4WjL/s1600/templatemo_divider.jpg) top repeat-x;
}

.footer_w180px {
margin: 0px;
padding: 0px;
list-style: none;
overflow: hidden;
}
.footer_w180px ul {
margin:0px;
padding:0px;
list-style-type:none;
}
.footer_w180px li, .footer_w180px ul li {
padding: 0px;
list-style-type:none;
}

.footer_w180px li a, .footer_w180px ul li a{
color: #333;
padding: 0px;
list-style-type:none;
}

.footer_w180px {
float: left;
width: 140px;
padding-right: 40px;
list-style-type: none;
}
.footer_w180px h2 {
font-size: 12px;
color: #000000;
font-weight: bold;
margin-bottom: 10px;
}
/* end of footer */
.avatar-image-container img { float:left; width:50px; height:50px; margin:0 10px 10px 0; }
#navbar-iframe {display:none !important; }
]]></b:skin>
</head>

<body>
<div id='templatemo_header_wrapper'>
<!-- Converted Block 3D by BloggerTemplatePlace.com -->
<div id='templatemo_header'>
<div id='site_title'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Block 3D (Header)' type='Header'>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b: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='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot;' 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/>
<!--Show the image only-->
<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 + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<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 class='cleaner'/>
</div>
</div>


<div id='templatemo_menu_wrapper'>
<div id='templatemo_menu'>
<ul>
<li><a class='current' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' title='Comments RSS'>Comments RSS</a></li>
<li><a href='#' title='Edit this link'>Edit</a></li>
<li><a href='#' title='Edit this link'>Edit</a></li>
</ul>
</div>
</div>

<div id='templatemo_content_outer_wrapper'>
<div id='templatemo_content_inner_wrapper'>

<div id='tempatemo_content'>

<div class='left_sidebar'>

<b:section class='sidebarwidget' id='sidebarwidget1' 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='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<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='&quot;label-size label-size-&quot; + 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>

<div class='cleaner'/>
</div>

<div class='content_column'>
<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 + &quot;_blog-pager-newer-link&quot;' 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 + &quot;_blog-pager-older-link&quot;' 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'>
<b:if cond='data:post.sharePostUrl'>
<a class='share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' 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 + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' 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 + &quot;&amp;target=twitter&quot;' 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 + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' 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 + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:if>
</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'>&#160;</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 + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post_section'>
<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='post_info'>
<data:post.dateHeader/> | <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 != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if> by <data:post.author/>

</div>

<div class='post_content'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->

<div class='link_button'>
<b:if cond='data:post.hasJumpLink'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</b:if> | <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>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>

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

<div class='post-footer-line post-footer-line-3'><span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span> </div>
</div>
</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='comment-form'>
<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(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</script>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='&quot;item-control &quot; + 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='&quot;item-control &quot; + 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>

<!-- 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 == &quot;false&quot;'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-outer&quot;&gt;
</b:if>
<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-posts&quot;&gt;
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
<data:adEnd/>
</div>

<!-- navigation -->
<b:include name='nextprev'/>

<!-- feed links -->
<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(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
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='&quot;item-control &quot; + data:comment.adminClass'>
<a class='comment-delete' 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='feedLinks'>
<b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- 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='comments' var='post'>
<div id='comment_section'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<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>
&#160;
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
&#160;
<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='date'><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>
&#160;
<data:post.commentRangeText/>
&#160;
<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 + &quot;_backlinks-container&quot;'>
<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='right_sidebar'>
<div class='section_rss_twitter'>
<div class='twitter'><a href='http://twitter.com/Your_Twitter_ID'>FOLLOW ME <span>on Twitter</span></a></div>
<div class='margin_bottom_20'/>
<div class='rss'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>SUBSCRIBE <span>rss feeds</span></a></div>
</div>
<div class='clear'/>
<b:section class='sidebarwidget' id='sidebarwidget2' showaddelement='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 + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<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 + &quot;_ArchiveMenu&quot;'>
<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='&quot;archivedate &quot; + 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 == &quot;expanded&quot;'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>&#9660;&#160;</span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
&#9668;&#160;
<b:else/>
&#9658;&#160;
</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 class='cleaner'/>

</div>
</div>
</div>

<div id='templatemo_footer_wrapper'>
<div id='templatemo_footer'>
<b:section class='footer_w180px' id='footer_w180px1' showaddelement='yes'>
<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<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='&quot;label-size label-size-&quot; + 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='footer_w180px' id='footer_w180px2' showaddelement='yes'>
<b:widget id='Label3' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<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='&quot;label-size label-size-&quot; + 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='footer_w180px' id='footer_w180px3' showaddelement='yes'>
<b:widget id='Label4' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<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='&quot;label-size label-size-&quot; + 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='footer_w180px' id='footer_w180px4' showaddelement='yes'>
<b:widget id='Label5' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<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='&quot;label-size label-size-&quot; + 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='footer_w180px' id='footer_w180px5' showaddelement='yes'>
<b:widget id='Label6' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<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='&quot;label-size label-size-&quot; + 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>
<div class='margin_bottom_20'/>
Copyright &#169; 2010 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> |
Designed by <a href='http://www.templatemo.com' target='_parent'>Free CSS Templates</a> | <a href='http://bloggertemplateplace.com' rel='bookmark' title='Blogger Template'>Blogger Template</a> by <a href='http://bloggertemplateplace.com' title='Blogger Template Place'>Blogger Template Place</a> - <a href='http://bloggertemplateplace.com' title='Blogger Templates'>Blogger Templates</a> <strong>Gallery</strong>
</div>
</div>
<!-- Free Blogger Templates by bloggertemplateplace.com -->
</body>
</html>

Posted in:

0 komentar:

Posting Komentar