EXOTIC VACATION ~ TEMPLATE A

COPY KODE HTML TEMPLATE DIBAWAH INI

<?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: Exotic Vacation
Theme URI: http://www.templatelite.com/exotic-vacation-free-wordpress-themes/
Description: Indulge yourself in the middle of the sea with crystal clear water. Brought to you free by <a href="http://www.templatelite.com/">Templatelite.com</a>.
Version: 1.00
Author: TemplateLite.com
Author URI: http://www.templatelite.com/
Tags: blue, left sidebar, fixed width, 2 columns, widget ready, valid xhtml, valid css

Converted to blogger template by FalconHive.com
Theme URI: http://www.falconhive.com/2009/03/coffee-desk.html
Version: 1.00
Date: 31 March 2009
Author URI: http://www.falconhive.com
Theme URI: http://www.falconhive.com/2009/04/blogger-template-exotic-vacation.html
Reminder:
Zinmag Primus 2 Blogger Template comes under a Creative Common License.
This means it is free to use on your blog, and you must keep the footer link intact, also as a respect to the designer and converter.
We sincerely need your respect to continue our free Blogger template production, thank you.
FalconHive.com
----------------------------------------------- */

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

/***** GENERAL *****/
body{
margin:0;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color:#000000;
background:#534F44 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeK9fWx4V08-hFvh7IcFvTWHS0YRmIqGvZJBTyL-0vwLcMT7D-kbZxaQbJ_0UvBdFBp_DtPIq9YY-zCXTx9Z0dVeD__LU6XwAZajxGUJaEkNGjzVuPQrtajQem8WZL6SJwRzNTsDKsFv0i/s1600/bg_repeat.jpg) repeat-y top center;
border:0px yellow solid;
}

img {
border:0px;
padding:5px;
max-width: 100%; /* not working in IE6*/
}
a {color:#786741;text-decoration: none;}
a:hover {color: #786741;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 #626564; width:95%;}
del {color:red;}
ins {color:green;}

blockquote {
clear: left;
text-align: justify;
padding: 0px 0px 0px 22px;
margin: 10px 10px 10px 10px;
border-left: 2px solid #626564;
}
input,select,textarea {
font-size:12px;
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:35px;}

/********** LAYOUT **********/
#base_top{
margin:0;padding:0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy-Ord7cLkDs_yn4DsnQuKNkFUUgAN2jGxz2-HqFGt6OJ2wgZjAKowoXvH38WyJayvN-mQUMODCgW5nFNcM_ai_DzLWJhRIiCpNAVWl2ehMJ0OhWA9gAunIlkEb0f5A9vyfLyxNdNEb4MU/s1600/bg_top.jpg) no-repeat top center;
}
#base{
position:relative;
margin:0 auto;
width:896px;
padding:0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm0u-IHgaTSiS25TPip6ZIv5gOto932TfEnJ_Fu7BZ5RREcKJEEyUSashQjB_BX74oplEKjp8Mt4v3woypmhWnQzs51gjKBDuohyphenhyphenLrFCya1ZNUWrX68WfAka7lnM-PB-5yTkGq5Fz227dr/s1600/bg_base_repeat.jpg) repeat-y top center;
border:0px red solid;
}
#header{
position:relative;
width:896px;
height:175px;
border:0px red solid;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2F7LX70-x1lAX7fIRz4YPMNQcg899U9HqC5NwGIj85WC9oS4-yOs3wvC4Fpt8HsQDrD-0sKQeTs7hnyToHo__hsfZPeQhl3csFWfc6hwzpPU-_IvQfl-PHEFUmQeGWFmWfoYmwFK4Lfbm/s1600/bg_header.jpg) no-repeat top center;
}

