Kode Template: Kertas Arsip

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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[/*

-----------------------------------------------
Theme Name: WaterColor
Theme URI: http://www.templatelite.com/watercolor-free-wordpress-theme/
Description: Take your theme to the next level with this artistic Watercolor theme.
Version: 1.00
Author: TemplateLite.com
Author URI: http://www.templatelite.com/
Tags: red, fixed width, two columns, widget ready, valid xhtml, valid css

Converted to blogger template by FalconHive.com
Theme URI: http://www.falconhive.com/2009/03/water-color.html
Version: 1.00
Date: 09 March 2009
Author URI: http://www.falconhive.com
Reminder: Unless you get the permission from the FalconHive.com, you are strictly not allowed to increase or decrease any footer link in the footer.
----------------------------------------------- */

#navbar-iframe {
   height:0px;
   visibility:hidden;
   display:none;
}

body{
    margin:0px auto;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color:#000000;
    background:#D9D7A6 url(http://img9.imageshack.us/img9/2817/bgrepeatz.jpg) repeat-y top center;
}

img {
    border:0px;
    padding:5px;
    max-width: 100%; /* not working in IE6*/
    /*height: auto;*/ /* you can enable this. but it will cause safari problem*/
}
a {color:#9E7B22;text-decoration: none;}
a:hover {color: #9E7B22;text-decoration: underline;}

h1 {font-size:30px;}
h2 {font-size:26px;}
h3 {font-size:21px;}
h4 {font-size:17px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

p {margin: 0px 0px 12px 0px;}
hr {height:1px;border:none;border-top:1px dashed #ACACAC; width:90%;}
del {color:red;}
ins {color:green;}
blockquote {
    clear: left;
    text-align: justify;
    padding: 0px 0px 0px 10px;
    margin: 20px 20px 10px 20px;
    border-left: 2px solid #ACACAC;
}
input,select,textarea {
    font-size:11px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
code{
    font: 1.1em 'Courier New', Courier, Fixed;
}

.alignleft {float: left;}
.alignright {float: right;}
.aligncenter,div.aligncenter{
    display: block;
   margin-left: auto;
   margin-right: auto;
}
img.alignleft {
    padding: 5px;
    margin: 0 7px 2px 0;
    display: inline;
}
img.alignright {
    padding: 5px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.clear {clear:both;}
.spacer {height:40px;}

/*************** layout ***************/
#base_top{
    position:relative;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5lqKPaalxR0A8U5dTF2j_9C4VwspcwEPambM0K94CmTmacE1dISa4_zy6BJBq1kAKKsS5VoB0S5F2oYsJpz3B37Wfs1WMwHecx6gXIy8uPWFCAkwUQnIV31OmS6vxbokFqVqlgMKeSVaZ/s1600/bg_top.jpg) no-repeat top center;
    margin:0;    padding:0;
}
#base_bottom{
    position:relative;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1SPEUH59cEzLFIM-lpSNDKhzyQQziYqizwJPFA07uTOZNN5IfKkGRFBT6LiNsMErzff7xHVV0IT00tK8gcBzIdHWVm86dzDJuOt3MU3HJ8J1gYxNUBOLetIy8suvOXUxTK0r7_b45hcrL/s1600/bg_bottom.jpg) no-repeat bottom center;
    margin:0;    padding:0;
}
#base{
    position:relative;
    width:980px;
    margin:0px auto 0 auto;
    padding:0px 0 0 0;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxzgmuJ6xhYSvlBJcGU9jh3admZpT8zKaYKfA1NRicChsQjJ46sTtDnobkLmovwCbc9H-R7tipsMxu3tIgML_azvDGFm1U_A9vqcC3MHoC_OFiH3dYPJBXkuZQbnjjXnf0BF2Nswn1zJpL/s1600/bg_center_repeat.jpg) repeat-y top center;
    border:0px red solid;
}

#header{
    position:relative;
    height:200px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJi9nYCc6uZgqfdCAv84N2fXG4rG_83sLtujatMmmsqr_Bv0u4SWFLl5YOl679ThJ-ebvL5f7MaMbkA6-3aaKHwGaNpUswbBDamxCGL5Sa8s9Es2yJ9pQMLL16HnEgaqMMe13oo6_HMg8h/s1600/bg_header.jpg) no-repeat top center;
    margin:0; padding:0;
    border:0px red solid;
}

