FOOD AND COOKING ~ TEMPLATE B

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 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[/*
/*
-----------------------------------------------
Blogger Template Style
Designer: Cebong Ipiet
URL : http://www.ipietoon.com
Date : Nov, 2009
THE CONTENTS OF THIS TEMPLATE IS MADE BY CEBONG IPIET.
PLEASE BE RESPECTFUL AND DO NOT REMOVE CREDIT FOOTER LINK WITHOUT MY PERMISSION.
YOU ARE ALLOWED TO DISTRIBUTE BUT NOT ALLOWED TO ADD ANY LINK ON FOOTER
----------------------------------------------- */

/* Remove this line to see blogger's navbar */

#navbar-iframe { display: none !important; }

/* Body*/

body {
background: #82b71f url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimgj71r_xQr__sPVrvZbgfQK-JSKKZwPjxrno3TrPt0TsiGxqWWwNsCjjL1Kul7c1c1fxFxsTw_4UEDaCXuaMUkboXxCZeGRHAAaFUZbb8FTHgWbvoUTQcLLnnKrQpcwRcBS94TMmESBM4/s1600/body.png) top repeat-x;
margin:0px;
padding: 0px;
color: #333333;
font-family: Trebuchet MS, Verdana, Arial, Helvetica ;
font-size: 12px;
line-height: 18px;
text-align: center;
}
a img {
border-width:0;
}
a:link, a:active, a:visited {
color: #fc318a;
text-decoration:none;
}
a:hover {
color: #fc318a;
text-decoration:underline;
}

/* Header */

#header-wrapper {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijVm5HPrqiK7989VF-o3qsGCeROE4zA0EcCn3NU5wLzDNQqQcTgzNdkcEKSL3fq7Y6kOhug1zP6_Um_pnyHsLMW4n_bscjjueyYXrsEFiO_2mH6HodWvtAwLWW80iLpuo5DWYJk4ZNPYIx/s1600/headerlogo.png) no-repeat left center;
width:500px;
height: 130px;
margin:100px auto 10px;
}
#header-wrapper a:link {
color: #00abff;
}
#header {
margin:10px 0px 0px 0px;
padding:0;
text-align: left;
}
#header h1 {
font-family: Georgia, Times New Roman, Times, serif;
margin:0;
padding: 60px 0 0px 80px;
color: #782121;
line-height:20px;
font-size: 36px;
font-weight: normal;
}
#header .description {
margin:0;
padding: 10px 0 80px 80px;
color: #fff;
font-size: 16px;
}

/*----------------SEARCH----------------*/
#search {
margin:0px auto 0px;
padding: 0px 0px 10px 0;
height:28px;
width:215px;
float:left;
}

#search form {
margin: 0;
padding:20px auto;
}

#search fieldset {
margin: 0;
padding: 0;
border: none;
}

#search p {
margin: 0;
font-size: 85%;
}

#s {
margin-left:0px;
float: left;
width:130px;
padding: 4px 3px;
font: normal 100%;
color:#422108;
}

#searchsubmit {
margin-right:5px;
float: right;
margin-top: 0px;
background: #fc318a;
border: none;
font: bold 100% ;
color: #fff;
height:26px;
line-height:24px
}

/* Outer-Wrapper */

