BLUES ~ 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:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:skin><![CDATA[

/*-----------------------------------------------

Name : Blues
Blogger Theme by : AskerAkbar
URL : www.BloggerThemes.net
Designed by : http://www.dellustrations.com/

Blues blogger theme comes under a Creative Commons license.
They are free of charge to use as a theme for your blog and
you can make changes to the templates to suit your needs.
but please you must keep the footer credit links intact which
provides credit to its authors.

-----------------------------------------------*/

#navbar-iframe {
display:none;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
ol,ul {
list-style:none;
}
blockquote,q {
quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after {
content:'';
content:none;
}
/* remember to define focus styles! */
:focus {
outline:0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration:none;
}
del {
text-decoration:line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse:collapse;
border-spacing:0;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.clear {
clear:both;
}
a img {
border-width:0;
}
a {
color:#226698;
}
a:hover {
text-decoration:none;
}
a:visited {
color:#226698;
text-decoration:none;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiv4DP6FNEDXDfVLobR10pR734OJxb626fa3xVuK8vId-sCPpUaBRakizJZ5ChO969_YQa3Eh3GpKfh9akd2YuBjVpHiAIC-ftzttQDFZVLCSTvGiua4q9Lh-yjThpebQ6i_LjA8AU2cip/s1600/top-bg.png) repeat-x left top;
height:183px;
}
#header-inner {
background-position:center;
margin-left:auto;
margin-right:auto;
}
#header {
width:725px;
float:left;
}
#header h1 {
color:#FFF;
font-size:40px;
float:left;
margin:29px 0 0 52px;
}
#header a {
color:#FFF;
}
#header a:hover {
color:#FFF;
text-decoration:none;
}
#header .description {
float:left;
height:19px;
margin:48px 0 0 17px;
font-size:20px;
color:#B5C7D4;
font-weight:normal;
}
#header img {
margin-left:auto;
margin-right:auto;
}
.menu {
width:767px;
float:left;
margin:19px 0 0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglq1oBmEFbjcd8oml7hRhU4tHB0XD48biFovuhKlyZZ_JbcPGQbdWT7nYZG6x5SR6mPgz-W6DN1YQ3oB7l-Sl4L0zU7U0DJBBPUhvBT2Ui4KnjETk4ophRo9_vyixSHKO1Mq1QInm3aILh/s1600/menu-divide.png) no-repeat 52px top;
}
ul.main-menu {
margin:0 0 0 52px;
}
ul.main-menu li {
float:left;
color:#9fd3ed;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglq1oBmEFbjcd8oml7hRhU4tHB0XD48biFovuhKlyZZ_JbcPGQbdWT7nYZG6x5SR6mPgz-W6DN1YQ3oB7l-Sl4L0zU7U0DJBBPUhvBT2Ui4KnjETk4ophRo9_vyixSHKO1Mq1QInm3aILh/s1600/menu-divide.png) no-repeat right top;
padding:0 19px;
height:33px;
line-height:33px;
vertical-align:middle;
}
ul.main-menu li a {
color:#9fd3ed;
text-decoration:none;
}
ul.main-menu li a:hover {
color:#fff;
}
.subcribe {
width:300px;
float:left;
margin:19px 0 0;
}
.subcribe h2 {
float:left;
margin:11px 0 0;
color:#102b3d;
}
ul.subcribe-menu {
margin:11px 0 0;
}
ul.subcribe-menu li {
float:left;
padding:0 14px;
border-right:#9fd3ed solid 1px;
}
ul.subcribe-menu li.last {
border-right:#9fd3ed solid 0;
}
ul.subcribe-menu li a {
color:#fff;
text-decoration:none;
}
ul.subcribe-menu li a:hover {
color:#9fd3ed;
}
.search {
width:342px;
float:left;
}
.search-input {
float:left;
margin:23px 0 0;
width:221px;
}
.search-input .input {
background:red url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5ep6cULI_4TWRFD53WLkxxk6I8MImI0B3-loZrXC0CiOsh0Qq8KmTRJbjlROrNyWIgPrJlhIqmso89DuQN3L4dhd6p5BZbp7RROhgEHmQ04Mh7HuyixTfgzmRYD8Qund3nGzvoVgjB_hi/s1600/input-bg.png) no-repeat left top;
width:216px;
height:23px;
border:0;
padding:10px 0 0 5px;
}
.search-button {
float:left;
width:93px;
margin:7px 0 0;
_margin:8px 0 0 0;
#margin:8px 0 0 0;
}
.search-button {
text-indent:-9999px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTSKWOK_DO_tIMLBTDdejHLzbqaOyfvnb_rSUGVwMiD_jHgVpWUCJToLw9zO8-ocLk4yua0tWbG7mQwl8VKPZuiBTbV5YF6xPROYmgbZ26wMyLn4hsDTwcZxFxeexE43m2fTnutyLcd8ZF/s1600/search-button.png) no-repeat left top;
width:93px;
height:65px;
border:0;
cursor:pointer;
}
.banner-bg {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC3PxbopO0PY1EvqA79dp7mnpaiMXOWDRRVuf2n6IA8IqeP0Cdc1fTNPg49OFgrT1KqRS4_XPYE56St9v75oITbySPq2dS6A_n80DS0cRaaRcFOY575uoFOzU4YsntaHmZi0F-nXAHkGba/s1600/banner-bg.png) repeat-x left top;
height:236px;
}
.banner-main {
width:694px;
float:left;
margin:18px 0 0 14px;
display:inline;
}
.banner-prev {
float:left;
text-indent:-100000px;
}
.banner-prev a {
width:32px;
height:55px;
background:url() no-repeat left 12px;
display:block;
}
.banner-prev a:hover {
background:url() no-repeat left 12px;
}
.banner-next {
float:left;
text-indent:-100000px;
}
.banner-next a {
width:32px;
height:55px;
background:url() no-repeat left 12px;
display:block;
}
.banner-next a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2NTENJlY8rHK0MUvxYK3sm1Ky7dmJWMPQE0KYZAU7Yu5Bpa8xD5oFl95CjI_ELx8ehY-CB-ctz6Mr04InKFODXa-Pv0C-PPX2tTUeDGn5PcfByazDWSXZv_BrmPrDNS5Zoa82Fvi00p-e/s1600/next-over.png) no-repeat left 12px;
}
.banner-center {
width:630px;
float:left;
}
.ad-bg {
width:371px;
float:left;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiSJJUu-nbAIGfdfbSkecBJjhi2Ldnx9C9OIIJXB8bLITYzpvHM0oASiUHOGwD7LYkAMP4yng5nITY2W5MlHT35pjvwQOF9qWMLsQNhQgX26O-AKliekQ7XD-Fxm6pYcvZHHDZAAMNPhEr/s1600/ad-bg.png) no-repeat left top;
margin:-56px 0 0 -12px;
height:292px;
position:relative;
display:inline;
}
ul.advertisement {
margin:8px 0 0 32px;
}
ul.advertisement li {
float:left;
padding:15px 0 0 18px;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width:1067px;
margin:0 auto;
}
#content-wrapper {
margin:0 auto;
width:1060px;
}
.content-shadow {
background:url(http://sites.google.com/site/coolwebbies/Home/content-shadow.png) repeat-y left top;
width:1060px;
float:left;
min-height:720px;
padding-bottom:22px;
}
#main-wrapper {
width:717px;
float:left;
word-wrap:break-word;
/* fix for long text breaking sidebar float in IE */
overflow:hidden;
/* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width:343px;
float:left;
word-wrap:break-word;
/* fix for long text breaking sidebar float in IE */
overflow:hidden;
/* fix for long non-text content breaking IE sidebar float */
}
.content {
margin:0 auto;
width:1067px;
}
.content-bg {
background:url(http://i895.photobucket.com/albums/ac156/mybloggerthemes/blues/content-bg.png) repeat-x left top;
float:left;
width:100%;
}
/* Headings
----------------------------------------------- */
.sidebar h2 {
font-size:21px;
color:#0f314a;
font-weight:normal;
margin:30px 0 0 26px;
}
/* Posts
-----------------------------------------------
*/
.post {
color:#7F7F7F;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
line-height:1.36em;
padding-bottom:20px;
}
.blog-head {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijMdCiAhuTdQr67LvuumPXWo4bcrmLD-P4w0V2PinDSVI9n22wg8QsToQQLms4qi6Oo1yISIoLAHxa2ifPKEpBrnA2hu9wHrSDtAeL-xjlVraXU2z37PyoU7fQ17fRXw2x0T-6qBZfmdb6/s1600/blog-head.png) no-repeat left top;
width:717px;
float:left;
height:68px;
}
.blog-header {
width:519px;
float:left;
margin:30px 0 0 17px;
display:inline;
}
h2.date-header {
width:58px;
float:left;
color:#0f314a;
font-size:12px;
font-weight:bold;
margin:22px 0 0 58px;
line-height:20px;
text-align:center;
display:inline;
}
.post h3 {
color:#444545;
font-size:21px;
font-weight:normal;
}
.post h3 a {
color:#444545;
text-decoration:none;
}
.main .widget {
}
.post-body {
width:620px;
float:left;
margin:22px 0 0 73px;
display:inline;
padding:0 0 20px;
}
.post-body blockquote {
line-height:1.3em;
}
.post-body p {
color:#7f7f7f;
font-size:14px;
line-height:19px;
}
.post-body p a {
font-size:14px;
font-weight:bold;
text-decoration:underline;
color:#226698;
}
.post-body p a:hover {
text-decoration:none;
}
.post-footer {
font-style:italic;
font-size:12px;
}
.comment-link {
width:32px;
float:left;
margin:33px 13px 0 0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0dUX3WuxbWZhLj8k-WA_VZyqJ-rGE6K780LjcyOB0gAWn64U2poqKgJMFfhiOT267ZnBUA3LyThSQYna2p6O4ff9OhwnO58nrb_pN2ZGW9SpL66hWO2H1yAxEOx-7bxeh2PvgBkbjQoYC/s1600/comment-icon.png) no-repeat right 3px;
padding:0 20px 5px 0;
text-align:right;
font-size:16px;
font-weight:bold;
color:#0f314a;
display:inline;
}
.comment-link {
text-decoration:none;
}
.post img {
padding:4px;
border:1px solid #cccccc;
background:#EBEBEB;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
.jump-link {
padding-bottom:10px;
font-size:14px;
font-weight:bold;
}
.jump-link a {
color:#226698;
text-decoration:underline;
}
.jump-link a:hover {
text-decoration:none;
}
.fix,#comments,#blog-pager {
padding-left:75px;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight:bold;
line-height:1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:#999999;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height:1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float:left;
}
#blog-pager-older-link {
float:right;
}
#blog-pager {
text-align:center;
}
.feed-links {
clear:both;
line-height:2.5em;
padding-left:75px;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
margin:0;
font-size:12px;
}
.sidebar .widget-content {
margin:20px 0;
}
.sidebar li {
border-bottom:#427ea5 dotted 1px;
padding:10px 0 10px 25px;
background:url() no-repeat left 22px;
font-size:12px;
color:#7f7f7f;
margin:10px 0 0 15px;
width:270px;
}
.sidebar li a {
paddding:0;
margin:0;
font-size:12px;
color:#7f7f7f;
text-decoration:none;
background:url()no-repeat 100% 4px;
width:240px;
display:block;
}
.sidebar li a:hover {
background:url() no-repeat 100% 4px;
}
.sidebar ul {
list-style:none;
margin:0;
padding:0;
}
.sidebar #ArchiveList {
word-wrap:break-word;
/* fix for long text breaking sidebar float in IE */
overflow:hidden;
/* fix for long non-text content breaking IE sidebar float */
}
.sidebar #ArchiveList ul {
background:none;
margin:0;
padding:0 0 0 45px;
list-style-type:none;
}
.sidebar #ArchiveList li {
margin:0;
padding:5px 0 0;
}
.sidebar .widget {
width:343px;
float:left;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirLV5A-Uf8AdUX7TKhxvBb0zslTT2tQLsaxpOjljZEcCDnrVCpWZ92taiZfCb2_KlfIT0l3EAlIm7h8UG3sNUlsWrFCe1kq5cLuyjKaoi1CSkx3LGqoDCCWVZwm1gpNwWmSLDlrhSZhIfh/s1600/categroy-bg.png) no-repeat left top;
margin:0;
}
.main .Blog {
border-bottom-width:0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float:left;
margin-top:0;
margin-right:5px;
margin-bottom:5px;
margin-left:0;
padding:4px;
border:1px solid #cccccc;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font:normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color:#999999;
font-weight:bold;
line-height:1.6em;
}
.profile-datablock {
margin:.5em 0;
}
.profile-textblock {
margin:.5em 0;
line-height:1.6em;
}
.profile-link {
font:normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
#footer-bg {
background:#232223 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_jy0X0vkqL3EeIO5Dj20tQuwnG6KCUp7ca14CeNgKeDdOtqkxuholvA5kw8imjnjl-cbZ9WeqPd8Lq9BR9nym69IQCJiISdDof_tno18nryM7KgiqhBA4iZ0Tly4064DJEGchoxX9r-gR/s1600/footer-bg.png) repeat-x left top;
float:left;
width:100%;
}
#footer-wrapper {
width:980px;
margin:0 auto;
clear:both;
overflow:hidden;
}
#footer,#footer a {
color:#646565;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
line-height:1.58em;
letter-spacing:normal;
word-spacing:normal;
}
.footer .widget {
padding-bottom:10px;
margin:30px 0 10px 22px;
width:220px;
float:left;
color:#646565;
font-size:12px;
}
.footer .widget-content {
padding:15px 0 10px;
}
#footer li a {
list-style:none;
color:#B4B4B5;
line-height:2em;
}
#footer h2 {
font-family:Verdana,Arial,Helvetica,sans-serif;
border-bottom:1px dotted #555555;
font-size:21px;
color:#B6B6B6;
font-size:21px;
line-height:1.19em;
word-spacing:normal;
font-weight:normal;
}
#credit-bg {
width:100%;
float:left;
background:#121212;
padding:16px 0;
}
#credits {
border:1px solid #10151C;
clear:both;
width:980px;
margin:0 auto;
color:#97a3a9;
background:#0c0f12;
}
#credits_left {
float:left;
color:#646565;
font-size:12px;
padding:0 0 0 22px;
}
#credits_right {
float:right;
color:#646565;
font-size:12px;
padding:0 22px 0 0;
}
#credits a {
color:#539DE8;
text-decoration:none;
outline:none;
}
#credits a {
color:#646565;
text-decoration:underline;
}
.status-msg-border{margin-left:25px;}

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