#container{
    position:relative;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU-H23GbTIwyK5Df4ztsVKboXCxE38UVaeRjaDrFjX-AWeCOWzDsqcCjWFMRtvl97sUGtIg4B3hAj13LjHyD_i11vNN7Zw90U849V6BGtAYWEpAQD_mRarlJjjzkpAbFWqGnhLgMbypE1T/s1600/bg_container.jpg) no-repeat top center;
    margin:0;padding:0;
    border:0px blue solid;
}
#content{
    position:relative;
    float:left;
    display:inline;
    width:588px;
    border:0px red solid;
    margin:8px 0 0 67px;
    padding:0 10px 0 10px;
    /*background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSM81yxaVwijtguWn9h7bCOxlXem08eWBLjrHOwcELs1HERb0UUQw9gEBm0rcfFy89HPQpzSe3H9QT-t460mmjhjVGcM9cqiCfDbWM3fdf6hiUBxZxDuMGdwAEZqv7rRsyajQNGIUAUkMr/s1600/transparent.png);*/
}

#sidebar{
    float:right;
    overflow:hidden;
    display:inline;
    width:177px;
    margin:50px 96px 0 0;
    border:0px red solid;
}

#footer{
    height:149px;/*bg=471px;*/
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcsAv24pO7JjKM8mDocBS_9qX503miI3cqGXMgx3Qle4wF0Nwlw_rJqqvbu7iC2emH8Bk5PzcE9P9eW3CECsxwBlUp1ysk3vtjS7QoduDRnuIZadz6XBvIkN4rEr3VOmv9rYdrHLQGX0Ta/s1600/bg_footer.jpg) no-repeat bottom center;
    font-size:11px;
    margin:-189px 0 0 0;
    padding:322px 50px 0 350px;
    border:0px yellow solid;
    text-align:right;
}
#footer a, #footer a:hover{
    font-size:11px;
    color:#000000;
    text-decoration:underline;
}

/************** Header **************/
#blogtitle{
    position:relative;
    font-family: Arial,Verdana;
    margin:0px 250px 0 100px;
    padding:20px 0 0 0;
    text-align:center;
    font-size:32px;
    font-weight:bold;
    border:0px red solid;
}
#blogtitle a, #blogtitle a:hover {
    font-family: Arial,Verdana;
    color:#000000;
    text-decoration:none;
}
#subtitle {
    position:relative;
    font-family: Arial, Verdana;
    margin:0px 300px 0 150px;
    padding:10px 0 0 0;
    text-align:center;
    font-size:12px;
    color:#000000;
    font-style:italic;
    font-weight:bold;
    border:0px red solid;
}

#menu {
    position:absolute;
    overflow:hidden;
    left:0;
    bottom:0px;
    padding:0;
    margin:0 0 0 75px;
    width:450px;
    height:40px;
    border:0px red solid;
}
#menu ul {
    float:left;
    width:100%;
    height: 40px;
    padding:0;
    margin:0px;
}
#menu ul li {
    display: inline;
    font-size: 11px;
    font-family:Arial,Verdana;
    font-weight: bold;
    height:40px;
    margin:0px;
}
#menu ul li a { /*145x70*/
    float: left;
    display: block;
    height:25px;
    width:87px;
    line-height: 12px;
    color: #000000;
    text-align:center;
    padding: 15px 10px 0 8px;
    margin:0 2px 0 0;
    text-decoration:none;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2XXY0J_L5Hh3dpKX4HY1DApzH0vPg0LaVYiKnCsVQXcR2Rl3Gf9rHM-dxNX7eUEPr__ycaNi2vU2LgjtxRrxwiZNT95hFlZuuLji1ARFG-O-99C8MkmJOhZdIUo44BgarIvK78VNClvJI/s1600/bg_menu1.png) no-repeat top center;
}