#outer-wrapper {
width: 960px;
margin:0 auto 10px;
padding:0px;
text-align:left;
}
#main-wrapper {
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiod-Mf0JBvyiyMh1QbpOFdf-b4qrp5aPKvfzj7JcPBf6zMKCwufbn3lDG-92f3eY_ukxmELlGbZiCOFAr7sbt8JAvTFe6UNZf_37cDBcYv7cMxs517-eVDM7zbMBwbZt73g4XV4hdkmBCk/s1600/top.png) no-repeat top center;
width: 500px;
padding: 0px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper-left {
background:#673f19 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVnb7H33zOzeXo17Im6Fh4-6vzbaolXSTZYCyskbpdDZrh494p6v52gSkQqFawA_a0ooGNb5jyMC3AbNffbRe01LK1n7N6gxvxNUu-77gLY-CLfChl-G7wcp0gVhY4Ka0MY_pFmLlQ9ubn/s1600/sideleft.png) no-repeat top center;
width: 230px;
border-bottom:5px solid #603813;
margin: 65px auto 0;
padding: 150px 0px 0px 0px;
font-size: 11px!important;
line-height: 14px!important;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper-right {
background:#673f19 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG1ll02qen0Z0a9GO2-E7ALuObt5_MhZi8Kp1XC7h991JkPNU5XLYHGI1eBz1sRhvfAGbKnInGnyjzhk_b75XcZjVixwVCQwAyjeFfKOdbky2csMLfH8gBVoIaLILC_6Dp_YK0moeb36DB/s1600/sideright.png) no-repeat top center;
width: 230px;
border-bottom:5px solid #603813;
margin: -120px auto 0;
padding: 345px 0px 0px 0px;
float: right;
font-size: 11px!important;
line-height: 14px!important;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

/* Posts */

h2.date-header {
padding: 3px 10px;
background: #754c24;
border-bottom:3px solid #603813;
color: #fff;
font-weight:normal;
margin: 0;
text-align: right;
font-size: 11px;
}
.post {
margin:0px;
padding: 20px 0px;
text-align:justify;
overflow:hidden;
}
.post h3 {
font-family: Georgia, Times New Roman, Times, serif;
margin: 0px 0px 5px 0px;
padding: 8px 0px;
font-size: 24px;
font-weight: normal;
color: #673f19;
}
.post p {
margin: 8px 0px;
text-align: justify;
}
.post-body{
overflow:hidden;
padding-top:20px;
}

.comment-link {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVk1nw36AUM8waSggADANu75oQA4FuaFpCHkhpandujuj0lhq3i0siZJgtlci5TVjOGLOuXApG7iNdR3g7c4wBwqpNzUPvZuFzU8fN-ZZGMyWRenstbv3ZINtV7uacBTNm4Tv126K-G00z/s1600/strawberry.png) no-repeat left center;
padding-left: 20px;
}
.post-labels {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpN7M2LKjxzEsMuB1Q8_bWVlwcW-mL3nsMtXILv_98JOchfjxqv4lJrKoRJkYMe5nX_EcRmUYghV5diLQZmqQVmypHng42Sa_v8_RxyBfrrG1l6csuvbOuBj4uKUB4lhxg4FX-L0Q0xnMC/s1600/orange.png) no-repeat left center;
padding-left: 20px;
}
.post-author {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpKpXfNslTVIHnvAZ13Fswd3ohOS8egG3U9_c-arJcxu-clNe4F-Qij_JSqgNxMIuqNnVHKTTPDtacT0UlyOifaUL67gv7tNV5j40sjYjh_RUIbdLpU6FeEiOHDJRdzJDZpYtP0w_TM_qN/s1600/cup.png) no-repeat left center;
padding-left: 20px;
}
.post-timestamp {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxAK0rhQdBrfcNCdrY2LJWbUf6v7nn6N0_D7b95D7_AgIrxj33vUUYQWNjfh2Sa288PuMdeb-cxgTofFKgF1OU87_UAWS5R81mxvR5D_QdGyRrWblOWzC58WROBeydFPXZDp2mgQ8MtcnY/s1600/apple.png) no-repeat left center;
padding-left: 20px;
}
.post-footer {
text-align: left;
margin: 5px 0px;
border-bottom: 1px dashed #cda882;
padding: 5px;
font-size:11px;
}
.post-footer a {
font-size:11px;
}
.comment-link {
margin-left:5px;
}
.post img {
margin: 0px 3px;
padding: 3px;
border: 1px dashed #cda882;
}
.post blockquote {
margin: 5px 5px 5px 15px;
padding: 8px;
background: #f4e3d7;
font-size:11px;
}
.post blockquote p {
margin: 0px 0px 8px 0px;
}

/* Comments */

