GRAFFITI ART ~ TEMPLATE A

COPY KODE HTML TEMPLATE DIBAWAH INI

<?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[/*

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Name: Graffiti Art
Blogger Template by http://bloggertricks.com
URL: http://www.bloggertricks.com

Originally it was a wordpress theme by wpgalaxy.com
URL: http://www.wpgalaxy.com/

Template released under the Creative Commons Atribution License,
PLEASE DO NOT REMOVE THE FOOTER CREDITS

Distributed by: http://BTemplates.com

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */

/*-- (Hiding the navbar) --*/
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
body {
margin:0px auto;
padding:0px;
font-size: 12px;
font-family: Verdana, Arial, Georgia, Helvetica, sans-serif;
color: #666666;
width:770px;
position: relative;
background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpsA3VDQI3Nv4jt1K8iQ61u1is42FD9ypTKRJkHrDb1_qcc6yNnOZ0meY0kEjgHwBy6BDl9t_uB6WyOfnlczyreIdQUfo_ajriZmWv0mF3CY0UAfhvgUkHNVcCgVLpoN3FFtEICSiyU7o/s1600/body-bg.jpg) no-repeat center top;
}

#body_wrap {

}

#page {
text-align: left;
background-color: #fff;
margin:0 auto;
}

#page-top {
background: url(http://myblogtalk.com/bloggertemplates/graffitiart/images/page-top-bg.jpg) bottom no-repeat;
}

#page-body {
background-color: #fff;
}

#content {
background-color:#fff;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqMHTLyoHXnHz5QezbuFK7JvxYU7jol7QWIeEbBYW60pTR6qrz-6h6EqSWSQiJUmX1x7u0a0ZPfT60Vegpt7l4B2biF58u19Mcfv7oOlqKd03pQG26FmS9v7UsDvAxTnGX35gQovwNdTM/s1600/vertical-line.jpg) top right repeat-y;
line-height: 1.4em;
}

#sidebar {
background-color:#fff;
}

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

.narrowcolumn .postmetadata {
text-align: left;
}

.alt {
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
}

#footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
border: none;
}

#footer a { color: #3f6067; }

small {
font-family: Verdana, Arial, Georgia, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.5em;
}

h2, h3 {
font-family: Arial, Verdana, Sans-Serif, 'Georgia', 'Lucida Grande';
font-weight: normal;
}

h1 {
font-family: Arial, Verdana, Sans-Serif, 'Georgia', 'Lucida Grande';
font-size: 36px;
text-align: left;
font-weight:normal;
}

#header #headerimg .description {
font-family: Verdana, 'Lucida Grande', Arial, Sans-Serif;
font-size: 12px;
text-align: left;
color:#f4600e;
padding-left:18px;
height:121px;
}

h2 {
font-size: 20px;
}

h2.pagetitle {
font-size: 20px;
}

#sidebar h2 {
font-family: Arial, Verdana, Sans-Serif, 'Georgia', 'Lucida Grande';
font-size: 20px;
margin:0;
padding:0px 10px 0px 0px;
width:210px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg4DwAXfjDcnfCPETDG0XuGqu9tcQMsbTFaJkM_SY1OeveO3jM3jfL1BVo5ZCkJqr1_JeMvFbtKyG0N2yEe4wa8yYgHTEwQZnf-vTJVZrVj8jLH3jg1KmRkanNOXNjYHvaf1bHVa-Q_3k/s1600/sidebar-h2-bg.gif) bottom left repeat-x;
color:#e30f85;
}

h3 {
font-size: 1.6em;
}

h1, h1 a, h1 a:hover, h1 a:visited{
text-decoration: none;
color: #fff;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #009fc6;
}

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

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

.commentlist li, #commentform input, #commentform textarea {
font: 0.9em Verdana, Arial, Sans-Serif;
}

.commentlist li {
font-weight: normal;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOeWIlFu__dzi_90AWBJj0OMi67-tkK3wLAo5lpkiO3KWp359ysDBfBjLf5G-lFUbW7e7P6Sx5MYg-gTR9YN39GxtUXUdb3sXrqsYlnOm0bH4vZ30qdbme_K9nt5IbXkiekor0EZg7s4w/s1600/comment-post-icon.gif) top left no-repeat;
}