<body>
<div id='header-wrapper'>

<div class='content'>

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

<div class='subcribe'>
<h2>Subscribe:</h2>
<ul class='subcribe-menu'>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Posts RSS'>Feeds</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Comments RSS'>RSS</a></li>
</ul>
</div>
<div class='clear'/>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blues (Header)' type='Header'>
<b:includable id='main'>

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

<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>
</div>
<b:else/>

<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b: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 class='search'>
<form action='/search' id='searchform' method='get'>
<div class='search-input'>
<input class='input' id='s' name='q' type='text' value=''/>
</div>
<div class='search-button'>
<input class='button' id='searchbutton' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTSKWOK_DO_tIMLBTDdejHLzbqaOyfvnb_rSUGVwMiD_jHgVpWUCJToLw9zO8-ocLk4yua0tWbG7mQwl8VKPZuiBTbV5YF6xPROYmgbZ26wMyLn4hsDTwcZxFxeexE43m2fTnutyLcd8ZF/s1600/search-button.png' type='image'/>
</div>
</form>
</div>

</div>
</div>

<div class='banner-bg'>
<div class='content'>
<div class='container'>

<div class='banner-main'>
<div class='banner-prev'>
<a href='http://www.free-wptheme.com/free-wordpress-themes/page1'>Prev</a></div>
<div class='banner-center'> <img alt='Theme Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpG7DYtL5tN4NZC_YWIvrU_x7xfmma0swbSMCqWZ2qyrl_2a4u4np1JBQ-USxEQ1DEu7R0qgxl1SgxkznOFhEwBu_vFInCaYKkl-bLz4fDuP2NJZa2mrZCv8BeuLeE3UNEnOuCTTgGR31T/s1600/banner.png'/> </div>
<div class='banner-next'><a href='http://www.free-wptheme.com/free-wordpress-themes/page1'>Next</a></div>
</div>