#container{
position:relative;
width:896px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuJRfztE38HEe3t2U2FMbAPU2lvpBpS6037Skbwlb9at-MYoVjjT02OkpJznSTd0XYI2W7iX1EN3Nl9uZ9_8tWB4j_eJLSAqo0aNhOrAOWlVeUuV2nz7uF-xwwSQ7ZlToZ4pOgzSmp_MnJ/s1600/bg_container.jpg) no-repeat top center;
border:0px red solid;
}
#sidebar{
float:left;
overflow:hidden;
display:inline;
width:213px;
margin:0 0 0 30px;
padding:0 0 65px 0;
font-size:11px;
}
#content{
float:right;
overflow:hidden;
display:inline;
width:572px;/*607*/
margin:60px 30px 0 0;
border:0px red solid;
}
#menu{
position:relative;
width:896px;
height:175px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSm5wwqaX0tLvf3fzg_ptlROV5ZT4EFYrRcgAyZRdpEjahpn8bMxJNpWDZZgoSpUsqYm5f8GVRYGZ4T4D1zVgoe2iiB5fYJvveBZ0nqNuIHWevvs4BPsMjtd92JOYTldYoc8U0KtEXtJ4l/s1600/bg_menu.jpg) no-repeat top center;
}
#footer{
font-size:11px;
height:50px;/*160*/
padding:110px 40px 0 180px;
color:#ffffff;
margin:-80px 0 0 0;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimVAik_vHQADq2DfXZ_X4S68KRkcWo1HEK9QCK66eonhnAgJ7yKY5ul3npQAViEWRfR5ob7ZC6XhJZ4Q6mAWJKIdwo4jqT3KOLCVeTq2bDhO2TcCHG8a5CciD34dd29_Rh7rFKIIjlqGN1/s1600/bg_footer.jpg) no-repeat bottom center;
}
#footer a,#footer a:hover{
color:#ffffff;
}

.rss {
position:absolute;
display:block;
padding:0;margin:0;
bottom:-61px;
left:50px;
width:80px;
height:70px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMqnmVj5NszfGO5f_RRCchRIBZ18OGblAMDUv7De9l52QZ3Ww7ywgYuzYZ-ItV1d3tUGYO3DNUZ6jDNISsUzsE74Lsmi7-DY74k-eTFQFp-R7y7nUznQzpL-eMm0sLbH0_WEB1RdyHPntI/s320/bg_rss.jpg) no-repeat;
}
a.rss:hover{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-cxmDbDYdSFhWmWMv_YiiaW3_PQv4JAUmPmecIkDsYPqw_yjxtJKFSb5SkO3vkbR0OXdooh10aSHFigjpHdRLLHoIQMGKATBntek9a3zwa6yGyHA4f4TE-3ZkzUA9uPz2uusP2Z1VKM7b/s1600/bg_rss2.jpg) no-repeat;
}

/********** header *************/
#header img.home {
position: absolute;
margin:0px;
padding:0px;
left: 11px;
top: 0px;
width:640px;
height:100px;
}
#blogtitle {
position:absolute;
overflow:hidden;
top:0px;
left:0px;
width:620px;/*620*/
height:40px;
font-family: Arial,Verdana;
font-size:30px;
font-weight:bold;
text-align:left;
color:#BFB42F;
overflow:hidden;
padding:0px 0px 0px 0px;
margin:5px 0 0 31px;
border:0px red solid;
}

#blogtitle a, #blogtitle a:hover {
font-family: Arial, Verdana;
font-weight:bold;
color:#BFB42F;
text-decoration:none;
}
#subtitle {
position:absolute;
top:45px;
width:600px;
font-family: Arial, Verdana;
margin:0px 250px 0 40px;
padding:0px 0 0 0;
font-size:12px;
color:#ffffff;
font-style:italic;
border:0px red solid;
}

#mainsearch{
position:absolute;
top:48px;
left:696px;
width:111px;
height:14px;
margin:0;padding:0;
border:0px red solid;
}
#mainsearch .input {
position:absolute;
top:0px; left:0px;
height:14px;
width:100px;
padding:0 5px 0 5px;
margin:0 0 0 0;
font-size:10px;
font-family: Arial, Verdana, Helvetica;
color:#000000;
border:none;
background:transparent;
}
#mainsearch .submit{
cursor:pointer;
border:none;
background:transparent;
position:absolute;
top:-25px;
right:-30px;
height:50px;
width:50px;
}

