DESK MESS ~ TEMPLATE A

COPY KODE HTML TEMPLATE DIBAWAH INI

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*

-----------------------------------------------
Theme Name: Desk Mess
Theme URI: http://www.geekwithlaptop.com/desk-mess-wordpress-theme
Description: Casual work-desk theme for a different blogging experience.Brought to you <a href="http://www.geekwithlaptop.com">Geek with Laptop</a>
Author: Geek With Laptop
Author URL: http://www.geekwithlaptop.com
Tags: valid XHTML, fixed width, wood, two columns, widgets, gravatars, right sidebar,
The CSS/XHTML is released under GPL: http://www.opensource.org/licenses/gpl-license.php

Converted to blogger template by FalconHive.com
Theme URI: http://www.falconhive.com/2009/02/desk-mess-blogger-template.html
Version: 1.00
Date: 08 February 2008
Author URI: http://www.falconhive.com
----------------------------------------------- */

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

/* = GLOBAL = */
* {margin:0;padding:0;}
body {
margin: 0;
padding: 0;
background:#ae8858 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS0E96TnkWHlMNPSOD16xEKTtcfanyAzEjy68c5NwpUDTO9ZXGn4tnAoaqlIUlCEJPv3otoiAoWdToa9gVOvuFXPPdHVQCtGjqKysPhbzSN3Ra8rJHYUWeyKSRvDugGgKWi752bUizmOpw/s1600/bg.jpg) repeat top left;
font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
font-size: 12px;
line-height:21px;
color: #635537;
}
a:link, a:visited, a:active {
color: #d21600;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h1 {
font-size:25px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
line-height:normal;
padding-bottom:2px;
}
h2 {
font-size:20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
line-height:normal;
padding-bottom:11px;
padding-top:15px;
}
h3 {
font-size:17px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
line-height:normal;
padding-bottom:10px;
padding-top:14px;
}
/* === HEADER === */
#header-container {
width: 990px;
margin: auto;
padding: 0;
}
#header{
position:relative;
height:295px;
}
#cup {
float:left;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0lVybXyhRb3n3OnZECVZ-YTI0qHaC-XCjAsOJa3GD3ErHgECpU9xZeX-W7DFblS3dxPYNgpuGkQ4BrjfwH9XNCGJKATs3mN_M1Ll0pKbNdA3Kqzn-gvZrYSjV6JthQpvWFUrm-mp3c828/s1600/cup.png) no-repeat;
height:275px;
width:259px;
margin-top:26px;
}
#logo {
margin-left:-37px;
float:left;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJWuxQE1hwsTsoLmKCmhW2C9bnDfCKeTQ6kjlhNkLXs9Hy0__YgYGzjJvybeiChUiKq53YBUcG0dcFmjmrsWKltl9MvtqRCXcQlya4ejdjhfxs0ILTVaGxbes1iC3jTHWXxWJ7mY8AU2q9/s1600/logo.png) no-repeat;
width:304px;
height:170px;
}
#logo h2{
font-family:"Copperplate Gothic Bold", Arial, sans-serif;
font-size:30px;
color:#fff;
text-align:center;
margin:70px 0 0 24px;
width:280px;
}
#logo p{
color:#fff;
margin-left:15px;
text-align:center;
}
#headerright{
float:left;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY_oGnUVX4vP9pNnKx6K49Y8VuddE0VEW4Rfjdd4Ge02fFSR2DFahruXd7I2p0BFfgohrqn4Hv9PzY-ZG_g-SQHTZYdSuvyyeAj1eSZQ5ALYZQbKByGlEbnOzw4T2F4WilrJP1ntMxmPzi/s1600/righthead.png) no-repeat;
width:534px;
height:295px;
margin-left:-85px;
}

/* === MENU === */

