<?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: Coffee Desk
Theme URI: http://www.templatelite.com/coffee-desk-free-wordpress-theme/
Description: Put all your thoughts in a notebook(not laptop) and engrossed yourself in a cup of cappuccino.
Author: TemplateLite.com
Author URI: http://www.templatelite.com/
Tags: gray, red, fixed width, three columns, widget ready, diary
Converted to blogger template by FalconHive.com
Theme URI: http://www.falconhive.com/2009/03/coffee-desk.html
Version: 1.00
Date: 27 February 2009
Author URI: http://www.falconhive.com
Reminder: Unless you get the permission from the FalconHive.com, you are not allowed to increase or decrease any footer link in the footer, thanks!
----------------------------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
/*************** general ***************/
body {
margin:0 auto;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color:#000000;
background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpA14QHENKEujn1LCgVUrk0vBwPlOuVfhew2CZcLf-1ShfB97aNTIyTGTq3YF07buLSwe4gqCd6qPIXx2-QqUucpmyv2QThkx9pdgqFa9TT7owkvn4YcfCMyP4VlgcC3W4ZitAVJmjwXY/s1600/bg_repeat.jpg) repeat-y center top;
}
img {
border:0px;
padding:5px;
max-width: 100%; /* not working in IE6*/
height: auto; /* you can enable this.*/
}
a {color:#81993B;text-decoration: none;}
a:hover {color: #81993B;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:24px;}
/*************** layout ***************/
#base_top{
position:relative;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF161u2fg5vIlHkayGQK-A3why89Uo7l6NXChEuybkGXwoBmtaIjVL6D2dIsj5BSgdyAqYeKQZHIXU4f14TYLohcQSiBhn6rrOi73YNie8iC-Bp972dTaopNfS5w23p9IO2rZJ1PZm_Zs/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/AVvXsEilJXR68ILTumHk5l5F_8YFjugXcKJfhNEMY4Q241sJreE-eSnyg_8_ywItlCfnw-QgxwmoW2wKzbFUZ-1yds-hoZ45dvTSmnPr84oA224qn8V97wORiDrN9Zmt-fbPVmNGrNAwexd997Q/s1600/bg_bottom.jpg) no-repeat bottom center;
margin:0; padding:0;
}
#base_bg{
position:relative;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Z7jNITEJB331S-tTUP1gd3LpgSBjjMKSU6SkZZPwPlAE2VtwnWquXO2Ows2gOwFCeU6vJLYSl15HSTB4hxY2zjt3CvSXwa5A-RJ_D0p5mEh9nvCD7YntrsDOLh3iOzDpGYmKUwx45aU/s1600/bg_center_repeat.jpg) repeat-y center top;
width:1000px;
margin:0px auto;
padding:0;
}
#base{
position:relative;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW28iDlotDzPbQxEPzKbk4yVOmp1oVkUaV4tQwc-e23-WcGHbbNPIMJ4s2OJBZ1qFV9TakPl5QGkvQhB4_pNVLdR5AHLt0EWazgdS3ZSKWfOOe8hcq1sU9A4CXP9p6y0wIm-Tk6E6nqDg/s1600/bg_header.jpg) no-repeat top center;
width:1000px;
margin:0px auto;
padding:0;
}
#header{
position:relative;
width: 1000px;
height: 320px;
}
#container{
position:relative;
overflow:hidden;
width:1000px;
border:0px red solid;
}
#content{
float:left;
display:inline;
overflow:hidden;
width:400px; /*535*/
margin:28px 0px 0px 0px;
padding: 0 80px 0 55px;
border:0px red solid;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOyULQpraPreDyqQafx2V9cAWwI6Wm8kIy8HxYabbTo3gL-opkYFzn4n806xtbaeJUaqZyJ13kOA-o0ZF41e2NGz0JvQfCka9PzSQCMyEOCPnClJph58aLg6UzwP2bvYjkB0ZAp6wop6Y/s1600/bg_ring.jpg) right top repeat-y;
}
#sidebar{
float:right;
display:inline;
width:403px;
overflow:hidden;
margin: 80px 39px 0 0;
padding:0px 0 0px 0px;
}
#sidebar1{
float:left;
overflow:hidden;
padding-left:20px;
width:163px;
font-size:11px;
color: #999999;
}
#sidebar2{
float:right;
overflow:hidden;
padding-right:20px;
width:163px;
font-size:11px;
color: #999999;
}
#footer{
position:relative
width:700px;
height:47px;
margin:-293px 0 0 0;
padding:360px 250px 0px 50px;
border:0px red solid;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwotDe9j7XlMelJdymMLxP7VuuNLZBna0uSV7nGlZxoOopBWhyAz8keJNEPWpC49OG6AUgT4aX4GZt81e2Qsnzq81-7Qy2bd-92OW28lwU7gf6iBemBugLBJYDoeH7E3o_3tU9xOjjwFo/s1600/bg_footer.jpg) no-repeat center bottom;
}
#footer a, #footer a:hover{
color:#000000;
text-decoration:underline;
}
img.rss{
position:absolute;
right: 140px;
bottom: 10px;
height:58px;
width:58px;
}
#footer2{
position:absolute;
width:700px;
height:50px;
padding-left:50px;
top:200px;
background:transparent;
}
/************** Header **************/
#blogtitle{
font-family: Arial,Verdana;
position:absolute;
width:500px;
float:right;
right:0px;
top:130px;
text-align:left;
font-size:30px;
font-weight:bold;
border:0px red solid;
}
#blogtitle a, #blogtitle a:hover {
font-family: Arial,Verdana;
color:#000000;
text-decoration:none;
}
#subtitle {
font-family: Arial, Verdana;
position:absolute;
width:440px;
float:left;
right:50px;
top:180px;
text-align:left;
font-size:12px;
color:#000000;
font-style:italic;
border:0px red solid;
}
#menu {
position:absolute;
right:0;
top:5px;
padding:0;
margin:0;
width:650px;
height:70px;
overflow:hidden;
}
#menu ul {
float:right;
height: 70px;
padding:0;
margin:0px;
}
#menu ul li {
display: inline;
font-size: 11px;
font-family:Verdana,Arial;
font-weight: bold;
height:70px;
margin:0px;
}
#menu ul li a { /*145x70*/
float: left;
display: block;
height:44px;
width:125px;
line-height: 14px;
color: #000000;
text-align:center;
padding: 26px 10px 0 10px;
margin:0 10px 0 0;
text-decoration:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjABEchSjnuN8kGKCqzMPNelQNy8ctxz-sMDo_34T1Cll9d5rjbvK33xZ_s5FWcdcqUEbSOoMWAHBi2K1oDbd1eyuNB9y1EsRF-t1MmmF4kb7U0Y-ZQuLSl0lcjQbEOuhdSzOmYttxkLSo/s1600/bg_menu1.png) no-repeat top center;
}
#menu ul li a:hover, #header ul li.current_page_item a {
color:#ff0303;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcBfMAxt8QQn4W0-nlxgT5I2dU7ay7gqChZrKtK1hu7Bq-NVBHTrOc7OwM_hsIWPdJ87ap9SEZ1vXF7jxa0LHYTa1uZ0P9TLIHPWPjGbuRUUEq3nNqJKd9qDBBKS7iihO1ITxTfzy2o9I/s1600/bg_menu2.png);
}
#header img.home {
position: absolute;
margin:0px;
padding:0px;
right: 0px;
top: 109px;
width:650px;
height:120px;
}
#mainsearch{
position:absolute;
top:250px;
left:665px;
width:300px;
height:50px;
border:0px red solid;
}
#mainsearch .input {
position:absolute;
top:16px;
left:0px;
height:13px;
width:106px;
padding:3px 0 1px 0;
margin:0 0 0 0;
font-size:10px;
font-family: Arial, Verdana, Helvetica;
color:#999999;
border:none;
background:transparent;
}
#mainsearch .submit{
cursor:pointer;
border:none;
background:transparent;
position:absolute;
top:0px;
right:50px;
height:50px;
width:175px;
}
/*************** content ***************/
.archivetitle {
color: #937723;
text-align:left;
font-size: 11px;
font-weight:bold;
padding: 0px 0px 0px 0px;
margin: 0px 0px 11px 0px;
}
.post {
position:relative;
overflow:hidden;
width:400px;
padding:0 0 20px 0;
margin:0;
}
.date {
padding:0 0px 0 51px;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU6O3dUH0IXfADrY1br5Q9tUWSkQkzzz0n9GAEcsGBxt9bFrkTYrkVR6IqCCEHW4ykpTxw0SuEOemYKc06i6th9_mKiyMO3g4xG2aTgpwzPIJGjeWr9e4VaNztH-JO7iappCVY-PH2Bj0/s1600/bg_date.jpg) no-repeat 0 0;
border:0px red solid;
}
.date_d {
position:absolute;
font-size: 33px;
left:0px;
top:30px;
width:50px;
font-family:Arial, Verdana;
font-weight:bold;
text-align:center;
color:#ff0000;
}
.date_m {
position:absolute;
left:0px;
top:61px;
width:50px;
font-family:Arial, Verdana;
font-size: 9px;
text-align:center;
color:#000000;
}
.title{
height:40px;
margin:0px 0px 0 5px;
padding:6px 0 6px 0;
font-size:18px;
border-bottom:1px #ACACAC solid;
}
.title a, .title a:hover{
color:#879E36;
}
.author{
margin:0 0 0 5px;
padding:6px 0 20px 0;
color:#ACACAC;
}
.author a, .author a:hover{
color:#ACACAC;
}
.entry {
position:relative;
color: #000000;
line-height: 1.6em;
text-align: justify;
padding: 4px 0px 10px 0px;
margin:0px 0 0 0 ;
}
.info {
line-height: 1.6em;
font-size: 10px;
text-align: left;
margin: 0px 1px 20px 0px;
padding: 4px 0px 1px 1px;
border-top: 1px solid #ACACAC;
}
.category {
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4Px 20px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh46xQ3I-teJ-iwPTlfwHviv5dx2lKiF7dkeo1CwV3IRtEqZqPS_6H2iAZwz-sHOF5UM_AL92OjouYd69BShXa8EuKIzG0pTrBa4G1uuySc67xP_Cs_RA-UbglhZjF8qa1ZqE2VA0YkaY8/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/AVvXsEi7-KdiCIkpF4oeDxYTIxekLnkgmhruLhdmHszzwIGeAv7id8uB-U1dLI78Q1dchM_wCgu3I-mVvBuFOtm3Z8astlsd2rVL-LGV2yPzTo_FHj3V8dYGgv7d29sFBFx8R4klM_LqxqBgwpM/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/AVvXsEgRQvMBhYGFXkSnGgI1JkKliA13O_2OQYoN3S3AtSnLetlJJTZyc6i06OTRZskcOCzf9c0zhEV81NIrU_24ypf_MjjFvjxrdGgt7f6UcqKalJYGwxiUH9zC2OrDMlWv2Oa8nnhZYDJPPg0/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: 11px;
font-style: italic;
margin: 8px 0px 0px 0px;
padding: 3px 0px 3px 0px;
border-top: 1px solid #73943B;
border-bottom: 1px solid #73943B;
}
/*************** sidebar1 ***************/
#sidebar ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#sidebar li {
list-style-type: none;
margin: 0px 0px 24px 0px;
padding: 0px 0px 0px 0px;
}
#sidebar1 a{color:#000000;}
#sidebar1 a:hover {color:#000000;}
#sidebar1 ul {
line-height: 1.6em;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 3px 2px 3px;
border-bottom:1px solid #B5980E;
}
#sidebar1 ul li {
border:0px;
margin: 0px 0px 0px 1px;
padding: 0px 0px 0px 12px;
line-height: 1.5em;
border-top:1px solid #B5980E;
}
#sidebar1 h2 {
color: #685B31;
font-size: 13px;
font-weight: bold;
letter-spacing: 0px;
font-variant: normal;
margin: 0px 0px 0px 0px;
padding: 3px 20px 3px 15px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3ZgdGNkG5Ap9p1AMO-GbUOzI5m2bJAFzkj5xq0EgVma10OnCb263Kzo8T9u3pbU8nx6uL7dY1A_Iv8FSNLmdqtGBp3K1J-5l6XnlEhHWqZU5Wl-cWt8bwuhtz92ydSjfM8ROPuDxnus0/s1600/bg_sb1.jpg') center;
}
#sidebar1 select{
margin:5px 0px 2px 2px;
font-size:11px;
width:150px;
overflow:hidden;
}
/*************** sidebar2***************/
#sidebar2 a{color:#708332;}
#sidebar2 a:hover {color:#708332;}
#sidebar2 ul {
line-height: 1.6em;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 3px 0px 3px;
}
#sidebar2 ul li {
border:0px;
margin: 0px 0px 0px 1px;
padding: 0px 0px 0px 12px;
line-height: 1.5em;
}
#sidebar2 h2 {
color: #ffffff;
font-size: 13px;
font-weight: bold;
letter-spacing: 0px;
font-variant: normal;
margin: 0px 0px 0px 0px;
padding: 3px 20px 3px 22px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSb7B9ajwZWh570nZpltL2UhALxx_Mg7Rcz_zggZY9_REXnDbGRraooGMAhLU_IxQEylCKgQkDnYoGTUmPZAYRZGrk8gxZqCy79UxX6jM2ZlDcGxmDvAtaw6aUEjUm9mBHYbO0vUsyjTs/s1600/bg_sb2.jpg') center;
}
/*************** 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: 1px dashed #5A6B1E;
}
.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 #5A6B1E;
}
.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:#FAF5D3;
padding:5px;
}
.trackback div, .pingback div{
border:1px #d8d8d8 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 {
width: 80px;
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;
}
/*************** widget ***************/
#wp-calendar td {font-size:11px;color:#555555;}
#wp-calendar td a {font-weight:bold;text-decoration:underline;}
#wp-calendar {
width: 160px;
margin:0 0 0 0px;
text-align: center;
font-size:11px;
color:#B1A074;
}
.wp-caption {
text-align: center;
color:#B1A074;
}
.textwidget {
margin:2px 2px 0 2px;
}
#akismetwrap{
margin:2px 0 2px 10px;
}
.rsswidget img {
display:none;
}
#sidebar h1 a.rsswidget{
margin-left:0px;
overflow:hidden;
text-decoration:none;
}
.wp-smiley{
vertical-align:middle;
border:0px;
padding:0px;
}
#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>
<!-- Base_top -->
<div id='base_top'>
<!-- Base_bottom -->
<div id='base_bottom'>
<!-- Base_bg -->
<div id='base_bg'>
<!-- Base -->
<div id='base'>
<!-- Header -->
<div id='header'>
<!-- Title -->
<b:section class='header1' id='header1' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Coffee Desk (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"'>
<!--Show just the image, no text-->
<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/>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<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/>
<!--No header image -->
<b:include name='title'/>
<b:include name='description'/>
</b:if>
</b:includable>
</b:widget>
</b:section>
<!-- /Title -->
<!-- Menu -->
<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>
<!-- /Menu -->
<!-- Main Search -->
<div id='mainsearch'>
<form action='/search' id='mainsearchform' method='get'>
<input class='input' id='s' name='q' onFocus='doClear(this)' type='text' value='Search ...'/>
</form>
</div>
<!-- /Main Search -->
</div>
<!-- /Header -->
<!-- Container -->
<div id='container'>
<!-- Content -->
<div id='content'>
<div class='spacer'/>
<!-- Content -->
<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'>
<!-- 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_d'><script type='text/javascript'>document.write(date_dd);</script></div>
<div class='date_m'><script type='text/javascript'>document.write(date_mmm);</script></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>
<div class='entry'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</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>
<!-- 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>
<!-- email post links -->
<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>
<!-- quickedit pencil -->
<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>
<!-- /Post -->
</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"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
</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='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'>
<!-- posts -->
<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>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<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>
<!-- Navigation -->
<div class='pagination'>
<div class='alignleft'/>
<div class='alignright'/>
</div>
<!-- /Navigation -->
<div class='clear'/>
</div>
<!-- /Content -->
<!-- Sidebar -->
<div id='sidebar'>
<b:section class='sidebar1' id='sidebar1' 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:section>
<b:section class='sidebar2' id='sidebar2' preferred='yes'>
<b:widget id='BlogArchive2' 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:section>
</div>
<!-- /Sidebar -->
</div>
<!-- /Container -->
<!-- Coffee Desk Blogger Template comes under a Creative Commons License.
This means it is free to use on your blog as long as the credit link in the footer is kept intact
FalconHive.com
-->
<div class='clear'/>
<!-- Footer -->
<div id='footer'>
<a href='/feeds/posts/default' title='RSS Feed'><img alt='Subscribe RSS' class='rss' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwTByrpl0AvLX1dMe_EOZVPoTt1SQLqt_PMYdC4NcmssiLmbUlcEC1pIVOy4V1-AZzabOLP7arL9t4p4jNn2oWziVtIx0hL7e0Sd2fjMloENVQcgB7IlYlLX6RI5iMEZvBBozd_UC7WNs/s1600/spacer.gif'/></a>
© <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
<!-- credit -->
Niranca Mpanjili : <a href='http://nakurumpu.blogspot.com' target='_blank' title='Papa Ucup'>PapaUcup</a>
Bloggerized by <a href='http://www.falconhive.com' target='_blank' title='Falcon Hive'>FalconHive</a> | <a href='http://www.templatelite.com/'>Wordpress Templates</a> Sponsored by <a href='http://www.bloggerstyles.com'>Blogger Styles</a>
</div>
<!-- /Footer -->
</div>
<!-- /Base -->
</div>
<!-- /Base_bg -->
</div>
<!-- /Base_bottom -->
</div>
<!-- /Base_top -->
</body></html>
BAGAIMANA CARA MENGATUR TANGGAL TEMPLATE COFFEE DESK JIKA TANGGALNYA UNDEFINED Caranya yaitu: Masuk ke Dashbor anda kemudian pilih Pengaturan pilih tab Format Pada Format Header Tanggal pilih pilihan ke-3 (Sabtu, 29 januari 2011) Pada Format Tanggal Index pilih pilihan Januari 2011 Pada Format Time Stamp pilih pilihan ke-4 (Sabtu, Januari 29, 2011) Simpan
<!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: Coffee Desk
Theme URI: http://www.templatelite.com/coffee-desk-free-wordpress-theme/
Description: Put all your thoughts in a notebook(not laptop) and engrossed yourself in a cup of cappuccino.
Author: TemplateLite.com
Author URI: http://www.templatelite.com/
Tags: gray, red, fixed width, three columns, widget ready, diary
Converted to blogger template by FalconHive.com
Theme URI: http://www.falconhive.com/2009/03/coffee-desk.html
Version: 1.00
Date: 27 February 2009
Author URI: http://www.falconhive.com
Reminder: Unless you get the permission from the FalconHive.com, you are not allowed to increase or decrease any footer link in the footer, thanks!
----------------------------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
/*************** general ***************/
body {
margin:0 auto;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color:#000000;
background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpA14QHENKEujn1LCgVUrk0vBwPlOuVfhew2CZcLf-1ShfB97aNTIyTGTq3YF07buLSwe4gqCd6qPIXx2-QqUucpmyv2QThkx9pdgqFa9TT7owkvn4YcfCMyP4VlgcC3W4ZitAVJmjwXY/s1600/bg_repeat.jpg) repeat-y center top;
}
img {
border:0px;
padding:5px;
max-width: 100%; /* not working in IE6*/
height: auto; /* you can enable this.*/
}
a {color:#81993B;text-decoration: none;}
a:hover {color: #81993B;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:24px;}
/*************** layout ***************/
#base_top{
position:relative;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF161u2fg5vIlHkayGQK-A3why89Uo7l6NXChEuybkGXwoBmtaIjVL6D2dIsj5BSgdyAqYeKQZHIXU4f14TYLohcQSiBhn6rrOi73YNie8iC-Bp972dTaopNfS5w23p9IO2rZJ1PZm_Zs/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/AVvXsEilJXR68ILTumHk5l5F_8YFjugXcKJfhNEMY4Q241sJreE-eSnyg_8_ywItlCfnw-QgxwmoW2wKzbFUZ-1yds-hoZ45dvTSmnPr84oA224qn8V97wORiDrN9Zmt-fbPVmNGrNAwexd997Q/s1600/bg_bottom.jpg) no-repeat bottom center;
margin:0; padding:0;
}
#base_bg{
position:relative;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Z7jNITEJB331S-tTUP1gd3LpgSBjjMKSU6SkZZPwPlAE2VtwnWquXO2Ows2gOwFCeU6vJLYSl15HSTB4hxY2zjt3CvSXwa5A-RJ_D0p5mEh9nvCD7YntrsDOLh3iOzDpGYmKUwx45aU/s1600/bg_center_repeat.jpg) repeat-y center top;
width:1000px;
margin:0px auto;
padding:0;
}
#base{
position:relative;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW28iDlotDzPbQxEPzKbk4yVOmp1oVkUaV4tQwc-e23-WcGHbbNPIMJ4s2OJBZ1qFV9TakPl5QGkvQhB4_pNVLdR5AHLt0EWazgdS3ZSKWfOOe8hcq1sU9A4CXP9p6y0wIm-Tk6E6nqDg/s1600/bg_header.jpg) no-repeat top center;
width:1000px;
margin:0px auto;
padding:0;
}
#header{
position:relative;
width: 1000px;
height: 320px;
}
#container{
position:relative;
overflow:hidden;
width:1000px;
border:0px red solid;
}
#content{
float:left;
display:inline;
overflow:hidden;
width:400px; /*535*/
margin:28px 0px 0px 0px;
padding: 0 80px 0 55px;
border:0px red solid;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOyULQpraPreDyqQafx2V9cAWwI6Wm8kIy8HxYabbTo3gL-opkYFzn4n806xtbaeJUaqZyJ13kOA-o0ZF41e2NGz0JvQfCka9PzSQCMyEOCPnClJph58aLg6UzwP2bvYjkB0ZAp6wop6Y/s1600/bg_ring.jpg) right top repeat-y;
}
#sidebar{
float:right;
display:inline;
width:403px;
overflow:hidden;
margin: 80px 39px 0 0;
padding:0px 0 0px 0px;
}
#sidebar1{
float:left;
overflow:hidden;
padding-left:20px;
width:163px;
font-size:11px;
color: #999999;
}
#sidebar2{
float:right;
overflow:hidden;
padding-right:20px;
width:163px;
font-size:11px;
color: #999999;
}
#footer{
position:relative
width:700px;
height:47px;
margin:-293px 0 0 0;
padding:360px 250px 0px 50px;
border:0px red solid;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwotDe9j7XlMelJdymMLxP7VuuNLZBna0uSV7nGlZxoOopBWhyAz8keJNEPWpC49OG6AUgT4aX4GZt81e2Qsnzq81-7Qy2bd-92OW28lwU7gf6iBemBugLBJYDoeH7E3o_3tU9xOjjwFo/s1600/bg_footer.jpg) no-repeat center bottom;
}
#footer a, #footer a:hover{
color:#000000;
text-decoration:underline;
}
img.rss{
position:absolute;
right: 140px;
bottom: 10px;
height:58px;
width:58px;
}
#footer2{
position:absolute;
width:700px;
height:50px;
padding-left:50px;
top:200px;
background:transparent;
}
/************** Header **************/
#blogtitle{
font-family: Arial,Verdana;
position:absolute;
width:500px;
float:right;
right:0px;
top:130px;
text-align:left;
font-size:30px;
font-weight:bold;
border:0px red solid;
}
#blogtitle a, #blogtitle a:hover {
font-family: Arial,Verdana;
color:#000000;
text-decoration:none;
}
#subtitle {
font-family: Arial, Verdana;
position:absolute;
width:440px;
float:left;
right:50px;
top:180px;
text-align:left;
font-size:12px;
color:#000000;
font-style:italic;
border:0px red solid;
}
#menu {
position:absolute;
right:0;
top:5px;
padding:0;
margin:0;
width:650px;
height:70px;
overflow:hidden;
}
#menu ul {
float:right;
height: 70px;
padding:0;
margin:0px;
}
#menu ul li {
display: inline;
font-size: 11px;
font-family:Verdana,Arial;
font-weight: bold;
height:70px;
margin:0px;
}
#menu ul li a { /*145x70*/
float: left;
display: block;
height:44px;
width:125px;
line-height: 14px;
color: #000000;
text-align:center;
padding: 26px 10px 0 10px;
margin:0 10px 0 0;
text-decoration:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjABEchSjnuN8kGKCqzMPNelQNy8ctxz-sMDo_34T1Cll9d5rjbvK33xZ_s5FWcdcqUEbSOoMWAHBi2K1oDbd1eyuNB9y1EsRF-t1MmmF4kb7U0Y-ZQuLSl0lcjQbEOuhdSzOmYttxkLSo/s1600/bg_menu1.png) no-repeat top center;
}
#menu ul li a:hover, #header ul li.current_page_item a {
color:#ff0303;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcBfMAxt8QQn4W0-nlxgT5I2dU7ay7gqChZrKtK1hu7Bq-NVBHTrOc7OwM_hsIWPdJ87ap9SEZ1vXF7jxa0LHYTa1uZ0P9TLIHPWPjGbuRUUEq3nNqJKd9qDBBKS7iihO1ITxTfzy2o9I/s1600/bg_menu2.png);
}
#header img.home {
position: absolute;
margin:0px;
padding:0px;
right: 0px;
top: 109px;
width:650px;
height:120px;
}
#mainsearch{
position:absolute;
top:250px;
left:665px;
width:300px;
height:50px;
border:0px red solid;
}
#mainsearch .input {
position:absolute;
top:16px;
left:0px;
height:13px;
width:106px;
padding:3px 0 1px 0;
margin:0 0 0 0;
font-size:10px;
font-family: Arial, Verdana, Helvetica;
color:#999999;
border:none;
background:transparent;
}
#mainsearch .submit{
cursor:pointer;
border:none;
background:transparent;
position:absolute;
top:0px;
right:50px;
height:50px;
width:175px;
}
/*************** content ***************/
.archivetitle {
color: #937723;
text-align:left;
font-size: 11px;
font-weight:bold;
padding: 0px 0px 0px 0px;
margin: 0px 0px 11px 0px;
}
.post {
position:relative;
overflow:hidden;
width:400px;
padding:0 0 20px 0;
margin:0;
}
.date {
padding:0 0px 0 51px;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU6O3dUH0IXfADrY1br5Q9tUWSkQkzzz0n9GAEcsGBxt9bFrkTYrkVR6IqCCEHW4ykpTxw0SuEOemYKc06i6th9_mKiyMO3g4xG2aTgpwzPIJGjeWr9e4VaNztH-JO7iappCVY-PH2Bj0/s1600/bg_date.jpg) no-repeat 0 0;
border:0px red solid;
}
.date_d {
position:absolute;
font-size: 33px;
left:0px;
top:30px;
width:50px;
font-family:Arial, Verdana;
font-weight:bold;
text-align:center;
color:#ff0000;
}
.date_m {
position:absolute;
left:0px;
top:61px;
width:50px;
font-family:Arial, Verdana;
font-size: 9px;
text-align:center;
color:#000000;
}
.title{
height:40px;
margin:0px 0px 0 5px;
padding:6px 0 6px 0;
font-size:18px;
border-bottom:1px #ACACAC solid;
}
.title a, .title a:hover{
color:#879E36;
}
.author{
margin:0 0 0 5px;
padding:6px 0 20px 0;
color:#ACACAC;
}
.author a, .author a:hover{
color:#ACACAC;
}
.entry {
position:relative;
color: #000000;
line-height: 1.6em;
text-align: justify;
padding: 4px 0px 10px 0px;
margin:0px 0 0 0 ;
}
.info {
line-height: 1.6em;
font-size: 10px;
text-align: left;
margin: 0px 1px 20px 0px;
padding: 4px 0px 1px 1px;
border-top: 1px solid #ACACAC;
}
.category {
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4Px 20px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh46xQ3I-teJ-iwPTlfwHviv5dx2lKiF7dkeo1CwV3IRtEqZqPS_6H2iAZwz-sHOF5UM_AL92OjouYd69BShXa8EuKIzG0pTrBa4G1uuySc67xP_Cs_RA-UbglhZjF8qa1ZqE2VA0YkaY8/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/AVvXsEi7-KdiCIkpF4oeDxYTIxekLnkgmhruLhdmHszzwIGeAv7id8uB-U1dLI78Q1dchM_wCgu3I-mVvBuFOtm3Z8astlsd2rVL-LGV2yPzTo_FHj3V8dYGgv7d29sFBFx8R4klM_LqxqBgwpM/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/AVvXsEgRQvMBhYGFXkSnGgI1JkKliA13O_2OQYoN3S3AtSnLetlJJTZyc6i06OTRZskcOCzf9c0zhEV81NIrU_24ypf_MjjFvjxrdGgt7f6UcqKalJYGwxiUH9zC2OrDMlWv2Oa8nnhZYDJPPg0/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: 11px;
font-style: italic;
margin: 8px 0px 0px 0px;
padding: 3px 0px 3px 0px;
border-top: 1px solid #73943B;
border-bottom: 1px solid #73943B;
}
/*************** sidebar1 ***************/
#sidebar ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#sidebar li {
list-style-type: none;
margin: 0px 0px 24px 0px;
padding: 0px 0px 0px 0px;
}
#sidebar1 a{color:#000000;}
#sidebar1 a:hover {color:#000000;}
#sidebar1 ul {
line-height: 1.6em;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 3px 2px 3px;
border-bottom:1px solid #B5980E;
}
#sidebar1 ul li {
border:0px;
margin: 0px 0px 0px 1px;
padding: 0px 0px 0px 12px;
line-height: 1.5em;
border-top:1px solid #B5980E;
}
#sidebar1 h2 {
color: #685B31;
font-size: 13px;
font-weight: bold;
letter-spacing: 0px;
font-variant: normal;
margin: 0px 0px 0px 0px;
padding: 3px 20px 3px 15px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3ZgdGNkG5Ap9p1AMO-GbUOzI5m2bJAFzkj5xq0EgVma10OnCb263Kzo8T9u3pbU8nx6uL7dY1A_Iv8FSNLmdqtGBp3K1J-5l6XnlEhHWqZU5Wl-cWt8bwuhtz92ydSjfM8ROPuDxnus0/s1600/bg_sb1.jpg') center;
}
#sidebar1 select{
margin:5px 0px 2px 2px;
font-size:11px;
width:150px;
overflow:hidden;
}
/*************** sidebar2***************/
#sidebar2 a{color:#708332;}
#sidebar2 a:hover {color:#708332;}
#sidebar2 ul {
line-height: 1.6em;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 3px 0px 3px;
}
#sidebar2 ul li {
border:0px;
margin: 0px 0px 0px 1px;
padding: 0px 0px 0px 12px;
line-height: 1.5em;
}
#sidebar2 h2 {
color: #ffffff;
font-size: 13px;
font-weight: bold;
letter-spacing: 0px;
font-variant: normal;
margin: 0px 0px 0px 0px;
padding: 3px 20px 3px 22px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSb7B9ajwZWh570nZpltL2UhALxx_Mg7Rcz_zggZY9_REXnDbGRraooGMAhLU_IxQEylCKgQkDnYoGTUmPZAYRZGrk8gxZqCy79UxX6jM2ZlDcGxmDvAtaw6aUEjUm9mBHYbO0vUsyjTs/s1600/bg_sb2.jpg') center;
}
/*************** 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: 1px dashed #5A6B1E;
}
.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 #5A6B1E;
}
.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:#FAF5D3;
padding:5px;
}
.trackback div, .pingback div{
border:1px #d8d8d8 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 {
width: 80px;
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;
}
/*************** widget ***************/
#wp-calendar td {font-size:11px;color:#555555;}
#wp-calendar td a {font-weight:bold;text-decoration:underline;}
#wp-calendar {
width: 160px;
margin:0 0 0 0px;
text-align: center;
font-size:11px;
color:#B1A074;
}
.wp-caption {
text-align: center;
color:#B1A074;
}
.textwidget {
margin:2px 2px 0 2px;
}
#akismetwrap{
margin:2px 0 2px 10px;
}
.rsswidget img {
display:none;
}
#sidebar h1 a.rsswidget{
margin-left:0px;
overflow:hidden;
text-decoration:none;
}
.wp-smiley{
vertical-align:middle;
border:0px;
padding:0px;
}
#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>
<!-- Base_top -->
<div id='base_top'>
<!-- Base_bottom -->
<div id='base_bottom'>
<!-- Base_bg -->
<div id='base_bg'>
<!-- Base -->
<div id='base'>
<!-- Header -->
<div id='header'>
<!-- Title -->
<b:section class='header1' id='header1' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Coffee Desk (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"'>
<!--Show just the image, no text-->
<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/>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<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/>
<!--No header image -->
<b:include name='title'/>
<b:include name='description'/>
</b:if>
</b:includable>
</b:widget>
</b:section>
<!-- /Title -->
<!-- Menu -->
<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>
<!-- /Menu -->
| <!-- Menu --> | |
| <div class='menu section' id='menu'><div class='widget LinkList' id='LinkList1'> | |
| <div class='widget-content'> | |
| <ul> | |
| <li><a href=' # '>Home</a></li> | |
| <li><a href=' # '>Posts RSS</a></li> | |
| <li><a href=' # '>Comments RSS</a></li> | |
| <li><a href=' # '>Edit</a></li> | |
| </ul> | |
| </div> | |
| </div></div> | |
| <!-- /Menu --> |
<!-- Main Search -->
<div id='mainsearch'>
<form action='/search' id='mainsearchform' method='get'>
<input class='input' id='s' name='q' onFocus='doClear(this)' type='text' value='Search ...'/>
</form>
</div>
<!-- /Main Search -->
</div>
<!-- /Header -->
<!-- Container -->
<div id='container'>
<!-- Content -->
<div id='content'>
<div class='spacer'/>
<!-- Content -->
<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'>
<!-- 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_d'><script type='text/javascript'>document.write(date_dd);</script></div>
<div class='date_m'><script type='text/javascript'>document.write(date_mmm);</script></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>
<div class='entry'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</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>
<!-- 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>
<!-- email post links -->
<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>
<!-- quickedit pencil -->
<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>
<!-- /Post -->
</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"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
</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='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'>
<!-- posts -->
<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>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<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>
<!-- Navigation -->
<div class='pagination'>
<div class='alignleft'/>
<div class='alignright'/>
</div>
<!-- /Navigation -->
<div class='clear'/>
</div>
<!-- /Content -->
<!-- Sidebar -->
<div id='sidebar'>
<b:section class='sidebar1' id='sidebar1' 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:section>
<b:section class='sidebar2' id='sidebar2' preferred='yes'>
<b:widget id='BlogArchive2' 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:section>
</div>
<!-- /Sidebar -->
</div>
<!-- /Container -->
<!-- Coffee Desk Blogger Template comes under a Creative Commons License.
This means it is free to use on your blog as long as the credit link in the footer is kept intact
FalconHive.com
-->
<div class='clear'/>
<!-- Footer -->
<div id='footer'>
<a href='/feeds/posts/default' title='RSS Feed'><img alt='Subscribe RSS' class='rss' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwTByrpl0AvLX1dMe_EOZVPoTt1SQLqt_PMYdC4NcmssiLmbUlcEC1pIVOy4V1-AZzabOLP7arL9t4p4jNn2oWziVtIx0hL7e0Sd2fjMloENVQcgB7IlYlLX6RI5iMEZvBBozd_UC7WNs/s1600/spacer.gif'/></a>
© <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
<!-- credit -->
Niranca Mpanjili : <a href='http://nakurumpu.blogspot.com' target='_blank' title='Papa Ucup'>PapaUcup</a>
Bloggerized by <a href='http://www.falconhive.com' target='_blank' title='Falcon Hive'>FalconHive</a> | <a href='http://www.templatelite.com/'>Wordpress Templates</a> Sponsored by <a href='http://www.bloggerstyles.com'>Blogger Styles</a>
</div>
<!-- /Footer -->
</div>
<!-- /Base -->
</div>
<!-- /Base_bg -->
</div>
<!-- /Base_bottom -->
</div>
<!-- /Base_top -->
</body></html>
BAGAIMANA CARA MENGATUR TANGGAL TEMPLATE COFFEE DESK JIKA TANGGALNYA UNDEFINED Caranya yaitu: Masuk ke Dashbor anda kemudian pilih Pengaturan pilih tab Format Pada Format Header Tanggal pilih pilihan ke-3 (Sabtu, 29 januari 2011) Pada Format Tanggal Index pilih pilihan Januari 2011 Pada Format Time Stamp pilih pilihan ke-4 (Sabtu, Januari 29, 2011) Simpan

Posting Komentar