#comments h4 {
font-family: Georgia, Times New Roman, Times, serif;
margin: 0px 0px 5px 0px;
padding: 8px 0px;
font-size: 24px;
font-weight: normal;
color: #673f19;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
background: #f4e3d7;
margin:.25em 0 0;
padding-left:10px;
}
#comments-block .comment-footer {
margin:5px 0px;
border-bottom: 1px dashed #cda882;
padding: 2px;
text-align:left;
font-size: 9px;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
color:gray;
}
.feed-links {
clear: both;
font-size: 10px;
padding: 5px;
text-align: center;
margin: 5px 0px;
}
.feed-link a {
color: #7dd3fe!important;
}
#blog-pager-newer-link {
float: left;
font-size: 11px;
}
#blog-pager-older-link {
float: right;
font-size: 11px;
}
#blog-pager {
text-align: center;
font-size: 11px;
padding: 5px;
margin: 5px 0px;
}
p.feed {
margin:0;
padding-left:10px;
}

/* Sidebar */

#sidebar-wrapper-left h2, #sidebar-wrapper-right h2 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiufaPIs8F1d2lX8WUC3IUbWUvLazjQvU8x6TGflXCew_JZy4qNHJmM5vPesvybSHaemhPA16O65ucZi6Q_Q7wvcMbTfBLS0_-SH8x1ViR-OSqdVMTbzEVjEl2yMefqrv7j6qa3UsD9gmAH/s1600/sidetitle.png) no-repeat left center;
color: #28170b;
border-bottom: 1px dashed #cda882;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 18px;
padding: 8px 0px 10px 35px;
margin: 0px;
text-align:left;
font-weight:normal;
}
#sidebar-wrapper-left a:link, #sidebar-wrapper-right a:link, #sidebar-wrapper-left a:visited, #sidebar-wrapper-right a:visited {
color: #fc318a;
text-decoration: none;
}
#sidebar-wrapper-left a:hover, #sidebar-wrapper-right a:hover {
color: #fc318a;
text-decoration: underline;
}
.sidebar, .sidebar2 {
margin: 2px 0px;
padding: 0px;
}
.sidebar ul, .sidebar2 ul {
list-style:none;
margin:2px 0px;
padding: 0px;
}
.sidebar li, .sidebar2 li {
margin: 1px 0px;
padding: 2px;
background:#754c24;
}
.sidebar .widget, .sidebar2 .widget {
margin:0px;
padding: 10px 10px;
}
.sidebar .widget-content, .sidebar2 .widget-content {
margin:0px;
padding: 5px 0px;
color:#cda882;
text-align:justify;
}
.main .widget {
margin: 0px;
padding: 0px;
}
.main .Blog {
padding: 10px 15px;
margin: 0px;

}

/* Mypriv */

#mypriv {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIMY_taEeap_BAU40sOT5peqY2XsDDeBSyZnOO7Cth7bbSmQu9qdR6G302mXrAeejGFdY58dKxxqfWRuZbUN5XiNWS078WmVVcA0QmDUmzoFLTnM8XbYwnu64lLubIm_hzAqs3tTV8tLDS/s1600/bottom.png) no-repeat bottom center;
width:500px;
height:110px;
clear: both;
font-size: 11px;
margin: 0px;
padding: 0px;
text-align: left;
color: #fff
}
#mypriv p {
padding: 50px 0px 0 0;
text-align: bottom;
}
#mypriv a {
color: #fff!important;
}

#privleft {
color:#fff;
float: left;
width: 70%;
text-align: center;
font-size:100%;
line-height: 1.6em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#privright {
color:#fff;
float: right;
width: 22%;
padding-left:20px;
text-align: center;
font-size:100%;
line-height: 1.6em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

.mypriv {margin: 0; padding: 0;}
.mypriv .widget {margin: 0; padding: 10px 20px 0px 20px;}

/* Profile */

.profile-img {
float: left;
margin: 0px 6px 0px 0px;
padding: 3px;
border: 1px border #ffffff;
}
.profile-data {
margin: 0px;
padding: 0px;
}
.profile-datablock {
margin: 0px;
padding: 0px;
}
.profile-textblock {
margin: 0px;
padding: 0px;
}
.profile-link {
margin: 0px;
padding: 0px;
}
#HTML30 h2 {
display:none;
}
/** Page structure tweaks for layout editor wireframe */

body#layout {
width: 100%important;
}
body#layout #header {
margin: 0px!important;
padding: 0px!important;
}
body#layout #header-wrapper {
width: 100%!important;
height: 100px!important;
margin: 0px!important;
padding: 0px!important;
}

]]></b:skin>