.commentlist li ul li, .commentlist li ol li {
background:none;
}

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

.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}

#commentform p {
font-family: Verdana, Arial, Georgia, Helvetica, sans-serif;
}

.commentmetadata {
font-weight: normal;
}

#sidebar {
font: 11px Verdana, Arial, Georgia, Helvetica, sans-serif;
line-height: 18px;
background: #fff;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #666;
}

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

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

a, h2 a:hover, h3 a:hover {
color: #3f6067;
text-decoration: none;
}

a:hover {
color: #3f6067;
text-decoration: underline;
}
.widget-content{
padding-top:3px;
padding-left:6px;
padding-right:6px;
padding-bottom:3px;
}
#wp-calendar #prev a, #wp-calendar #next a {
font-size: 9pt;
}

#wp-calendar a {
text-decoration: none;
}

#wp-calendar caption {
font: bold 1.3em Verdana, Arial, Georgia, Helvetica, sans-serif;
text-align: center;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* End Typography & Colors */

/* Begin Structure */

body {
margin: 0 auto;
padding: 0;
width:770px;
min-height:600px;
}

#body_wrap {
margin: 0 auto;
padding: 0;
}

#header {
margin: 0 auto;
padding: 0;
height: 270px;
width:770px;
}

#page {
margin: 0 auto;
padding: 0;
width: 770px;
min-height: 500px;
padding-top:10px;
}

#page-body {
margin: 0 auto;
width: 770px;
min-height: 600px;
}

#content {
float:left;
width: 498px;
min-height:600px;
padding:0;
margin:0px 1px 10px 18px;
}

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

.post {
padding:0;
margin:0;
text-align: justify;
font-size:11px;
min-height:50px;
margin-right:15px;
}

.post hr {
display: block;
}

.post-head {
float:left;
padding-bottom: 8px;
width:488px;
}

.post-head h2 { margin: 0px; }

.category-icon {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB5_JDDlpQRKB2bAvAr2H_7a4FnQ1FS-xiN4crtn00k_UUnSU9T2Bw7A8sXTgchIxj785cJVYV6ytRdjAaw2CLvmdZfsGA0RKV6GWw4ke5lNshd7KUN27QVha5Y2I5Gqgvc-VfjaZV-q4/s1600/bullet_disk.png) left center no-repeat;
width:14px;
height:14px;
padding:5px 5px 5px 20px;
}

.comment-icon {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlk1Tx-abA2JhcEJiZbf-RheRYHTZzdYtoqGDftRcgbAc0AkY6mcWUv8tRJ_dUaf_5eA9KG3VIYFtzqnAUBYXgWYCWin4BWc1UF2ErhtbZr_ndip9uLn4epgoLvnquMe7pc657PkKlYHI/s1600/comments.png) left center no-repeat;
width:14px;
height:15px;
padding:5px 5px 5px 20px;
}

.entry {
margin:0;
padding-top:1px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS_N92fZlEJ8kKzmHnQ07IMROg6krwaJUWifyUSvkFz_6ucgcs-ABYiHXSferaXyxcmYtyeGgsP4Ajc1wK7mv3rpiXPHCCQzLu0amrVdTiBtksuSJ5Mo9MMZkz_c2dx-0Ad0LOhu7-I6s/s1600/post-divider.jpg) top right repeat-x;
}

.postmetadata {
clear: left;
height:28px;
width:478px;
line-height:2.3em;
font-size: 10px;
font-family: Verdana, Arial, Georgia, Helvetica, sans-serif;}

.postmetadata a {
color:#3f6067;
}

#footer {
margin: 0 auto;
padding: 0;
width:770px;
background:#fff;
}

#footer p {
margin: 0;
padding-top:10px;
text-align: center;
color: #787878;
}
/* End Structure */

/* Begin Headers */
h1 {
margin: 0;
padding:0;
padding-left:18px;
padding-top:73px;
height:50px;

}

h2 {
margin: 12px 0 10px 0;
line-height:30px;
}

h2.pagetitle {
text-align: left;
}

h3 {
padding: 0;
margin: 25px 0 0 0;
}

/* End Headers */

/* Begin http://myblogtalk.com/bloggertemplates/graffitiart/images */
p img {
padding: 0;
max-width: 100%;
}

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

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

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

.alignright {
float: right;
}