#menu ul li a:hover, #header ul li.current_page_item a {
    color:#b01115;
    cursor:pointer;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIJ2U_yb_zudAeZ9S6xFbgZPpKKaUxjZEoupTQD6tCa6VjrruDPADy8rGeUj_z2EiQGtqWPzQ4bDUOOIPgd_O6kkB_Y7WV3uXxm-1OHEkkqqe-UCtyfV_1wkW_BqHgyIFpZ1RjdMrTxOtz/s1600/bg_menu2.png);
}

#header img.home {
    position: absolute;
    margin:0px;
    padding:0px;
    left: 65px;
    top: 0px;
    width:800px;
    height:130px;
    border:0px red solid;
}

#mainsearch{
    position:absolute;
    top:166px;
    left:758px;
    width:170px;
    height:23px;
    margin:0;padding:0;
    border:0px red solid;
}
#mainsearch .input {
    position:absolute;
    text-align:center;
    top:1px;
    left:1px;
    height:16px;
    width:102px;
    padding:4px 5px 1px 5px;
    margin:0 0 0 0;
    font-size:10px;
    font-family: Arial, Verdana, Helvetica;
    color:#999999;
    border:none;
    background:transparent;
    border:0px red solid;
}
#mainsearch .submit{
    cursor:pointer;
    border:none;
    background:transparent;
    position:absolute;
    top:0px;
    right:0px;
    height:23px;
    width:55px;
}

img.rss{
    position:absolute;
    left: 622px;
    bottom: 0px;
    height:45px;
    width:50px;
}

/*************** content ***************/
.archivetitle {
    color: #351E00;
    text-align:left;
    font-size: 12px;
    font-weight:bold;
    height:25px;
    line-height:25px;
    padding: 0px 0px 0px 0px;
    margin: 0px 10px 15px 30px;
}

.post {
    position:relative;
    padding:0 0 30px 0;
    margin:0 20px 0 20px;
    /*background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtOgOZOWwGrjW_aG8MFPr8JzxeJZurhaYEjxiUqQWtTsK9G27SJB9js3mg8zL85SIVmiMdtDvsrBisab24TfK6UzCjtHbUdtd_R-VtdsCeLkXzQQG5HhcjmY4zBRtr9Sc0TRwYHPilg-Vb/s1600/bg_post_bottom.png) no-repeat bottom right;*/
    border:0px red solid;
    min-height:100px;
}
.post_bottom{
    height:100px;
    width:550px;
    margin:-100px 20px 30px 20px;
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLVkn6uQijcwy2hYyHsBsxhQScnyb5UnbJv3HykvwGLdKqDQS9N0AR5pxZnrzwwR4DYvZjEUgcsd46jWWKjvsNSlq55vhXuU46OfrLW0j-rbRPgDH6T2jDOjDyC2iSOc2mkrya3XsIpR8U/s1600/bg_post_bottom.png) no-repeat bottom right;
    border:0px blue dotted;
}

.date {
    position:absolute;
    left:-77px;
    top:0;
    height:43px;
    width:47px;
    padding:0 0px 0 0px;
    margin:0 0 0 0px;
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5ziPkYrReDKPX0GfVXtlyUOfCL46y4sEoDWrnpSqcagnOPX4XP_ezcGeJKCIMKZZiNm09CN2noGtdmZqcLT_1HFHWbRBrON7PUdEI9pyrcMzba6OJDI6E9i8_40_QIzq3Q09QtfnyoWI4/s1600/bg_date.jpg) no-repeat;
    border:0px red solid;
}
.date_d {
    font-size: 18px;
    font-family:Arial, Verdana;
    font-weight:bold;
    text-align:center;
    color:#000000;
    padding:0px 0 0 0;
}
.date_m {
    font-size: 11px;
    font-weight:bold;
    text-align:center;
    color:#000000;
    padding:5px 0 0 0;
}

.title{
    margin:0;
    padding:0px 0 0px 0;
    font-size:20px;
}
.title a{
    color:#9E7B22;

}
.title a:hover{
    color:#9E7B22;
    text-decoration:underline;
}

.author{
    margin:0;
    padding:0px 0 20px 0;
    color:#000000;
    font-weight:bold;
    font-style:italic;
}
.author a, .author a:hover{
    color:#000000;
}