<div class='ad-bg'>
<ul class='advertisement'>

<li><a href='#'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIjLSgg7phvHJRww2x_do-O0x6r4OpQow0XlDtpwRP7Tbe-NMDhK9xLHqZYz7TkNWG0qkrn3-UnHp1SnsU_SzcTyVJGoEJgqnEwEXRqH-AcLTc5otlRYjzsR6DgBahfuT1CaJ3hyphenhyphenQASPzC/s1600/advertise_here.gif '/></a></li>
<li><a href='#'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIjLSgg7phvHJRww2x_do-O0x6r4OpQow0XlDtpwRP7Tbe-NMDhK9xLHqZYz7TkNWG0qkrn3-UnHp1SnsU_SzcTyVJGoEJgqnEwEXRqH-AcLTc5otlRYjzsR6DgBahfuT1CaJ3hyphenhyphenQASPzC/s1600/advertise_here.gif '/></a></li>
<li><a href='#'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIjLSgg7phvHJRww2x_do-O0x6r4OpQow0XlDtpwRP7Tbe-NMDhK9xLHqZYz7TkNWG0qkrn3-UnHp1SnsU_SzcTyVJGoEJgqnEwEXRqH-AcLTc5otlRYjzsR6DgBahfuT1CaJ3hyphenhyphenQASPzC/s1600/advertise_here.gif '/></a></li>
<li><a href='#'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIjLSgg7phvHJRww2x_do-O0x6r4OpQow0XlDtpwRP7Tbe-NMDhK9xLHqZYz7TkNWG0qkrn3-UnHp1SnsU_SzcTyVJGoEJgqnEwEXRqH-AcLTc5otlRYjzsR6DgBahfuT1CaJ3hyphenhyphenQASPzC/s1600/advertise_here.gif '/></a></li>
</ul>
</div>

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