/******************* MENU *****************/
#menu ul {
list-style-type: none;
overflow:hidden;
margin:0 0 0 95px;
width:160px;
padding:7px 0 0 3px;
height: 135px;
border:0px red solid;
}
#menu ul li {
list-style-type: none;
font-size: 11px;
letter-spacing:0px;
font-family:Verdana,Arial;
font-weight: bold;
height:22px;
margin:0 0 12px 0;
padding:0;
border:0px red solid;
}
#menu ul li a{
display: block;
overflow:hidden;
height:21px;
width:132px;
line-height:22px;
text-align:center;
padding:1px 0 0 20px;
color:#CDCFCF;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3XujIlGzpmuSgRg6VQxn8HUQwv-RL7Plza5h4e97GIS9bCz2Nb3fIkTVeerF-5szQdrSxLxv8-3JEEKGOeK3xInR44tDux7UZry4U22aWKlsJrxCIJPQhEmVOhMNp5Hfx72btAIUcu8MA/s1600/bg_menu_arrow.gif') no-repeat 0px 1px;
}
#menu ul li a:hover{
color:#819BA0;
cursor:pointer;
border:none;
}
#menu ul li.current_page_item a{
cursor:pointer;
color:#CDCFCF;
background:none;
}

/******************* Sidebar *****************/
#sidebar {color:#000000;}
#sidebar a{color:#000000; text-decoration:none;}
#sidebar a:hover {color:#B27732; text-decoration:underline;}
#sidebar ul {
position:relative;
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

#sidebar li {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 15px 10px 15px;
border:0px red solid;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdxP8ouP0iLyLMdu8ECdyVXxR-PRQvdNhNtdKxZtM04QorVjH_imROY3mAmSNr2JB9eMuiixGeOsBdi-zhRVhaW4GDbpvrEAjYEPvV-ci8MUIN0z4JK7_85FlYz5I8aMbAp5C2zsaYcFAu/s1600/bg_sb_repeat.jpg) repeat-y;
}

#sidebar ul li {
line-height: 20px;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 13px;
border:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIzFOavNe-mVqQlTrlkk54dWvQgU8OmsWLDR3tuzraCha12Nezn1XWO8s5rdPQ867Y0SWmral3XLf95elos-8ELQK7zIyop1GntqmcnmJwISEqJzx8kG904joHZY_tR7lZgY3zBQlIArcI/s1600/bg_sb_arrow.gif) no-repeat 0px 6px;
}

#sidebar h2 {
color: #62655F;
overflow:hidden;
line-height:20px;
font-size: 12px;
font-weight: bold;
letter-spacing: 0px;
font-variant: normal;
width:143px;/*183*/
margin: 0px 0px 0px 0px;
padding: 0px 20px 10px 20px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidTnuHQxgljYrcQXxFAf3Ke9JZpH2m72S8bDMSFny8RRxeSuNdJjw6zFUVFv2h__0ubXS1fxzTNgAinJQ74SJoHZissLS0eJRLr92d3nktrEFCWypus1am7J9Iilcwj939lSxqcRnc6g4f/s1600/bg_sb_title.jpg) no-repeat top center;
}
#sidebar .bg_top{
height:11px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAp-SDynphW86t735aZs_YL13SXVbfngN4S6JXyc8dTvG_zOWVoudntY7Oh_bFfC4o4EGfhBKkrQkjEkm0dnXSDLjgiH2dSQy4GH7Tz_X744SE2FMvDiXhhtLxaBN5mxHtvdUS_9oUXc9k/s1600/bg_sb_top.jpg) no-repeat bottom center;
margin:0;
padding:0;
}
#sidebar .bg_btm{
height:9px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsdUBvMDDINH1QII_fVdWkFFSlCVh229LBnTfM_CGySI1B3X16KK7NoycvsXOpa3HK5vxz6af7QBK5iFWZuRLsLITKcda9D79eUty_Eob3h0Utu4r6-d3gRYYI_CB2M0VYIZZPZGPpdv3m/s1600/bg_sb_btm.jpg) no-repeat top center;
margin:0 0 15px 0;
}
#sidebar select{
margin:5px 0px 2px 0px;
font-size:11px;
width:180px;
overflow:hidden;
}