.entry {
    position:relative;
    overflow:hidden;
    width:528px;
    color: #000000;
    line-height: 1.6em;
    text-align: justify;
    padding: 10px 10px 10px 10px;
    margin:0;
}

.info {
    line-height: 1.6em;
    font-size: 10px;
    text-align: left;
    margin: 0px 1px 20px 0px;
    padding: 4px 0px 1px 1px;
}

.category {
    font-size: 10px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 4px 20px;
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyRBnTJyLMB0fRpW2H5Falnl1SPeG3vhZ6fsVm7yq6Supjs3bmZdbAwT3j8yjn56NuF5yG_PMBmcWh-PgMDCJAsaleHP6zQxZ9-jr34yMootbHWrS8wIXf2a8PD2Y5Px7yxh5XhhJjThy-/s1600/category.jpg') no-repeat top left transparent;
}

.tags {
    font-size: 10px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 4px 20px;
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEzTj4tER4z2uJESm3wprlx4b4mWFNC9ns_yniX4GueH5yV4I7AI6RpbsT4ZOTr1_5hiceuhFgJ8xyPFAtn6WfbSStFR1Q06O1aRtm2_di0yG0qTvLITM9LBQYSefiYwGAvlQoRl0-kdpx/s1600/tags.jpg') no-repeat top left transparent;
}

.bubble {
    font-size: 10px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 4px 20px;
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLTs8J6LRcTWEDBCJs-m6LwzVrdSGKEOiGvnUrqgKruR_bd2QxVH3goqbcfd42QxSPMhnevun1ePBqw-bQet8rnvKO57cCk5zFAe6Exh0TtPVBmUe3LdnNaB6PeyoStNU9wBnH48egW8hP/s1600/bubble.jpg') no-repeat top left transparent;
}

.navigation {
    font-size: 11px;
    margin: 20px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    border-top: 2px dotted #ACACAC;
}

.sorry {
    font-size: 12px;
    font-style: italic;
    margin: 8px 0px 0px 10px;
    padding: 3px 0px 3px 0px;
}

/*************** comment ***************/
#postmetadata {
    font-size: 11px;
    margin: 0px 0px 20px 0px;
    padding: 5px 5px 5px 5px;
}

.nocomments {background: none; color: #000000;}

#comments {
    color: #000000;
    font-size: 13px;
    text-align: left;
    font-weight: bold;
    margin: 0px 5px 0px 5px;
    padding: 0px 0px 0px 0px;
    font-variant: normal;
    border-bottom: 2px dotted #D7D5A4;
}
.commenttitle {
    color: #000000;
    font-size: 13px;
    text-align: left;
    font-weight: bold;
    margin: 0px 0 20px 0;
    padding: 2px 0px 2px 0px;
    font-variant: normal;
    border-bottom: 1px dashed #D7D5A4;
}
.commentlist {
    list-style: none;
    margin:0px ;
    padding:0 5px 10px 5px;
}
.comment,.trackback,.pingback{
    clear:both;
    margin:10px 0px 0px 0;
    padding:0px 0px 0px 0px;
}
.comment .children{
    list-style: none;
    padding:0px 0 0 0;
    margin:0px 0 0px 15px;
    border:0px red solid;
}
.comment div, .trackback div, .pingback div{
    height:100%;
    background:#E0E0B7;
    border:2px #D7D5A4 solid;
    padding:5px;
}
.trackback div, .pingback div{
    border:1px #D7D5A4 dashed;
}
.comment div div,.trackback div div, .pingback div div{
    background:none;
    padding:0;
    border:0px;
}
.comment .says, .trackback .says, .pingback .says{
    display:none;
}
.comment .avatar{
    position:relative;
    float: left;
    margin: 0px 5px 0px 0px;
    padding: 0px;
}
.comment .fn,.comment .fn a,.trackback .fn,.trackback .fn a,.pingback .fn,.pingback .fn a{
    margin-left:0px;
    color:#000000;
    text-decoration:none;
    font-size: 11px;
}
.byuser .fn a{
    font-weight:normal;
    text-decoration:underline;
}
.bypostauthor .fn a{
    font-weight:bold;
    text-decoration:underline;
}
.comment .comment-meta,.trackback .comment-meta, .pingback .comment-meta{
    border-bottom: 1px dashed #B1A074;
    margin:0 0 10px 0px;
    padding:6px 0 6px 0;
    font-size:10px;
}
.trackback .comment-meta{
    padding:2px 0 2px 0;
}
.comment .comment-meta a, .trackback .comment-meta a, .pingback .comment-meta a {
    color:#000000;
    text-decoration:none;
}