#menu {
height:55px;
left:20px;
margin:0;
padding:0;
position:absolute;
text-transform:uppercase;
top:248px;
}
#menu, #menu ul {
line-height:3.5;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#menu a, #menu a:hover {
border:medium none;
display:block;
text-decoration:none;
}
#menu li {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieeEs-cq3NucHdBe1BPT3koaQLnAkK-QlYewCv8aMCehNSB67uCDKPpzSXZH3zPhMeSe_Dg5nTo4rW4A9IaVOBVeCmd0O1vJFGKCtoBaMZsz04wqxFCbRdbH1m052vE-kSeiMWeotxgG42/s1600/menu_button2.png) repeat scroll 0 0;
float:left;
height:61px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:2px;
margin-right:2px;
text-align:center;
width:99px;
}
#menu a, #menu a:visited {
color:#332613;
display:block;
font-weight:bold;
padding:10px 12px;
}
#menu a:hover, #menu a:active {
color:#D21600;
text-decoration:none;
}

/* === MAIN AREA == */
.clear {
position: relative;
clear: both;
height: 5px;
}
#wrapper {
margin: 0 auto;
position: relative;
width: 977px;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj4ekR_xq93oG_559X27_Wu0nPcdJhnS8LEC50AyVRnnpOjyGncGGhj6mv2jWIW5qmf8UFKgKT0NFzDHQV3krV2l6OE80eX7H3YN2F8rZ9N8IRQwF1t18HPzKeLIhyNzS0yAPoRyQkW1tV/s1600/mainmidpart.png);
background-repeat: repeat-y;
}
#mainwrap{
width:990px;
margin:0 auto;
}
#maintop {
margin: 0 auto;
position: relative;
width: 977px;
}
#maintopimg {
position: relative;
padding:0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo55KoOl0x7ZL6X5-peldfubXxfZUsj7FrftOaWcW1B3VeHfCUq2V8awjMnoEmgmIXdh-TNC3qCFg3-CCQh4hAF0KW9WpXy9I0Fa3xsGVOmrOoOMYXpEmai2MF9N5CSGWB60O6xAI95Nig/s1600/maintoppart.png);
height:113px;
}
#content {
position: relative;
width: 950px;
margin: 0 0 0 45px;
}

/* === MAIN BLOG === */
#main-blog {
float:left;
width:580px;
padding:15px 10px 10px 10px;
}
#main-blog h1 {
font-size:22px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
line-height:normal;
padding-bottom:2px;
}
#main-blog h1 a, #main-blog h1 a:visited, #main-blog h1 a:active{
color:#4a4131;
text-decoration:none;
border-bottom:1px solid #b2b0a4;
}
#main-blog h1 a:hover{
color:#d21600;
text-decoration:none;
border-bottom:1px solid #d21600;
}
.postdata {
margin-bottom: 20px;
font-size: 12px;
font-weight: normal;
font-style:italic;
color: #4a4131;
}
.post {
margin-bottom:60px;
}

.post p {
margin:0;
padding:0 0 10px;
}

.post ul {
margin-left:35px
}
.post-comments {
float: right;
width: 63px;
height: 61px;
padding:18px 0 0 24px;
font-size:18px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
margin:-7px 20px 0 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9KhyEP3-HQe0NulH8EYPDWIOrFOXPrP8gUB6Q_z1DJpu5buu2qg6gliMjcXfsbj5fk0MSB_d6vKxCaVi0htMeqROV1QcVGI8J5gMoOOL_2j1Q9QnMQEABxzZCN9Hod_QlJOxutm76CjnW/s1600/commentbck.png) no-repeat;
}
.post-social {
float: right;
width: 78px;
height: 74px;
margin:-22px 30px 0 0;
background: url(http://img8.imageshack.us/img8/6044/socialbcklk6.png) no-repeat;
}
.rss {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlEZ67BZhmKBfOTflLGKWB3lxjubQ20w9tR-9YNW-X1C0AL75F2rUdUpJzj5RM_2_-Fdi1_VQJkGyQejimAWkn0aCeIQ5tRLIl9zCwJCDGyqxrA4Nu1vWs9uwk29kpe4QP82aykx3Q6NQw/s1600/rssicon.png) no-repeat 0 50%;
padding-left:20px;
padding-top:1px;
}

.post-comments a:link, .post-comments a:visited, .post-comments a:active{
color:#4a4131;
text-decoration:none;
}
.post-comments a:hover {
color:#d21600;
text-decoration:none;
}