.alignleft {
float: left;
}
/* End http://myblogtalk.com/bloggertemplates/graffitiart/images */

html>body .entry ul {
margin: 0 20px 15px;
padding: 0 0 0 30px;
list-style: disc;
padding-left: 10px;
text-indent: -5px;
}

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

.entry ul {
margin-left:28px;
}

.entry ul li {
padding:0;
padding-left:10px;
}

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

.entry ol li {
margin: 0;
padding: 0;
}

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}

#sidebar ul, #sidebar ul ol {
margin: 0px;
padding: 0px;
}

#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 10px;
}

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

#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 3px;
}

#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 8px;
}

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

#sidebar ul ul li, #sidebar ul ol li {
margin: 0px 10px 0 25px;
padding: 0;
list-style-type:disc;
color:#666666;
}

#sidebar ul ul li a {color:#666;}
/* End Entry Lists */

/* Begin Form Elements */
#searchform {
width: 230px;
height:30px;
padding:0;
margin:0;
}

#header #searchform #s {
width: 170px;
}

#sidebar #searchsubmit {
padding: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}

select {
width: 130px;
}

#commentform {
margin:0;
padding:0;
}

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
background-color:#ccffcc;
border:1px solid #339933;
}

#commentform textarea {
width: 95.5%;
padding: 2px;
background-color:#ccffcc;
border:1px solid #339933;
}

#commentform #submit {
margin: 0;
float: right;
margin-bottom: 2em;
margin-right:16px;
}
/* End Form Elements */

/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
}

.commentlist {
padding: 0;
text-align: justify;
}

.commentlist li {
margin: 15px 0 3px;
padding: 0px 10px 3px 20px;
list-style: none;
}

.commentlist li ul li {
list-style: disc outside;
border:0;
margin:0;
padding:3px;
}

.commentlist li ol li {
list-style: decimal outside;
margin:0;
border:0;
margin-left:4px;
padding:0px;
}

.commentlist p {
margin: 10px 5px 10px 25px;
}

#commentform p {
margin: 5px 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */

/* Begin Sidebar */
#sidebar {
float:right;
padding: 0;
margin:0;
width: 228px;
min-height: 430px;
}

#sidebar1 {
float:right;
width:228px;
min-height:100px;
}

#sidebar form {
margin: 0;
}

#sidebar p {
padding:5px 0;
color:#333
}

#sidebar .subscribe-rss {
background: none;
margin:0;
}

#sidebar .rss-feed-a {
color:#0099cc;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiETZCY77mmJfUW3GgLfNQIviKTGrnp_glrVVa9-yXymR27nUsim7Y8WRN_5PWHyzc75dDVplcCyM2wzdpjopmWJfpbWMuWGz0U_V7lELbd4gR3oqz-Ek6BamWkCWy0y8rdAyQk5013nzY/s1600/rss-icon.jpg) right no-repeat;
padding-right:30px
}

/* End Sidebar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}

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

blockquote {
margin:0;
padding:0;
padding-left:50px;
min-height:30px;
color:#999999;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZyR2ojXRyf43HF836rA1-Frfh8e0FI9nwguofAd2nXbpCFbK7H8_TAz3naYEB8XMbO6hPUZYPInyaqVPq1QtlPrBoOO2mQ-1Cwho6r_Wb03S6ENx8GgCPXXHZ0aqdcfrBX6FgqyPeYeA/s1600/blockquote-bg.jpg) top left no-repeat;
font-style:italic;
width:85%;
}

blockquote blockquote {
margin:0;
}

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

.center {
text-align: center;
}

hr {
display: none;
}

a img {
border: none;
}

.navigation {
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
width:485px;
}
/* End Various Tags & Classes*/

/* PAGE MENU */
#menu-bar {
float:left;
margin:0;
padding:0;
width: 700px;
line-height:26px;
height:29px;
padding-left:14px;
font-size:10px;
}

#menu-bar ul {
padding:0;
margin:0;
}

.pagenav-home {
width: 98px;
height:29px;
list-style-type:none;
padding:0;
margin:0;
display:inline;
}

.pagenav {
list-style-type:none;
}

.pagenav h2 {
display:none;
margin:0;
padding:0;
}

.pagenav ul, .pagenav-home ul {
list-style-type:none;
float:left;
padding:0;
margin:0;
}