.comment .reply{
    margin:5px 0 0px 0;
    padding:2px;
    font-size:10px;
    text-align:right;
}
.comment .reply a{
    color:#000000;
    text-decoration:none;
}
.trackback .reply, .pingback .reply{
    display:none;
}
    /**comment paging WP2.7**/
.commentnavi{
    position:relative;
    padding-right:20px;
}
.commentpages{
    float:right;
    padding:5px 10px;
}
.page-numbers{
    padding-left:5px;
}
.current{
    font-weight:bold;
}
    /*** comment form ***/
#respond {
    clear:both;
    padding:5px 15px 5px 5px;
    margin:10px 0px 0px 20px;
    font-size:11px;
}
.cancel-comment-reply{
}
#commentform {
    margin:0;
    padding:10px 0 0 0;
}
#email, #author, #url {
    color: #000000;
    font-size: 11px;
    padding-left: 2px;
    vertical-align: middle;
    border: 1px solid #B1A074;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
#comment {
    width: 98%;
    color: #000000;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    border: 1px solid #B1A074;
    padding: 2px 2px 2px 2px;
}

#submit {
    height: 20px;
    color: #000000;
    font-size: 11px;
    background: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 2px 10px;
    border: 1px solid #B1A074;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

/***** sidebar *****/
#sidebar {color:#666666;}
#sidebar a{color:#000000;}
#sidebar a:hover {color:#ED1B23;}
#sidebar h2 {
    color: #ffffff;
    height:30px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0px;
    font-variant: normal;
    margin: 0px 0px 0px 0px;
    padding: 15px 10px 0px 10px;
   background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh0BWY-yDfXeAZIvbhc5O2RKx56sLWHxhIGClmOJuGvC9J_FTPyCX55VcBs0JRy6v744CeX3JOH6Tk3Ye2tUBBtBbw8CJF0TRSnh5IwoUy_Ek4S5z5H5AX5YvUhFHnwuVGkVamALxahfOI/s1600/bg_sb1_g.gif') no-repeat right;
}
#sidebar select{
    margin:5px 0px 0px 3px;
    font-size:11px;
    width:170px;
}
#sidebar ul {
    list-style-type: none;
    margin: 0px 0px 24px 0px;
    padding: 0px 0px 20px 0px;
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtdNmqN3w7_xYJmrU8KLMtYqrbRBiwpyCVJSu9z-E9BW54s7RcyomTPPbE0GT7DQ7fZAUBo9HrMrR-67__koub16Sh473Qs6B_A1ZOkl4LnRhlEeFxyt-pLOvZbnCMn4fozzc5ZIjL_uMc/s1600/bg_sb2_g.gif') no-repeat bottom center;
}
#sidebar li {
    padding-bottom:20px;
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtdNmqN3w7_xYJmrU8KLMtYqrbRBiwpyCVJSu9z-E9BW54s7RcyomTPPbE0GT7DQ7fZAUBo9HrMrR-67__koub16Sh473Qs6B_A1ZOkl4LnRhlEeFxyt-pLOvZbnCMn4fozzc5ZIjL_uMc/s1600/bg_sb2_g.gif') no-repeat bottom center;
}
#sidebar ul li{
    line-height: 1.7em;
    list-style-type: none;
    font-size:11px;
    border:0px red solid;
    font-family:Verdana,Arial;
    margin: 0px 0px 0px 0px;
    padding:2px 2px 0px 20px; /*padding-bottom:0;*/
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5mkeG83BSGMCVLScY2-gvfnROVyMRyk3UJz-M4_ncuQ4Hikl6HjldhZa39tR2R8zMyCGkw6Uo8ZBJWc6J2l8hnH4D3E-YqfEhSL31HHd04tbGzGUxHHoXBU_HO3k8xtNFWN0q0pgo4_kU/s1600/bg_sb_pin1.gif') no-repeat 0px 3px;
}
#sidebar ul ul li{
    line-height: 1.7em;
    list-style-type: none;
    font-size:11px;
    border:0px red solid;
    font-family:Verdana,Arial;
    margin: 0px 0px 0px 0px;
    padding:2px 2px 0 20px; /*padding-bottom:0;*/
}
#sidebar ul ul ul li {
    list-style-type: none;
    font-size:11px;
    border:0px;
    margin: 0px 0px 0px -5px;
    line-height: 1.7em;
    font-family:Verdana,Arial;
    padding: 0px 0px 0px 20px;
}

