code html ada di bawah silakan kalian cope paste.....
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[
/*-- (Hiding the navbar) --*/
#navbar-iframe {
display:none !important;
}
body {
margin:0;
padding-top:0px;
background:#2F2723 ;
font-family:Verdana,Tahoma,sans-serif;
color:#99806B;
font-size:13px;
}
img {
border:0;
}
a {
color:#EFC8B3;
text-decoration:none
}
a:hover {
color:#CF9C81;
text-decoration:none
}
h1, h2, h3, h4, h5, h6 {
}
blockquote {
padding-left:10px;
color:#8B8076;
font-style: normal;
}
.clear {
clear:both;
}
.alignleft {
float:left;
padding:0px 0 0 5px;
margin-top:-15px;
}
.alignright {
float:right;
padding:2px 0 0 5px;
}
/* The Wrapper */
#wrapper {
width:1000px;
margin:0 auto;
background:url(http://i36.tinypic.com/351x36b.jpg);
background-repeat:repeat-y;
}
/* The Search */
.search {
height:29px;
padding:0px 25px 0 14px;
float: right;
}
.search form {
background:url();
width:210px;
height:29px;
padding-top:15px;
padding-left:17px;
}
.search input {
float:left;
}
.search input#s {
width:160px;
border:none;
background:#fff;
font-size:16px;
color:#444;
height:20px;
}
.search input#submit {
border:none;
background:#fff;
font-size:16px;
color:#aeaeae;
height:22px;
width:35px;
}
/* The Top */
#top {
height:116px;
margin-top:0px;
background:#bd0101 url(http://i522.photobucket.com/albums/w346/charcoal2-template/charcoal2/charcoal1/top1.jpg) ;
background-repeat: no-repeat;
}
.blogname {
float:left;
width:1000px;
font-family:Century Gothic,Verdana,Tahoma,sans-serif;
margin:0px 0 0 0;
}
.blogname h1 {
font-size:40px;
font-weight:normal;
margin:30px 0px 0 50px;
color:#dfdcd6;
text-decoration: none;
text-align:left;
}
.blogname h1 a:link, .blogname h1 a:visited{
color: #CFBCB5;
text-decoration: none;
background-color:transparent;
}
.blogname h1 a:hover {
color: #fff;
text-decoration: none;
background-color:transparent;
}
.blogname h2 {
margin:0px 40px 0 50px;
font-size:16px;
font-weight:normal;
color:#fff;
text-align:left;
}
.content {
padding:10px 10px 25px 15px;
background:#251e1b;
background-repeat:no-repeat;
border-top: 1px solid #3b3430;
}
/* Menu */
#foxmenucontainer{
height:35px;
background:url(http://i522.photobucket.com/albums/w346/charcoal2-template/charcoal2/charcoal1/menu.jpg) ;
display:block;
padding:0px 0 0px 14px;
}
#foxmenu{
position:relative;
display:block;
height:25px;
font-size:11px;
font-weight:bold;
font-family:Arial,Verdana,Helvitica,sans-serif;
}
#foxmenu ul{
margin:0px;
padding:10px 20px 0 0;
list-style-type:none;
width:auto;
float:left;
}
#foxmenu ul li{
display:block;
float:left;
margin:0 1px 0 0;
width:105px;
}
#foxmenu ul li a{
display:block;
float:left;
color:#dfdcd6;
text-align: center;
text-decoration:none;
padding:6px 0px 0 0px;
width: 105px;
height: 19px;
background:transparent url(http://i522.photobucket.com/albums/w346/charcoal2-template/charcoal2/charcoal1/li2.gif) no-repeat top right;
}
#foxmenu ul li a:hover{
color:#ffc35a;
background:transparent url(http://i522.photobucket.com/albums/w346/charcoal2-template/charcoal2/charcoal1/li2.gif) no-repeat top left;
width: 105px; height: 19px;
text-align: center;
}
#foxmenu ul li a.current,#foxmenu ul li a.current:hover{
color:#ff9600;
width: 105px; height: 19px;
background:transparent url(http://i522.photobucket.com/albums/w346/charcoal2-template/charcoal2/charcoal1/li2.gif) no-repeat top right;
}
#content {
float: left;
width: 765px;
margin: 10px 5px 0px 0;
padding: 0 0;
}
.title{
margin: 0 0;
padding: 0px 0px 0px 5x;
height:60px;
background:transparent;
background:url(http://i522.photobucket.com/albums/w346/charcoal2-template/charcoal2/charcoal1/title.jpg);
}
.post {
margin: 10px 10px 0 5px;
padding:0px 0px 0px 0px;
height: 100%;
text-align:left-align;
color:#d1cbc1;
font: 14px century gothic,verdana, sans-serif;
}
.post h2 {
margin: 0 0;
padding: 22px 0px 0px 23px;
height:30px;
background: transparent;
text-align: left;
font: 26px "Century gothic", Arial, sans-serif;
font-weight:normal;
}
.post h2 a, .post h2 a:link, .post h2 a:visited {
color: #998076;
background-color: transparent;
}
.date {
margin: 0 0;
padding: 0px 0 0 23px;
background:transparent ;
font: normal 12px "arial", Arial, sans-serif;
color: #d1cbc1;
font-variant:small-caps;
}
.postmetadata {
margin: 0 0;
padding: 13px 40px 0px 10px;
height: 25px;
font: normal 12px Verdana, Arial, sans-serif;
text-align: right;
color:#333;
background:url(http://i522.photobucket.com/albums/w346/charcoal2-template/charcoal2/charcoal1/meta.jpg);
}
.post a:link,
.post a:visited {
color: #ad4100;
background-color: transparent;
}
.post a:hover {
color: #fff;
background-color: transparent;
text-decoration: none;
}
.entry {
margin: 0 0;
padding: 5px 15px;
}
.cover{
margin: 0 0;
background:url(http://i522.photobucket.com/albums/w346/charcoal2-template/charcoal2/charcoal1/cover.jpg);
background-repeat:repeat-y;
}
.rightcolumn{
float:right;
width:200px;
}
.rss{
float:left;
}
.del{
float:left;
}
.techno{
float:left;
}
.erss {
float:left;
padding:10px 0 0 10px;
}
.credits{
padding:2px 28px 0 0;
float:right;
color:#da4f1b;
}
/* The Sidebar */
.sidebar {
float:right;
width:200px;
padding-top:10px;
padding-right:0px;
font-size:13px;
font-family: "Century gothic", Arial, sans-serif;
}
.sidebar h2 {
height:33px;
line-height:33px;
font-size:18px;
color:#fff;
margin:5px 0 0 0 ;
padding:0px 0 0 5px;
background:#403530 url(http://i522.photobucket.com/albums/w346/charcoal2-template/charcoal2/charcoal1/h2.jpg);
background-repeat:repeat-x;
}
.sidebar ul {
list-style-type: none;
margin: 0 ;
padding: 0;
}
.sidebar ul li {height:100%;
}
.sidebar ul li a:link, .sidebar ul li a:visited {
color: #998076;
border-bottom: 1px solid #443935;
text-decoration: none;
padding: 3px 0px 4px 18px;
display:block;
font: verdana, arial, helvetica, sans-serif;
background:#382e2a url(http://i522.photobucket.com/albums/w346/charcoal2-template/charcoal2/charcoal1/sidea.jpg) ;
background-repeat:no-repeat;
}
.sidebar ul li a:hover {
background:#403630 url(http://i522.photobucket.com/albums/w346/charcoal2-template/charcoal2/charcoal1/sideh.jpg) ;
background-repeat:no-repeat;
color:#FFFFFF;
border-bottom: 1px solid #332a27;
}
.sidebar p {
padding: 7px 10px;
margin:0;
}
.sidebar table {
width:100%;
text-align:center;
background-color:transparent;
}
.widget-content{
color: #998076;
border-bottom: 1px solid #443935;
text-decoration: none;
padding: 3px 0px 4px 18px;
display:block;
font: verdana, arial, helvetica, sans-serif;
background:#382e2a url(http://i522.photobucket.com/albums/w346/charcoal2-template/charcoal2/charcoal1/sidea.jpg) ;
background-repeat:no-repeat;
}
#time{
float:right;
width:145px;
height:25px;
margin-top:5px;
font-family:Century gothic,Verdana,Helvitica,sans-serif;
padding:1px 0 0 4px;
color:#b1a899;
}
/* --- FOOTER --- */
#footer {
height:60px;
padding:10px 0 0 0px;
background:#2a2a2a url(http://i522.photobucket.com/albums/w346/charcoal2-template/charcoal2/charcoal1/footer.jpg);
background-repeat:no-repeat;
color:#6F584C;
font-size:10px;
font-weight:normal;
text-align:right;
letter-spacing:1px;
}
#footer a {
color:#6F584C;
}
#footer a:hover {
color:#fff;
}
/* The Navigation */
.navigation {
height:25px;
padding:0 20px;
}
.navigation a {
font-weight:bold;
text-decoration:none;
font-size:14px;
color:#685750;
}
.navigation a:hover {
color:#fff;
}
/* The Attachment */
.contentCenter {
text-align:center;
}
/* The Page Title */
h2.pagetitle {
padding:0;
margin:0 0 20px 0;
font-size:25px;
text-align:center;
}
/* The Comments */
.comments {
}
.comments form {
}
.comments textarea {
width:90%;
height:156px;
background:#382F2A;
border:1px solid #403630;
color:#ddd;
padding:10px;
overflow:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
#commentform {
padding-left:23px;
}
#commentform input {
background:#382F2A;
border:1px solid #403630;
color:#ddd;
padding-left:10px;
}
.comments input#submit {
padding:0;
width:72px;
height:29px;
}
.comments h2 {
font-size:19px;
line-height:30px;
margin:24px 0 0 23px;
padding:0;
font-weight:normal;
}
.comments ol li p {
padding:0;
margin:10px 0;
color:#ddd;
}
]]></b:skin>
</head>
<body>
<div id='wrapper'>
<div id='top'>
<b:section class='blogname' id='top' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Charcoal (Header)' type='Header'>
<b:includable id='title'>
<A expr:href='data:blog.homepageUrl'><data:title/></A>
</b:includable>
<b:includable id='description'>
<h2><data:description/></h2>
</b:includable>
<b:includable id='main'>
<h1 class='blognam'>
<b:include name='title'/>
</h1>
<b:include name='description'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='foxmenucontainer'>
<div id='foxmenu'>
<ul>
<li class='current'><a href='#'>Home</a></li>
<li class='current'><a href='#'>Pictures</a></li>
<li class='current'><a href='#'>Videos</a></li>
</ul>
</div>
</div>
<div class='content'>
<div class='rightcolumn'>
<div class='rss'>
<a href='#'><img alt='Subscribe' src='http://i522.photobucket.com/albums/w346/charcoal2-template/charcoal2/charcoal1/rss.jpg' style='vertical-align:middle'/></a>
</div>
<div class='techno'>
<a href='#' title='Technorati'><img alt='Add to Technorati Favourites' src='http://i522.photobucket.com/albums/w346/charcoal2-template/charcoal2/charcoal1/techno.jpg'/></a>
</div>
<div class='del'>
<a href='#'><img alt='Add to del.icio.us' src='http://i522.photobucket.com/albums/w346/charcoal2-template/charcoal2/charcoal1/del.jpg'/></a>
</div>
<div class='sidebar'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Text1' locked='false' title='Welcome' type='Text'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='true' title='Categories' type='Label'>
<b:includable id='main'>
<DIV class='sidebar' id='sidebar'>
<DIV class='sidebar'>
<H2 class='sidebar'>
<data:title/><A class='toggle close' href='#'/>
</H2>
</DIV>
<DIV class='sidebar'>
<UL class='sidebar'>
<b:loop values='data:labels' var='label'>
<LI class='cat-item'>
<A expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/> (<data:label.count/>)
</A>
</LI>
</b:loop>
</UL>
<b:include name='quickedit'/>
</DIV><!-- clear -->
<DIV class='clear'/>
<!-- end categories -->
</DIV>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
</b:includable>
<b:includable id='interval' var='intervalData'>
</b:includable>
<b:includable id='flat' var='data'>
<UL class='sidebar'>
<b:loop values='data:data' var='i'>
<LI class='cat-item'>
<A expr:href='data:i.url'><data:i.name/> (<data:i.post-count/>) </A>
</LI>
</b:loop>
</UL>
</b:includable>
<b:includable id='menu' var='data'>
</b:includable>
<b:includable id='posts' var='posts'>
</b:includable>
<b:includable id='main'>
<DIV class='box one-col' id='categories'>
<DIV class='box-top'>
<H2 class='sidebar'>
<data:title/><A class='toggle close' href='#'/>
</H2>
</DIV>
<DIV class='box-body'>
<b:include data='data' name='flat'/>
</DIV><!-- clear -->
<DIV class='clear'/>
<DIV class='box-bottom'/>
</DIV><!-- end categories -->
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div id='content'>
<b:section class='content' id='content' showaddelement='yes'>
<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'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<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:includable>
<b:includable id='post' var='post'>
<div class='post uncustomized-post-template'>
<div class='title'>
<div id='time'> <b:if cond='data:post.dateHeader'>
<data:post.dateHeader/>
</b:if>
</div>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2 class='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>
</h2>
</b:if>
<span class='date'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>
</div>
<div class='post-header-line-1'/>
<div class='cover'>
<div class='entry'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div> </div>
<div class='postmetadata'>
<p class='post-footer-line post-footer-line-1'>
<span class='alignleft'>
<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'><data:top.commentLabel/> (1)<b:else/><data:top.commentLabelPlural/> (<data:post.numComments/>)</b:if></a>
</b:if>
</b:if>
</span>
<div class='alignright'> <a href='#top'> TOP </a> </div>
<!-- backlinks -->
<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'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<span class='email-post-icon'> </span>
</a>
</span>
</b:if>
</span>
</p>
<p class='post-footer-line post-footer-line-2'/>
</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'>
<span class='delete-comment-icon'> </span>
</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"'> <!-- 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='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</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'>
<span class='delete-comment-icon'> </span>
</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'>
<span class='quick-edit-icon'> </span>
</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>
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<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='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<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'>
<!-- posts -->
<div class='blog-posts'>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>
<div class='navigation'>
<div class='alignleft'/>
<div class='alignright'/>
</div>
</div>
<div class='clear'/>
</div>
<div id='footer'>
<div class='erss'>
Design by <a href='http://web2feel.com/'>Jinsona</a> | <a href='http://blogger-templates.blogspot.com' title='Free Blogger Templates'>Blogger Templates</a>
</div>
<div class='credits'>
<a href='#top'> TOP </a>
</div>
</div>
</div>
</body></html>
0 komentar:
Posting Komentar