.pagenav ul li {
padding:0;
margin:0;
display:inline;
}

.pagenav ul li a, .pagenav-home ul li a {
width:98px;
float: left;
margin-left:2px;
background: #fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcJinmD11LJ1NTb67-cHx8ikKUF9-mr3IruAeMsBckv6svPae65UCmR6hAI6P3e2xe4qGZ3thaSQxWPJeZgxbEz1ViuNeZJ9ySMjb1LHifmFLySGB3tywG7nh9oszntbPmZhDct6f4Uds/s1600/pagemenu-inactive-bg.jpg') top repeat-x;
color:#fff;
text-decoration: none;
text-align:center;
text-transform:uppercase;
font-weight:bold;
}

.pagenav ul li a:hover, .pagenav-home ul li a:hover {
background: #fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNBFtk9Zvwmp7iT4b27x9bJx4h5T3sNnfMiaTTP6ZJ086z1ltN2h-hH4snuRePvlqpU4SU1wiShisaYuLin4sU26gERss7ku9epLAuJzK9I6yvwE9D2SVRyw1Seqgd3Cmh9F-jMHSp4EA/s1600/pagemenu-active-bg.jpg') top repeat-x;
color:#de5400;
}

.pagenav ul li.current_page_item a, .pagenav-home ul li.current_page_item a {
background: #fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNBFtk9Zvwmp7iT4b27x9bJx4h5T3sNnfMiaTTP6ZJ086z1ltN2h-hH4snuRePvlqpU4SU1wiShisaYuLin4sU26gERss7ku9epLAuJzK9I6yvwE9D2SVRyw1Seqgd3Cmh9F-jMHSp4EA/s1600/pagemenu-active-bg.jpg') top repeat-x;
color:#de5400;
}

.pagenav ul li.current_page_item ul li a {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcJinmD11LJ1NTb67-cHx8ikKUF9-mr3IruAeMsBckv6svPae65UCmR6hAI6P3e2xe4qGZ3thaSQxWPJeZgxbEz1ViuNeZJ9ySMjb1LHifmFLySGB3tywG7nh9oszntbPmZhDct6f4Uds/s1600/pagemenu-inactive-bg.jpg') top repeat-x;
color:#fff;
}

.pagenav ul li.current_page_item ul li a:hover {
background: #fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNBFtk9Zvwmp7iT4b27x9bJx4h5T3sNnfMiaTTP6ZJ086z1ltN2h-hH4snuRePvlqpU4SU1wiShisaYuLin4sU26gERss7ku9epLAuJzK9I6yvwE9D2SVRyw1Seqgd3Cmh9F-jMHSp4EA/s1600/pagemenu-active-bg.jpg') top repeat-x;
color:#fff;
}

#footer-top {

margin:0 auto;
width:770px;
height:9px;
}

#footer-bot {
margin:0 auto;
width:770px;
height:50px;
text-align:center;
}

#recent-comments {
float:left;
height:200px;
width:552px;
padding-left:38px;
padding-top:10px;
}

#recent-comments h2, #meta h2 {
font-size:30px;
}

#recent-comments ul, #meta ul {
font: 14px 'Century Gothic', Arial, Verdana, 'Lucida Grande', Sans-Serif;
padding:2px;
padding-left:12px;
margin:4px;
}

#recent-comments ul li {
padding:2px;
}

#meta ul li {
padding:2px;
}

#meta {
float:left;
height:200px;
width:265px;
padding-left:70px;
padding-top:10px;
}

/* SIDEBAR addons */

#sidebar ul ul li {
list-style-type:none;
padding-left:15px;
margin-left:0px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2BhlsJvMWWhoNcCp5lQnJcZ06w5QFmcx9qE6zVxf1XkID2tMSP-ok71MR3igia-0q-1UJoM4Pmj1nrVXMIqMi8JCNQ4diDPDq0M9vwHO1pIV21w1CtUWOVfIoavfrfBvvFhNEDuwPOIM/s1600/bullet_blue.png) left no-repeat;
}

.date {
float:left;
padding-left:20px;
color:#3f6067;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8jtsBx0y9AmVhxZc7Ky_vwvwxizpoAj5n-3m9NwKLd_IuW9Vr49eOtkr7W0gApAyhgj7xCcaMYBxEYHYZRQWiAZi22t56EETfoXimxzRiqHfBd13eGk4cTELN5NTJ3-ZTkSbjsaACj_U/s1600/calendar_view_day.png) left center no-repeat;
}