#ArchiveList ul {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtdNmqN3w7_xYJmrU8KLMtYqrbRBiwpyCVJSu9z-E9BW54s7RcyomTPPbE0GT7DQ7fZAUBo9HrMrR-67__koub16Sh473Qs6B_A1ZOkl4LnRhlEeFxyt-pLOvZbnCMn4fozzc5ZIjL_uMc/s1600/bg_sb2_g.gif') no-repeat bottom center;
}
#ArchiveList ul li {
    line-height: 1.7em;
    list-style-type: none;
    font-size:11px;
    border:0px red solid;
    font-family:Verdana,Arial;
    margin: 0px 0px 0px 0px;
    padding:2px 2px 0px 20px; /*padding-bottom:0;*/
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5mkeG83BSGMCVLScY2-gvfnROVyMRyk3UJz-M4_ncuQ4Hikl6HjldhZa39tR2R8zMyCGkw6Uo8ZBJWc6J2l8hnH4D3E-YqfEhSL31HHd04tbGzGUxHHoXBU_HO3k8xtNFWN0q0pgo4_kU/s1600/bg_sb_pin1.gif') no-repeat 0px 3px;
}

#sidebar h1 a.rsswidget{
    margin-left:0px;
    overflow:hidden;
    text-decoration:none;
}

#flickrrss{
    height:81px;
    margin:0 50px 0 100px;
    padding:0 0 20px 0;
    border:0px red solid;
}
#flickrrss img{
    background:white;
    border:1px black solid;
    padding:2px;
    margin:0 2px;
    width:75px;
    height:75px;
}

#blog-pager-newer-link{padding-left:20px;float:left}
#blog-pager-older-link{padding-right:20px;float:right}
#blog-pager{text-align:center}

]]></b:skin>

<script language='javascript'>
function doClear(theText) {
if (theText.value == theText.defaultValue) {
         theText.value = ''
}
}
</script>

</head>

<body>

<div id='base_top'>


<div id='base_bottom'>


<div id='base'>


<div id='header'>


<b:section class='header1' id='header1' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Water Color (Header)' type='Header'>
<b:includable id='title'>
<div id='blogtitle'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
<b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</div>
</b:includable>
<b:includable id='description'>
<div id='subtitle'>
    <data:description/>
</div>
</b:includable>
<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/>
    
      <b:include name='title'/>
      <b:include name='description'/>
</b:if>
</b:includable>
</b:widget>
</b:section>



<b:section class='menu' id='menu' preferred='yes' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Menu' type='LinkList'>
<b:includable id='main'>
<div class='widget-content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
</div>
</b:includable>
</b:widget>
</b:section>



<div id='mainsearch'>
<form action='http://demo.templatelite.com/' id='mainsearchform' method='get'>
    <input class='input' id='s' name='s' onfocus='doClear(this)' type='text' value='Keyword'/>
    <input class='submit' type='submit' value=''/>
</form>
</div>


<a href='/feeds/posts/default' title='RSS Feed'><img alt='Subscribe RSS' class='rss' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcbXPHZdt7QFD1dDs0odZXjfd_WK5qLif9XmifPlqe-2GbVBty7-7OeFOY_eNoTIB7sIpUCwUxVkMiPcY582Uz9cXJR6HvBC3jh1SM0k6NvnFvRLoUHB-hWt1V5r1a50XhMcYD6oN5_h63/s1600/spacer.gif'/></a>