</head>

<body>
<div id='outer-wrapper'><div id='wrap2'>


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Food and Cooking Blog (Header)' type='Header'>
<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:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='content-wrapper'>

<div id='sidebar-wrapper-left'>
<b:section class='sidebar' id='sidebar' 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' href='javascript:void(0)'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<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='BlogList1' locked='false' title='My Blog List' type='BlogList'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<div id='blog-list-title'>
<h2 class='title'><data:title/></h2>
</div>
</b:if>

<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>
<ul expr:id='data:widget.instanceId + "_blogs"'>
<b:loop values='data:items' var='item'>
<li expr:style='data:item.displayStyle'>
<div class='blog-icon'>
<b:if cond='data:showIcon == "true"'>
<input expr:value='data:item.blogIconUrl' type='hidden'/>
</b:if>
</div>
<div class='blog-content'>
<div class='blog-title'>
<a expr:href='data:item.blogUrl' target='_blank'>
<data:item.blogTitle/></a>
</div>
<div class='item-content'>
<b:if cond='data:showItemThumbnail == "true"'>
<b:if cond='data:item.itemThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:item.blogUrl' target='_blank'>
<img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
</a>
</div>
</b:if>
</b:if>
<b:if cond='data:showItemTitle == "true"'>
<span class='item-title'>
<b:if cond='data:item.itemUrl != ""'>
<a expr:href='data:item.itemUrl' target='_blank'>
<data:item.itemTitle/></a>
<b:else/>
<data:item.itemTitle/>
</b:if>
</span>
</b:if>
<b:if cond='data:showItemSnippet == "true"'>
<b:if cond='data:showItemTitle == "true"'>
-
</b:if>
<span class='item-snippet'>
<data:item.itemSnippet/>
</span>
</b:if>
<b:if cond='data:showTimePeriodSinceLastUpdate == "true"'>
<div class='item-time'>
<data:item.timePeriodSinceLastUpdate/>
</div>
</b:if>
</div>
</div>
<div style='clear: both;'/>
</li>
</b:loop>
</ul>

<b:if cond='data:numItemsToShow != 0'>
<b:if cond='data:totalItems > data:numItemsToShow'>
<div class='show-option'>
<span expr:id='data:widget.instanceId + "_show-n"' style='display: none;'>
<a href='javascript:void(0)'><data:showNText/></a>
</span>
<span expr:id='data:widget.instanceId + "_show-all"' style='margin-left: 5px;'>
<a href='javascript:void(0)'><data:showAllText/></a>
</span>
</div>
</b:if>
</b:if>

<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='main-wrapper'>

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

<div class='post-header-line-1'/>
<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<h2 class='date-header'><data:post.dateHeader/></h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script>
</h2>
</b:if>
<div class='post-body entry-content'>

<data:post.body/>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
<div style='clear: both;'/> 

</div>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span> <span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span> <span class='post-comment-link'>
<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> </div>

<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
<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> </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='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

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

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<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>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

<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:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<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:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</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 id='mypriv'>
<div id='privleft'>
<p><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> Copyright © 2009 Designed by Ipietoon <a href='http://www.ipietoon.com' target='_blank'>Blogger Template</a> for Bie <a href='http://www.bietemplates.com' target='_blank'>Blogger Template</a> Vector by <a href='http://www.dapino-colada.nl'>DaPino</a></p>
</div>

<div id='privright'>
</div>
</div>
</div>

<div id='sidebar-wrapper-right'>
<b:section class='sidebar2' id='sidebar2' preferred='yes'>
<b:widget id='HTML30' locked='false' title='Search' type='HTML'>
<b:includable id='search'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Text1' locked='false' title='Welcome' type='Text'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<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>
</div>

</div> 
<div style='clear:both;'/>
</div></div> 

</body>
</html>

Posted in: FOOD AND COOKING

roni

TEMPLATE B

PETUNJUK

TEMPLATE B

Ads 468x60px

MACAM TEMPLATE

Rabu, 24 Agustus 2011

FOOD AND COOKING

0 komentar:

Posting Komentar