/* === SIDEBAR == */
#sidebar-top {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge50jwKpo1OcS90BbgZIcV0kDlkG3R-flT2caOVAsnHq0neGy7NQYIs0Hilph04W97iAweKwm6nv9Tt81wrz2X8T8AJw1mYiZGqkRMcVoQdRs52QweAJ1cO3CiGU9s4mACvAZEQa_yN1-o/s1600/sidebartop.png) no-repeat;
height: 90px;
min-height: 90px;
}
#sidebar-content {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtDbFkKYpkVfDJkUcN6-LEWMKcx6PVX6aluxm3lrNYjKTWWQOdDuzOCaIsJynbrMhln3onWLSfNDeki-RwATRgmq057S4GxDX9behcdTTbUklwnE41j5zj9xgxnJIh95pUbgLQuCK51j0a/s1600/sidebarmid.png) repeat-y;
padding:9px 30px 30px 30px;
}
#sidebar-bottom {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPCMtEzyTeuk_TgMb-PVcjHdzG4kU4qcxW2tgVi52OLkb9mubkDu9PXol0oCKv3EpSE4d2fbM-FrYNUazeSzphBQDkNHY3lqEDWIWLRJZBUQxM3rPvn72LZQ8OEBOcYt80CE-tX6TzAweq/s1600/sidebarbottom.png) no-repeat;
height: 37px;
min-height: 37px;
text-align:right;
margin-left:-1px;
}
#sidebar {
width:305px;
position:relative;
float:left;
margin:-20px 0 0 -8px;
}
.subcolumn{
width:255px;
}
#search{
width:252px;
height:125px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX0gxpNfFPar9OkbmLE3vteGIZtCy7pksyfj8GNzrEEiFyJ28R0e0dog-njmSk1PakNvmDbHQNNMOgCRFbCtE-SlMk6LNN9OZ4b7WdR23fRtZPJqdnUFVPJ7XvWWTh-CA8h8H8W57FVngn/s1600/searchbck.png) no-repeat;
margin-left:4px;
}

.form-input {
margin: 65px 10px 10px 37px;
width: 173px;
padding: 2px 2px;
background: #faf6f6;
border: 1px solid #e3dccb;
color: #666;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

.form-input:focus {
background:#f2f0f0;
border: 1px solid #b5b4b2;
}

.search-submit {
margin:0 0 0 84px;
width: 85px;
background: #faf6f6;
border: 1px solid #e3dccb;
color: #666;
font-size:.85em;
}
.widgeth .widget {
width:252px;
margin-left:4px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL30_wN_TtQ1Y-HwxepWRRjxAhDnLvByv1u_EuR8iEUqsqJ1koq4vc9PqP8oL5q879YeDqR-YZazeH8jWXffio6CPUuqw06g0esthCf7l-F6paL6pxtHXSEHK6g1wUXOLsjE1Bo3Thmsx3/s1600/widgetbck.png) repeat-y;
border-bottom:1px solid #e3dccb;
margin-bottom:10px;
text-align:center;
padding-bottom:10px;
margin-top:10px;
}
#calendar_wrap{
margin-left:55px;
}
.widgeth p {
padding-left:5px;
}

.widgeth h2 {
height:40px;
width:252px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmqlmEQ5DKBQdsXdtexIiFk7Bql02bcMdgly_y0zEeVdVsaKQVnnHQiscvKZsGHeAMDCUQ_U7e9OBxVnOyZ3rjoD0kY3_Oi8WTxWVm4sIi_Ej4Fr3jKvy7R2S0GBLT4T01f1-F4NOQNp3V/s1600/widgeth2.png) no-repeat;
text-align:center;
padding:22px 0 0 0;
font-size:20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
line-height:normal;
color:#4a4131;
margin:0;
}
.widgeth ul {
margin:0 0 15px 0;
padding:5px 0;
border:none ;
list-style:none;
}
.widgeth ul li {
padding:5px 15px 10px 15px;
margin:0px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_OqyBh3oiA8pLsNEUIoOw9tkLlZiUtCPBfSKTJJyIDG28XXBp-TDdYV141cRNQ1SzVfmU4T-IPjTY-jkiy5ujFA39Jt5uh_WV2E-gwnuwgRGUVD_F_CRGexuCJbYM25wbSb0Fa9Q1huPT/s1600/listseparator.png) no-repeat 25% 100%;
}
.widgeth ul li a{
color: #d21600;
text-decoration:none;
}
.textwidget{
padding:0 8px 0 8px;
}
.widgeth ul li a:hover{
color: #635537;
text-decoration:none;
}