</div>



<div id='container'>


<div id='content'>
<div class='spacer'/>


<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>
</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' id='post'>
<div class='date'>
<script type='text/javascript'>
var timestamp = "<data:post.timestamp/>";
if (timestamp != '') {
    var timesplit = timestamp.split(",");
    var date_yyyy = timesplit[2];
    var timesplit = timesplit[1].split(" ");
    var date_dd = timesplit[2];
    var date_mmm = timesplit[1].substring(0, 3);
    }
</script>
<div class='date_m'><script type='text/javascript'>document.write(date_mmm);</script></div>
<div class='date_d'><script type='text/javascript'>document.write(date_dd);</script></div>
</div>

<div class='title'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.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>
    </b:if>
</div>

<div class='author'>
    <b:if cond='data:top.showAuthor'>
    <span class='fn'><data:post.author/></span>
    </b:if>
</div>

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

<div class='clear'/>

<div class='info'>
    <span class='category'>
    <b:if cond='data:post.labels'>
        <data:postLabelsLabel/>
    <b:loop values='data:post.labels' var='label'>
        <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
    </b:loop>
    </b:if>
    </span>

    <span class='bubble'>
    <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 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
        </b:if>
    </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>

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

    <div class='edit'/>

</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='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
</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='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>
</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' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
    <data:post.iframeColorizer/>
</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'>
    <img alt='edit post' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
    </a>
    </span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comment'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
    <div id='comments'>
    <b:if cond='data:post.numComments == 1'>
        1 Response
       <b:else/>
        <data:post.numComments/> Responses
    </b:if>
    </div>

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

    <ol class='commentlist'>
    <b:loop values='data:post.comments' var='comment'>
    <li class='trackback even thread-even depth-1' id='comment'>
    <div id='div-comment'>
    <div class='comment-author vcard'>
        <cite class='fn'>
        <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>
        </cite>
        <span class='says'>Says:</span>
      </div>

    <div class='comment-meta'>
    <b:if cond='data:post.commentPagingRequired'>
        <a expr:href='data:comment.url' title='comment permalink'> <data.comment.timestamp/> </a>
    <b:else/>
        <a expr:href='data:blog.url + "#" + data:comment.anchorName' title='comment permalink'> <data:comment.timestamp/> </a>
    </b:if>
    </div>

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

    <b:include data='comment' name='commentDeleteIcon'/>
    </div>
    </li>
    <br/>
    </b:loop>
    </ol>

<div id='postcomment'>
    <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>
</div>
    </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: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:if cond='data:post.includeAd'>
        <data:adEnd/>
        <data:adCode/>
        <data:adStart/>
      </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 class='pagination'>
<div class='alignleft'/>
<div class='alignright'/>
</div>


<div class='clear'/>

</div>



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


<div class='clear'/>

</div>





<div id='footer'>

<div id='flickrss'>
<b:section class='flickrrss' id='flickrrss' preferred='yes'>
<b:widget id='HTML99' locked='true' title='Flickr' type='HTML'>
<b:includable id='main'>
<div class='widget-content'>
    <data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

© <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>


Designed by <a href='http://www.templatelite.com/'>Wordpress Templates</a>
<br/>Bloggerized by <a href='http://www.falconhive.com' target='_blank' title='Falcon Hive'>FalconHive</a> | Sponsored by <a href='http://www.bloggerstyles.com'>Blogger Styles</a>

</div>


</div>


</div>


</div>


</body></html>

2 komentar:

Aziz mengatakan...: cara masangnya gimana gan??

yang suka musik REGGAE bisa baca2 disini
http://reggaedotcom4212.blogspot.com/; 5 Agustus 2012 pukul 08.35
Blogger Indonesia mengatakan...: Silahkah dikunjungi alamat ini ----> http://anakedoya.blogspot.com/2012/04/template-keren.html; 12 Agustus 2012 pukul 09.16

Posting Komentar

Terima kasih sudah membaca artikel ini. Bagaimana menurut Ente tentang artikel ini.

Info Penting

Pages

Senin, 23 April 2012