/*************** content ***************/
.archivetitle {
color: #000000;
text-align:left;
font-size: 12px;
font-weight:bold;
line-height:20px;
padding: 0px 0px 0px 0px;
margin: 0px 10px 15px 0px;
}
.post{
position:relative;
margin:0 0px 20px 0px;
width:572px;
}
.post_top{
position:relative;
margin:0 0 0px 0;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV77nBmUMQbxF4cFeGtLyTpvj3FROlSK3yaajbYFStxWzstFQJ0xncIZbvPna140rgiYINTGRrvEI_Z-1MVus7fnJfe5HOyA2EyUKZJCsYkw6UFc8dFCM2-t2Qct41ytNtAKKSe6jUPICT/s1600/bg_post_title.jpg') no-repeat bottom center;
}
.post_title{
font-size:17px;
font-weight:normal;
padding-top:20px;
margin:0 70px 0 0;

}
.post_date{
font-size:10px;
height:18px;
line-height:18px;
text-align:right;
margin:5px 5px 0 20px;
}
.entry{
overflow:hidden;
width:532px; /*572px*/
color: #000000;
line-height: 1.6em;
text-align: justify;
padding: 10px 20px 10px 20px;
margin:0;
}
.entry a{
text-decoration:underline;
}
.info {
line-height: 1.6em;
font-size: 10px;
text-align: left;
margin: 0px 1px 20px 0px;
padding: 4px 0px 1px 1px;
}
.category {
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 20px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5l3tp9zmkAdkyQv9FHnJ_29UTVCAlCGWfxTOoikr8EQTpSx4aTy_VFuG7Ac_6FRKC6dp_hAUYgXe23yrYjG5y7otcOJcS7C9ilhiu1Bg-YwfL_qB_KxTX65_0dbk9Wzx-xChSmGTz5C0l/s1600/icon_category.gif') 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/AVvXsEislEi0fXErmgQ-AduxWXiKyxJYqrKSm88j2wA8VGHmFpVLO2yXTowRrrFjD_DZPDUHECjXG5tPFU4Tz7aJuvTUeBDQjNNWz3vJzgr22rdrALYHhVPg7ZxnQzgEHCicbTTARgXSGEDAdYoQ/s1600/icon_tags.gif') 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/AVvXsEgkmqAvyvwBCxQsvjPIssV_zWee-8VtCS7PSVhcIoT3EjiaIW5LheUaHgDR5VWSMTXhl29Q1q6D0WR18bx-0gKMYJFa-KPRk9th-bTtY9qbphrLczY_cYsFdodxpJo7ueOld-_0GipIbEmA/s1600/icon_comment.gif') no-repeat top left transparent;
}
.navigation {
font-size: 11px;
margin: 20px 0px 20px 0px;
padding: 10px 20px 10px 20px;
}

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

/*************** comment ***************/
#postmetadata {
font-size: 11px;
margin: 0px 0px 20px 0px;
padding: 5px 15px 5px 15px;
color:#B5B0A2;
background:#626564;
border:2px #3F4544 solid;
}
#postmetadata a{
color:#ffffff;
}

.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 dotted #000000;
}

.commentlist {
list-style: none;
margin:0px ;
padding:0 10px 10px 10px;
}
.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:#F0ECC6;
border:1px #606261 solid;
padding:5px;
}
.trackback div, .pingback div{
border:1px #606261 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 #606261;
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{
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;
}

/* Embedded Comment Form */
.comment-form {
margin: 0 0 0 10px;
max-width:570px !important;
width:570px !important;
}

#email, #author, #url {
color: #000000;
font-size: 11px;
padding-left: 2px;
vertical-align: middle;
border: 1px solid #606261;
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 #606261;
padding: 2px 2px 2px 2px;
}
#submit {
height: 20px;
color: #ffffff;
font-size: 11px;
margin: 0px 0px 0px 0px;
padding: 0px 10px 2px 10px;
border: 1px solid #606261;
background:#C7C6AE;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