/* --- YOUR-LINK-HERE --- */

img {

}
p img {
padding: 0;
max-width: 100%;
}
img.aligncenter {
border: 1px solid #59350b;
margin-left: auto;
margin-right: auto;
display: block;
}
img.alignright {
border: 1px solid #59350b;
margin: 0 0 13px 13px;
display: inline;
}
img.alignleft {
border: 1px solid #59350b;
margin: 0 13px 13px 0;
display: inline;
}
.alignleft {
float: left
}
.alignright {
float: right;
}
.wp-caption {
border: 1px solid #59350b;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

/* == FOOTER == */
#bottom{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBRZvY7vmFbtU4hQi106UQX1mXUgAnTJwY8xESN-lQbTldZsB-pZJWP-hxPphQG18YtOPCKXVH4VLsrwMXjpXjyXxQeKCEBTs1K7dA4qpqNT4XRPyLBlw12z1xxXcGt7_xx2-ILJ_A5OEO/s1600/footer2.png) no-repeat;
height:154px;
}
#bottom p{
text-align:center;
}

#wp-footer{
position:absolute;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh69Enut_AAQTmJrf7Cg_rgbKa53JfdmBKf8xe52M7fEHurSZYai3ya6Ij9MHlJ2IdU86rB1msF6BQ_VOS-zQoIqbUtXa35h9wGRHROTCQX5rVlHEdVLl6gR46DhAyqw_FmPVkg86rCU-Yr/s1600/footer-wp.png) no-repeat;
width:95px;
height:26px;
margin-top:95px;
margin-left:460px;
}
#wp-footer a {
display: block;
height: 0;
padding-top:26px;
overflow: hidden;
text-decoration: none;
width: 95px;
}
#wp-footer a:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh69Enut_AAQTmJrf7Cg_rgbKa53JfdmBKf8xe52M7fEHurSZYai3ya6Ij9MHlJ2IdU86rB1msF6BQ_VOS-zQoIqbUtXa35h9wGRHROTCQX5rVlHEdVLl6gR46DhAyqw_FmPVkg86rCU-Yr/s1600/footer-wp.png) no-repeat 0 -28px;
}