<div class='content-bg'>
<div id='outer-wrapper'>


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='content-wrapper'>
<div class='content-shadow'>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<div id='main-wrapper'>
<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>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</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 hentry uncustomized-post-template'>

<div class='blog-head'>

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

<div class='blog-header'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
</div>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a>
</b:if>
</b:if>
<span/>
</span>

</div>

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

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

<div style='clear: both;'/> 
<div class='fix'>
<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>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span> </td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>

<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>


<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>

<span class='post-icons'>

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


<b:include data='post' name='postQuickEdit'/>
</span>
</div>

<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<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>
</span>
</div>

<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='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</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='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='comment-form' var='post'>
<div class='comment-form'>
<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/>
<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='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</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='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://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<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>
 
<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>

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<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>
<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>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</p>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='main' var='top'>

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b: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>
<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>
<data:adEnd/>
</div>


<b:include name='nextprev'/>


<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>
<script src='http://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:widget>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>

</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>


<div class='clear'> </div>

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

<div id='footer-bg'>
<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>
</div>



<div id='credit-bg'>
<div id='credits'>
<div id='credits_left'>
Copyright 2009 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
</div>
<div id='credits_right'>
Design by <a href='http://www.dellustrations.com/' rel='nofollow' target='_blank'>Dellustrations</a>
| <a href='http://www.BloggerThemes.net' target='_blank' title='Bloggerthemes'>Blogger Theme </a>by <a href='http://www.BloggerThemes.net' target='_blank' title='Bloggerthemes'>BloggerThemes</a>
</div>
</div>
</div>

</body>
</html>

Posted in: BLUES

roni

TEMPLATE B

PETUNJUK

TEMPLATE B

Ads 468x60px

MACAM TEMPLATE

Kamis, 25 Agustus 2011

BLUES

0 komentar:

Posting Komentar