.comment {
float:right;
}

#page-bottom {
height:150px;
width:770px;
margin:0 auto;
background: #719bb1 url(http://myblogtalk.com/bloggertemplates/graffitiart/images/page-bottom-bg.jpg) no-repeat center top;
}

dt{
color:#000;
font-style:italic;
}
dt a{
color:#e30f85;
font-weight:bold;
}
]]></b:skin>
</head>

<body>
<div id='body_wrap'>
<div id='header'>
<div id='headerimg'>
<b:section class='blogname' id='top' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Graffiti Art (Header)' type='Header'>
<b:includable id='title'>
<A expr:href='data:blog.homepageUrl'><data:title/></A>
</b:includable>
<b:includable id='description'>
<div class='description'><data:description/></div>
</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 id='menu-bar'>
<ul>
<li class='pagenav-home'>
<ul>
<li class='navlinks'><a expr:href='data:blog.homepageUrl'>Home</a></li></ul>
<ul>
<li class='navlinks'><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Entries (RSS)</a></li></ul>
<ul>
<li class='navlinks'><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments (RSS)</a></li></ul>
</li>

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

<div id='page'>
<div id='page-body'>
<div id='content'>

<b:section class='content423' id='content45' 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='post-head'>

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<div><small class='date'> <b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if> on <data:post.timestamp/></small> <small class='comment'><span class='comment-icon'> <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></small></div>

</div>

<div class='post-header-line-1'/>
<div class='cover'>
<div class='entry'>
<p><data:post.body/></p>
<div style='clear: both;'/> 
</div> </div>
<div class='postmetadata'>
Posted in <span class='category-icon'><b:if cond='data:post.labels'>

<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>
<p class='post-footer-line post-footer-line-1'>


<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'>
<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"'> 
<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'/>
<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'>Comment by
<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> on <data:comment.timestamp/>

</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> <b:include data='comment' name='commentDeleteIcon'/>
<dd class='comment-footer'>
</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'>

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


<b:include name='nextprev'/>


<b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>

<div class='navigation'>

<div class='alignleft'/>
<div class='alignright'/>
</div>

</div>

<div id='sidebar'>
<div id='sidebar1'>
<div id='sidebar1-top'/>
<ul>

<li><h2 class='subscribe-rss'><a href='/feeds/posts/default'>Subscribe RSS<img alt='Subscribe' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiETZCY77mmJfUW3GgLfNQIviKTGrnp_glrVVa9-yXymR27nUsim7Y8WRN_5PWHyzc75dDVplcCyM2wzdpjopmWJfpbWMuWGz0U_V7lELbd4gR3oqz-Ek6BamWkCWy0y8rdAyQk5013nzY/s1600/rss-icon.jpg'/></a></h2></li>

<li><h2 class='subscribe-rss'>Search</h2>

<FORM expr:action='data:blog.homepageUrl + "search"' id='searchform' method='get'>
<div>
<INPUT id='s' name='q' type='text' value=''/><INPUT id='searchsubmit' type='submit' value='Search'/>
</div>
</FORM>

</li>

<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> 
<ul>
<b:loop values='data:authors' var='i'>
<li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
</b:loop>
</ul>

<b:else/> 

<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>

<dl class='profile-datablock'>
<dt class='profile-data'><data:displayname/></dt>

<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>

<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
</b:if>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<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='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:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<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>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</ul>
<div id='sidebar1-bot'/>
</div>
</div>
</div><div style='clear:both'/>
</div>

<div id='footer'>
<div id='footer-top'/>
<div id='footer-bot'>
<p>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | ©<a href='http://www.wpgalaxy.com' target='_blank'> Graffiti Art</a> design by <a href='http://www.bloggertricks.com' target='_blank' title='Free Blogger Templates'>Blogger Templates</a>

</p>

</div>
</div>

</div>

</body>
</html>

Posted in: GRAFFITI ART

TEMPLATE A

BLOG LAINNYA

MACAM TEMPLATE

Sabtu, 20 Agustus 2011

GRAFFITI ART

0 komentar:

Posting Komentar