/*------------------COMMENTS----------*/
.commentlist {
padding: 0;
text-align: justify;
}
.commentlist p {
margin: 0 15px 10px 2px;
clear:both;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.alt{
margin-top: 1px;
padding: 10px 10px 5px 10px;
background: #f2f2f2;
border: 1px solid #b2b0a4;
}
.alt2{
margin-top: 1px;
padding: 10px 10px 5px 10px;
background: #ffffff;
border: 1px solid #b2b0a4;
}
.administrator {
margin-top: 1px;
padding: 10px 10px 5px 10px;
background:#e5dfcf url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV3qYSY495VALcyxJR5H8IduQl0SiAua9lVvIJVK1o_jSlM_AYLXcUvUcaG9Vxh9ZEX-7X9eWXOR15EvFLfYtVhKzZGZtgiuqKcR-2ZQwTcwAUZQxyIUsA0AZbmZ3HIxtyw5o_RfclnE4A/s1600/author.png) no-repeat center ;
border: 1px solid #7e7d75;
}
.cgravatar {
float: left;
width: 60px;
height: 60px;
margin: 0px 12px 0px 0px;
border: 1px solid #47453a;
}
.comment-author {
font-size: 120%;
font-family:Geneva, Arial, Helvetica, sans-serif;
color: #2b2d2f;
}
.comment-author a:link , .comment-author a:visited, .comment-author a:active {
color: #d21600;
border-bottom: 1px solid #d21600 ;
text-decoration: none;
}
.comment-author a:hover {
color: #635537;
border-bottom:1px solid #b2b0a4;
text-decoration: none;
}
.comment-date {
margin-left:2px;
margin-top:3px;
font-size: .75em;
color: #888;
}
#com{
width:580px;
padding: 0 0 5px 0px;
clear: both;
}
#comhead{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt-oREG_0DbER-Hw9d30Gz-iHvY9ElQNy-WcYahyjVgpiyRw3qhw0u7NrgsCVhB9-BhrEboTJlV_oEP233diX_JpKStGvnQftH7VvjgsSsuENfld_Teb9s8ORQCs1KsxTCE6JUFSlwDEgs/s1600/comh3.png) no-repeat;
margin-bottom:10px;
color:#271b03;
padding:8px 0 0 40px;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
width: 175px;
height: 36px;
}
#respond {
width:580px;
padding: 0 0 5px 10px;
clear: both;
}
#respond {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt-oREG_0DbER-Hw9d30Gz-iHvY9ElQNy-WcYahyjVgpiyRw3qhw0u7NrgsCVhB9-BhrEboTJlV_oEP233diX_JpKStGvnQftH7VvjgsSsuENfld_Teb9s8ORQCs1KsxTCE6JUFSlwDEgs/s1600/comh3.png) no-repeat;
width: 175px;
height: 36px;
margin-top:25px;
color:#271b03;
padding:8px 0 0 70px;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}
#commentform {
margin: 10px 10px 30px 0px;
font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
padding: 6px 0px;
margin: 0px;
}
#commentform label{
color: #787878;
font-size: 87%;
}
#commentform input{
width: 200px;
background: #fff;
border: 1px solid #b2b0a4;
padding: 5px;
margin-top: 3px;
font: 100% 'Trebuchet MS', Verdana, Sans-Serif;
}
#commentform textarea{
height: 130px;
background: #fff;
border: 1px solid #b2b0a4;
padding: 5px;
margin-top: 3px;
font: 100% 'Trebuchet MS', Verdana, Sans-Serif;
overflow: auto;
}
#commentform #submit{
cursor:pointer;
}
.contactform input, .contactform textarea {
background: #333;
border: 1px solid #b2b0a4;
color: #fff;
}
.contactform input:focus, .contactform textarea:focus {
background:#444444;
border: 1px solid #000;
padding-bottom:30px;
color:#fff;
}
.contactform #contactsubmit {
width: 85px;
background: #111;
border: 1px solid #666;
color: #e3e3e3;
font-size:.85em;
}
.contactform #contactsubmit:focus{
width: 85px;
background: #333;
border: 1px solid #666;
color: #e3e3e3;
font-size:.85em;
}
.contactform textarea {
width: 340px;
height: 200px;
margin-bottom:10px;
}
.ddfmwrap {
width: 450px;
margin: 0;
padding: 10px 0;
}

.ddfmwrap form.ddfm {
width: 450px;
margin: 0;
padding: 0;
}

.ddfmwrap form.ddfm legend {
font-size: 1.1em;
font-weight: normal;
color: #635537;
}

.ddfmwrap form.ddfm label {
padding-top: 4px;
color: #635537;
font-weight: normal;
line-height: normal;
}

.ddfmwrap form.ddfm fieldset {
padding: 15px 15px 15px;
border: 1px solid #b2b0a4;
}

.ddfmwrap p {
color: #635537;
}

form.ddfm .credits {
display: none;
}

.ddfmwrap .required {
color: #cf0e0e;
}

.ddfmwrap .fmtext, .ddfmwrap .fmtextarea, .ddfmwrap .fmselect {
padding: 4px 5px;
background: #fdfef6;
border: 1px solid #b2b0a4;
color: #635537;
font-family: Arial, Helvetica, Geneva, sans-serif;
font-size: 1em;
}

.ddfmwrap .fmtextarea {
height: 200px;
}

.ddfmwrap .fmtext:focus, .ddfmwrap .fmtextarea:focus, .ddfmwrap .fmselect:focus {
border: 1px solid #918b6e;
}

.ddfmwrap .submit {
margin-left:-8px;
text-align: left;
}

.ddfmwrap .submit input {
padding: 3px 12px;
background: #fdfef6;
border: 1px solid #918b6e;
color: #2b2d2f;
font: normal 0.9em Arial, Helvetica, Geneva, sans-serif;
}

#wp-calendar {
empty-cells:show;
font-size:12px;
font-weight:bold;
margin:0;
padding:0;
text-align:center;
text-decoration:none;
width:200px;
}

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