/********** WIDGET **********/
#wp-calendar td {font-size:11px;color:#666666;}
#wp-calendar td a {color:#000000;font-weight:bold;text-decoration:underline;}
#wp-calendar {
width: 180px;
margin:0 0 0 0px;
text-align: center;
font-size:11px;
color:#666666;
}

.wp-caption {
text-align: center;
color:#cccccc;
}

.textwidget {
margin:0px 5px 0 5px;
}
#akismetwrap{
margin:0px 0 0px 10px;
}
.rsswidget img {
display:none;
}

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

<div id='base_top'>


<div id='base'>


<div id='header'>


<b:section class='header1' id='header1' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Exotic Vacation (Header)' type='Header'>
<b:includable id='title'>
<div id='blogtitle'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</div>
</b:includable>
<b:includable id='description'>
<div id='subtitle'>
<data:description/>
</div>
</b:includable>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
<b:else/>

<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>

<b:include name='title'/>
<b:include name='description'/>
</b:if>
</b:includable>
</b:widget>
</b:section>



<div id='mainsearch'>
<form action='/search' id='mainsearchform' method='get'>
<input class='submit' type='submit' value=''/>
<input class='input' id='s' name='q' onfocus='doClear(this)' type='text' value='Search'/>
</form>
</div>


</div>



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



<div id='container'>


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

<div expr:id='data:widget.instanceId + "-wrapper"'>
<b:if cond='data:codeSnippet != ""'>
<div style='margin-right:2px;'>
<data:codeSnippet/>
</div>
<b:else/>
<b:if cond='data:totalFollowerCount == ""'>
<span class='item-control following-not-admin'>
<b><data:failureSnippet/></b>
</span>
<span class='item-control blog-admin'>
<b><data:adminFailureSnippet/></b>
</span>
<b:else/>
<b:if cond='data:followingLinkPresent'>
<div class='follow-this profile-link item-control following-follow-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:followThisMessage/>
</a>
</div>
<div class='follow-this profile-link item-control following-stop-following-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:stopFollowingMessage/>
</a>
</div>
</b:if>

<div class='followers-grid'>
<b:if cond='data:totalFollowerCount == 0'>
<div class='profile-link item-control following-follow-this'>
<data:emptyFollowersMessage/>
</div>
</b:if>

<b:loop values='data:followers' var='follower'>
<div class='follower'>
<a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
<img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
</a>
</div>
</b:loop>
<div class='clear'/>
</div>

<div class='followers-canvas profile-link'>
<data:followersFooterMessage/>
<span class='item-control following-not-admin'>
<a expr:href='data:followersUri'>
<data:viewAllMessage/>
</a>
</span>
<span class='item-control blog-admin'>
<a expr:href='data:manageFollowersUri'>
<data:manageFollowersMessage/>
</a>
</span>
</div>
</b:if>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>

</div>



<div id='content'>

<div class='spacer'/>

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

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

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

</div>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>

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


<div class='post' id='post'>
<div class='post_top'>
<h2 class='post_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>
</h2>

<div class='post_date'>
<span class='clock'>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<data:post.timestamp/>
</b:if>
</b:if>
</span>

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

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

<div class='clear'/>

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

<span class='bubble'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>


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


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


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

<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span> </td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>

<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>
</div>

<div class='edit'/>

</div>


</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
</b:if>
<b:else/> 
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>

<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
<data:post.iframeColorizer/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminclass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminclass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='edit post' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments'>
<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'>
<div id='div-comment'>
<div class='comment-author vcard'>
<cite class='fn'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
</cite>
<span class='says'>Says:</span>
</div>

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

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

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

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

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

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>


<b:include name='nextprev'/>


<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

</b:includable>
</b:widget>
</b:section>


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


<div class='clear'/>

</div>




<a class='rss' href='http://feeds.feedburner.com/FalconHive' title='RSS Feed'/>

<div class='clear'/>

</div>



<div id='footer'>

© <a expr:href='data:blog.homepageUrl'><data:blog.title/></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>


</div>


</div>


</body></html>

Posted in: EXOTIC VACATION

TEMPLATE A

BLOG LAINNYA

MACAM TEMPLATE

Sabtu, 27 Agustus 2011

EXOTIC VACATION

0 komentar:

Posting Komentar