</head>

<body>

<div id='mainwrap'>


<div id='header-container'>


<div id='header'>
<div id='cup'/>
<div id='logo'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Desk Mess (Header)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h2><data:title/></h2>
<b:else/>
<h2><a expr:href='data:blog.homepageUrl'><data:title/></a></h2>
</b:if>
</b:includable>
<b:includable id='description'>
<p><data:description/></p>

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

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>


<div id='headerright'/>

<ul id='menu'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Post RSS'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Comments RSS'>Comments</a></li>
<li><a href='YOUR-LINK-HERE' title='LINK-TITLE-HERE'><span>Edit</span></a></li>
</ul>

</div>


</div>



<div id='maintop'>
<div id='maintopimg'/>
</div>



<div id='wrapper'>


<div id='content'>

<div id='main-blog'>
<div class='clear'/>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

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

</div>
<div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post'>
<a expr:name='data:post.id'/>

<div class='post-comments'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.numComments/>
</a>
</b:if>
</div>

<b:if cond='data:post.title'>
<h1>
<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>
</h1>
</b:if>

<div class='postdata'>
<b:if cond='data:top.showAuthor'>
Posted by <span class='fn'><data:post.author/></span>
</b:if>
<b:if cond='data:top.showTimestamp'>
on
<b:if cond='data:post.url'>
<data:post.timestamp/>
</b:if>
</b:if>
<b:if cond='data:post.labels'>
in
<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>
</div>

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

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

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


<span class='post-icons'>

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


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

</div>

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

<div class='post-footer-line post-footer-line-2'>

<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='post-footer-line post-footer-line-3'>
<span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</div>
</div>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' 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'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='com'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h3 id='comhead'>
<b:if cond='data:post.numComments == 1'>
1 Comments
<b:else/>
<data:post.numComments/> Comments
</b:if>
</h3>

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

<div class='commentlist'>
<b:loop values='data:post.comments' var='comment'>
<div class='alt item' id='comment'>
<div class='comment-meta'>
<div class='comment-author'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> says:
<b:else/>
<data:comment.author/> says:
</b:if>
</dt>
<div class='comment-date'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</div>
</div>
</div>
<br/>

<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</div>
</b:loop>
</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>

<p class='comment-footer'>

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

</p>
</b:if>

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

<div class='blog-posts 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>



<div id='sidebar'>
<div id='sidebar-top'/>
<div id='sidebar-content'>
<div id='subcolumn'>
<div id='search'>
<form action='/search' id='searchform' method='get'>
<div>
<input class='form-input' id='s' name='q' size='35' type='text' value=''/>
<input class='search-submit' name='search' type='submit' value='Search'/>
</div>
</form>
</div>

<b:section class='widgeth' id='widgeth' 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='Feed1' locked='false' title='Recent Posts' type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content'>
<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<b:loop values='data:feedData.items' var='i'>
<li>
<span class='item-title'>
<a expr:href='data:i.alternate.href'>
<data:i.title/>
</a>
</span>
<b:if cond='data:showItemDate'>
<b:if cond='data:i.str_published != ""'>
<span class='item-date'>
 - <data:i.str_published/>
</span>
</b:if>
</b:if>
<b:if cond='data:showItemAuthor'>
<b:if cond='data:i.author != ""'>
<span class='item-author'>
 - <data:i.author/>
</span>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<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>
</div>

<div id='sidebar_bottom'/>
</div>


<div class='clear'/>

</div>


</div>



<div id='bottom'>
<p style='padding-top:110px; clear:both;'> Copyright © 2009 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> All rights reserved. Theme by <a href='http://www.geekwithlaptop.com' style='text-decoration:none; color: #635537;' title='Geek with Laptop'>Laptop Geek</a>. | Bloggerized by <a href='http://www.falconhive.com' target='_blank' title='Falcon Hive'>FalconHive</a>.</p>
</div>


</div>


</body>
</html>

Posted in: DESK MESS

TEMPLATE A

BLOG LAINNYA

MACAM TEMPLATE

Jumat, 02 September 2011

DESK MESS

0 komentar:

Posting Komentar