Personal Template KKK Edited ~ Template Blogger Selected

CLICK COPY AND PASTE THIS CODE TO YOUR BLOGGER EDIT HTML PAGE, GOOD LUCK !

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<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:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex, nofollow' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.title' name='keywords'/>
<meta content='index, follow' name='robots'/>
</b:if>
<b:else/>
<b:if cond='data:blog.pageTitle != data:blog.title'>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
</b:if>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit'/>
<meta content='1 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='en-us' name='language'/>
<meta content='INDONESIA' name='country'/>
<link href='https://plus.google.com/+wisci/about' rel='author'/>
<link href='https://plus.google.com/+wisci/posts' rel='publisher'/>
<link href='http://www.blogger.com/feeds/356107830547479600/posts/default' rel='alternate' title='ANEKA RESEP MAKANAN DAN MINUMAN - Atom' type='application/atom+xml'/>
<link href='http://kakikoki.blogspot.de/feeds/posts/default?alt=rss' rel='alternate' title='ANEKA RESEP MAKANAN DAN MINUMAN - RSS' type='application/rss+xml'/>
<link href='http://kakikoki.blogspot.de/feeds/posts/default' rel='alternate' title='ANEKA RESEP MAKANAN DAN MINUMAN - Atom' type='application/atom+xml'/>
</b:if>

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<b:skin><![CDATA[/*

/* ========================================================

Theme : PROPOSAL
Designed by : 54Blogger (http://fiveforblogger.com)
Date : Dec 2011

======================================================== */

/* Template Colors and Fonts

#navbar {
display: none;
visibility: hidden;
}

*{ margin: 0; padding: 0; }

body {
margin: 0;
padding: 0;
color: #fff;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
line-height: 1.5;
font-size: 14px;
font-weight: 300;
}

a:link {
color: #999;
text-decoration: none;
}

a:visited {
color: #999;
text-decoration: none;
}

a:focus { outline-style: none; }

a:hover {
text-decoration: none;
color: #fff;
}

img {
border: 0;
margin: 0;
}

.clear { clear: both; }

/* Background
----------------------------------------------*/

.bg {
display: block;
position: fixed;
top: -100%;
left: -100%;
width: 200%;
height: 200%;
background: #444;
z-index: -2;
}

.bg img {
position: absolute;
top: 50%;
left: 50%;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
}

.bg .fade {
display: none;
margin: 0;
padding: 0;
border: none;
}

/* headings
----------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
font-family: 'Arial';
font-weight: 400;
line-height: 1;
}

h1 { font-size: 200%; }
h2 { font-size: 180%; }
h3 { font-size: 170%; }
h4 { font-size: 140%; }
h5 { font-size: 120%; }
h6 { font-size: 110%; }

/* main layouts
----------------------------------------------*/

#page-wrapper {
position: relative;
margin: 0;
padding: 0; 
}

#top-wrapper {
position: fixed;
width: 100%;
height: 100px;
margin: 0;
padding: 0;
overflow: hidden;
z-index: 30;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdK1St7g6KCLivxrcx-cf2epLqkOEvMDxKnLyOESJxnaBqn3N35rFSUSKionGvLXHZ4n2BkNsu5L9Uwo6wsxbbttjUzbNJ8HVUFPyqO_Ve6XCE8C4AzDYTpoR6SsKAMofmsZifEMLpB4U/s1600/blbgd.png) repeat-x ;
}

#main-wrapper {
position: relative;
width: 960px;
padding: 0;
margin: 0 auto;
overflow: hidden;
z-index: 5;
}

#content {
float: right;
position: relative;
width: 513px;
margin: 0;
padding: 80px 0 0 447px;
}

/* header
----------------------------------------------- */

#header-wrapper {
width: 960px;
height: 80px;
margin: 0 auto;
padding: 0;
}

#header {
float: left;
width: 430px;
height: 80px;
margin: 0;
padding: 0;
color: #fff;
}

#header h1.title {
font-size: 20px;
line-height: 1;

}

#header h1.title,
#header h1.title a {
text-decoration: none;
color:#26C4FE;
}

.titlewrapper {
float: left;
width: 100%;
margin: 20px 0 0;
padding: 0;

}

.descriptionwrapper {
float: left;
width: 100%;
margin: 0;
padding: 0;
}

/* Menu
----------------------------------------------- */

#menu {
float: right;
margin: 0 5px 0 0;
padding: 0;
height: 80px;
font-family: 'Arial', Hevetica;
}

#menu ul {
margin: 0;
padding: 0;
overflow: hidden;
}

#menu ul li {
float: left;
display: inline;
list-style: none;
margin: 0 0 0 20px;
padding: 0;
text-align: center;
height: 80px;
line-height: 80px;
}

#menu ul li a {
color: #fff;
font-size: 24px;
}

#menu ul li a:hover {
color: yellow;
font-size: 25px;
}

/* Posts
----------------------------------------------*/

.post {
float: left;
position: relative;
width: 508px;
margin:  40px 0 0;
padding: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdK1St7g6KCLivxrcx-cf2epLqkOEvMDxKnLyOESJxnaBqn3N35rFSUSKionGvLXHZ4n2BkNsu5L9Uwo6wsxbbttjUzbNJ8HVUFPyqO_Ve6XCE8C4AzDYTpoR6SsKAMofmsZifEMLpB4U/s1600/blbgd.png);
}

.post h3.entry-title {
margin: 0;
padding: 0 0 0 10px;
font-family: 'Oswald', 'Arial Narrow';
}

.post h3.entry-title a,
.post h3.entry-title a:visited {
text-decoration: none;
text-transform: uppercase;
color: #fff;
font-size: 48px;
font-weight: 400;
letter-spacing: -1px;
}

.post h3.entry-title strong {
color: #c73f17;
font-weight: 400;
}

.post ul, .post ol {
margin: 0 0 1em 20px;
}

.post ul li {
margin: 0 0 .6em;
list-style: disc;
}

.post ol li {
margin: 0 0 .6em;
}

.post-body {
float: left;
position: relative;
width: 468px;
margin: 0;
padding: 20px;
}

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

.post-body h3 {
font-weight: 300;
}

.post-body blockquote {
margin: 15px 0 5px ;
padding: 15px 20px 20px;
color: #eee;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

.post-body a {
border-bottom: 1px dotted #999;
}

.post-body img {
max-width: 400px;
padding: 5px;
background: #fff;
border: none;
}

.post-body .bg img {
max-width: none;
}

.post-body .stamp-image img {  /* stamp image on top of post title */
position: absolute;
left: -297px;
top: 30px;
width: 120px;
height: 90px;
border: none;
}

.post-body .stamp-image2 img {  /* stamp with no border */
background: transparent;
}

.post-body .post-image img,
.post-body .post-image2 img {  /* image 4:3 on the left of post area */
position: relative;
float: left;
margin-left: -467px;
margin-bottom: -227px;
padding: 5px;
width: 290px;
height: auto;
background: #fff;
outline: none;
border: none;
}

.post-body .post-image2 img {  /* image 3:4 on the left of post area */
margin-bottom: -396px;
}

.post-body .post-image a {
outline: none;
}

.post-body .separator a {
border: none;
}

.post-header {
display: block;
float: left;
position: absolute;
width: 280px;
top: 0;
left: -467px;
margin: 0;
padding: 150px 20px 20px;
text-align: right;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdK1St7g6KCLivxrcx-cf2epLqkOEvMDxKnLyOESJxnaBqn3N35rFSUSKionGvLXHZ4n2BkNsu5L9Uwo6wsxbbttjUzbNJ8HVUFPyqO_Ve6XCE8C4AzDYTpoR6SsKAMofmsZifEMLpB4U/s1600/blbgd.png);
}

.post-header a {
border: none;
}

span.post-labels-header {
margin-top: 20px;
line-height: 1;
}

span.post-labels-header a {
font: normal normal 16px 'Oswald', 'Arial Narrow';
padding: 0;
font-size: 24px;
text-decoration: none;
color: #eee;
}

span.juduldipost a {
font: normal normal 16px 'Oswald', 'Arial Narrow';
padding: 0;
font-size: 44px;
text-decoration: none;
color: #eee;
}

.post .post-footer {
margin: -20px 5px 0 0;
padding: 0;
}

.post-footer-line-1,
.post-footer-line-2,
.post-footer-line-3 {
padding: 5px 20px;
}

.post-footer-line-3 {
margin-bottom: 20px;
}

/* misc
----------------------------------------------*/

.status-msg-wrap {
width: 508px !important;
position: relative;
margin: 0 0 20px !important;
font-size: 90%;
}

.status-msg-body {
width: 100%;
position: absolute;
z-index: 4;
text-align: center;
padding: .3em 0;
}

.status-msg-border {
border: none !important;
}

.status-msg-bg {
width: 100%;
position: relative;
z-index: 1;
background: #000;
opacity: .6;
filter: alpha(opacity=60);
-moz-opacity: .6;
}

.tr-caption-container img {
padding: 0;
border: none;
}

/* pager
----------------------------------------------*/

#blog-pager {
float: left;
position: absolute;
bottom: 50px;
left: 0;
padding: 0;
margin: 0;
width: 300px;
height: 90px;
z-index: 100;
}

#blog-pager a {
font-size: 180%;
color: #999;
}

#blog-pager-older-link,
#blog-pager-newer-link,
#home-link {
margin: 0;
padding: 0;
width: 90px;
height: 90px;
line-height: 90px;
}

#blog-pager-older-link a,
#blog-pager-newer-link a {
display: block;
width: 90px;
height: 90px;
text-indent: -9999px;
}

#blog-pager-newer-link a {
background: url(http://4.bp.blogspot.com/--PkLNbx7-8Y/TrQCzc-g4wI/AAAAAAAAAZ0/oa4VvGvZJ1w/s1600/arrow-left60.png) no-repeat;
}

#blog-pager-older-link a {
background: url(http://4.bp.blogspot.com/-F2CkMEWMROs/TrQCzonvDgI/AAAAAAAAAaA/O2jZv3cLQgM/s1600/arrow-right60.png) no-repeat;
}

/* tables in static page
----------------------------------------------*/

table.sp-table { font-size: 15px; }
.sp-table td { padding: 0 10px; vertical-align: top; }
.sp-table td.r-align { text-align: right; }
.sp-table td.c-align { text-align: center; }
.sp-table img { margin-bottom: 15px; max-width: 200px; }

/* comments
----------------------------------------------*/

#comments {
position: relative;
float: right;
width: 508px;
padding: 0;
margin: 30px 0;
color: #555;
background: #f9f9f9;
}

#comments h4 {
display: block;
margin: 10px 20px;
padding: 0;
font-family: 'Arial';
text-align: center;
}

#comments a {
color: #999;
}

#comments-block { 
margin: 0 20px 0 !important;
position: relative;
border-bottom: 1px solid #ddd;
}

#comments-block .comment-author {
position: absolute;
left: -135px;
top: 10px;
width: 80px;
margin: 0 !important;
padding: 0 !important;
}

#comments-block .comment-body {
position: relative;
width: 448px;
margin: 0 !important;
padding: 10px;
min-height: 80px;
background: #f9f9f9;
border-top: 1px solid #ddd;
}

#comments-block .comment-body:nth-child(odd) {
background: #ddd;
}

#comments-block .comment-body p {
font-size: 14px;
margin: .5em 0;
width: 100%;
}

#comments-block .comment-footer {
margin: 20px 0 0;
width: 100%;
}

#comments-block .comment-timestamp { float:right; }

#comments-block .avatar-image-container {
height: 70px;
position: relative !important;
left: 0 !important;
width: 70px;
margin: 0;
padding: 4px;
border: 1px solid #ddd;
background: #fff url(http://2.bp.blogspot.com/-_TIbRBky-Po/TirXYrNfYMI/AAAAAAAAATg/Mk_qC1w37fs/s1600/anonymous.png) no-repeat scroll 4px 4px;
-moz-box-shadow: 0 0 5px #ddd;
-webkit-box-shadow: 0 0 5px #ddd;
box-shadow: 0 0 5px #ddd;

/*   to reset css bundle   */
max-height: 70px !important;
overflow: visible;
}

.avatar-stock img, .avatar-image-container img {
position: relative;
height: 70px !important;
width: 70px !important;
padding: 0 !important;
border-width: 0 !important;
}

<!–[if IE]>
#comments-block .avatar-image-container {
filter:
progid:DXImageTransform.Microsoft.Shadow(color=’#aaaaaa′, Direction=45, Strength=9)
progid:DXImageTransform.Microsoft.Shadow(color=’#aaaaaa′, Direction=135, Strength=9)
progid:DXImageTransform.Microsoft.Shadow(color=’#aaaaaa′, Direction=225, Strength=9)
progid:DXImageTransform.Microsoft.Shadow(color=’#aaaaaa′, Direction=315, Strength=9);
position: relative;
top: -12px;
left: -12px;
zoom: 1;
}
<![endif]–>

#comments p.comment-footer {
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}

#comments .comment-footer a {
display: block;
margin: 20px auto;
background: url(http://1.bp.blogspot.com/-zvBsiEnj17o/TrfDorUBZRI/AAAAAAAAAcc/X3-RxvJrdlM/s1600/arrow-bottom10.png) no-repeat;
width: 90px;
height: 90px;
text-indent: -9999px;
}

.comment-form {
width: 488px;
max-width: 488px;
padding-left: 20px;
}

h4#comment-post-message {
margin-left: 0;
}

.deleted-comment {
font-style: italic;
color: #999;
}

.feed-links {
display: none;
clear: both;
}

/*footer 4 columns
----------------------------------------------*/

#footer-wrapper {
position: relative;
z-index: 9;
margin-top: 20px;
padding: 20px 0 400px;
overflow: hidden;
background: #111;
}

#footer {
width: 960px;
margin: 0 auto;
padding: 0 0 10px;
line-height: 1.2;
color: #777;
background: transparent;
}

#footer a {
color: #777;
}

#footer a:hover {
color: #fff;
}

.fcol-wrapper {
float: left;
margin: 0;
padding: 0;
}

.fcol-wrapper h2 {
margin: 0 0 5px;
padding: 0;
font-family: 'Arial';
font-size: 16px;
color: #eee;
}

.fcol-wrapper ul, .fcol-wrapper ol {
margin: 0;
}

.fcol-wrapper ul li, .fcol-wrapper ol li {
list-style: none;
padding: 0 0 .2em;
}

#fcol1 {
float: left;
width: 140px;
margin-right: 20px;
}

#fcol2 {
float: left;
width: 250px;
margin-right: 20px;
}

#fcol3 {
float: right;
margin: 0 5px 0 0;
padding: 0;
width: 508px;
}

#fcol1 .widget, #fcol2 .widget {
margin: 0 0 20px;
padding: 0;
}

/* ads
----------------------------------------------*/

#ad125 {
float: left;
margin: 0;
padding: 0;
}

#ad125 a {
float: left;
display: block;
margin: 0 21px 20px 0;
padding: 0;
width: 125px;
height: 125px;
color: #ccc;
background: #777;
border: 15px solid #222;
text-align: center;
line-height: 125px;
}

#ad468  {
margin: 10px 0;
padding: 0;
}

/* credits
----------------------------------------------*/

#credit {
float: left;
margin: 0;
padding: 0;
}

#credit p {
margin: 0;
padding: .5em 0;
font-size: 12px;
}

<!–[if IE]>
body {font-family: 'Open Sans', Arial, Helvetica, sans-serif;}
.post h3.entry-title {font-family: 'Oswald', 'Arial Narrow';}
span.post-labels-header a {font-family: 'Oswald', 'Arial Narrow';}
<![endif]–>

.post img, table.tr-caption-container { border:none; max-width:55560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }

#random-posts{width:100%;background:none;}
#random-posts ul {margin: 0 !important;  padding: 0 !important;  }
#random-posts ul li {background:none ;list-style-type: none;margin:5;padding:2 !important}
#random-posts li{float:left;list-style:none;}
#random-posts img{float:left;margin-right:2px;margin-bottom:1px;border:none;width:33px;height:33px;transition:all 400ms ease-in-out;}
#random-posts img:hover {opacity:.7}

.popular-posts ul{margin:0;padding:0px;}
.PopularPosts .widget-content ul li {padding: .1em 0;}
.popular-posts ul li {margin: 0 0px;background:none;float:left;width:55px;list-style-type:none;border:none;line-height:0px;}
.popular-posts ul li img {-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;width: 50px;height: 50px; background:#333; border:0px solid #ccc; border-bottom:0px solid #ccc; border-right:0px solid #ccc;padding:0px;}
.PopularPosts .item-thumbnail {margin: 0;}
.PopularPosts .item-title {display: none;}

.label-size {
position:relative;
text-transform:uppercase;
text-decoration:none;
font-size:13px;
font-family:Arial;
color:#fff!important;
}
.label-size a {
color:#fff!important;
font-weight:bold;
padding:8px 10px;
margin:0 6px 6px 0;
float:left;
display:block;
transition: all 0.4s ease-in-out;
}
.label-size-1 a {background:#1abc9c;border-bottom:3px solid #127F69;}
.label-size-1 a:hover {background:#16a085;}
.label-size-2 a {background:#3498db;border-bottom:3px solid #226693;}
.label-size-2 a:hover {background:#2980b9;}
.label-size-3 a {background:#2ecc71;border-bottom:3px solid #1F8C4C;}
.label-size-3 a:hover {background:#27ae60}
.label-size-4 a {background:#9b59b6;border-bottom:3px solid #74398E;}
.label-size-4 a:hover {background:#8e44ad}
.label-size-5 a {background:#e74c3c;border-bottom:3px solid #922C20;}
.label-size-5 a:hover {background:#c0392b}

]]></b:skin>

<b:if cond='data:blog.pageType == "index"'>
<style type='text/CSS'>

#content {
     width: 513px;
     margin: 0;
     padding: 140px 0 0 447px;
     }

.post {
     position: relative;
     width: 468px;
     min-height: 130px;
     margin: 0 5px 30px 0;
     padding: 15px 20px 16px;
     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdK1St7g6KCLivxrcx-cf2epLqkOEvMDxKnLyOESJxnaBqn3N35rFSUSKionGvLXHZ4n2BkNsu5L9Uwo6wsxbbttjUzbNJ8HVUFPyqO_Ve6XCE8C4AzDYTpoR6SsKAMofmsZifEMLpB4U/s1600/blbgd.png);
    }

.post h3.entry-title {
     margin: 5px 0;
     padding: 0;
     font-family: 'Arial';
     }

.post h3.entry-title a, .post h3.entry-title a:visited {
     font-size: 20px;
     font-weight: 400;
     }

.post-thumb img {
     float: left;
     margin: 5px 15px 5px 0;
     width: 90px;
     height: auto;
     border: 5px solid #fff;
     clear: left;
     }

.jump-link { position: absolute; right: 20px; bottom: 10px; }
.jump-link a:hover { color: #fff; }

</style>
</b:if>

<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/CSS'>

.post-body { padding-bottom: 100px;}
.post-header {
     padding: 20px;
     }
#blog-pager { display: none; }

</style>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: Yellow;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:white;
}
#related-posts a:hover{
color:yellow;
}

#related-posts  a:hover {
background-color:#d00000;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTbU83u2_WTIYLAtkbLKPWj_n1ObgiiG3CbukvS3T12y0OC_X8vqBVH9yYlT_Zra8_LLtUvnn3tNzF-X8dkM8ldK2KatEx2edSMQVrJ1HLCfNrzR5NaqD98l-aoQDbEiAr1huZ6VjC63DE/s1600/no+Image+1.png";

var maxresults=15;
var splittercolor="#d4eaf2";

var relatedpoststitle="Resep Lainnya :";
</script>
<script src='http://olusegun-fapohunda-calculator.googlecode.com/svn/wiki/related-post-with-thumbnails.js' type='text/javascript'/>
</b:if>

ga('create', 'UA-57888662-1', 'auto');
  ga('send', 'pageview');

</script>

<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-TC3CMJ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TC3CMJ');</script>

</head>

<body>

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

<b:if cond='data:mobile'>
<div 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:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                        + "background-position: "                        + data:backgroundPositionStyleStr + "; "                        + data:widthStyleStr                        + "min-height: " + data:height                        + "_height: " + data:height                        + "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'>
<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>

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</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='description'>
<div class='descriptionwrapper'>
<p class='description'>
<span><data:description/></span></p>
</div>
</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:widget>
</b:section>

<div id='menu'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='/search/label/makanan'>Makanan</a></li>
<li><a href='/search/label/minuman'>Minuman</a></li>
<li><a href='/p/about.html'>About</a></li>
<li><a href='/p/contact.html'>Contact</a></li>
</ul>
</div>
</header>
</div>

<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:include data='post' name='post'/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

<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>
<div class='clear'/>

<b:include name='nextprev'/>

</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='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</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='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='99%'/>
<b:else/>
<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 blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='483'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
</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='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:elseif cond='data:post.showThreadedComments'/>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</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 comment
<b:else/>
<b:if cond='data:post.numComments == 0'> Leave a respond
<b:else/>
<data:post.numComments/> comments
</b:if>
</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>

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

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

</div>

<div expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>

<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>

</div>

</div>

</b:loop>
</div>

</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>
</b:if>

<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>

</div>
</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='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='iframe_comments' var='post'>

<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

<b:if cond='data:post.embedCommentForm == "false"'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='mobile-index-post' var='post'>
  <b:if cond='data:post.dateHeader'>
    <div class='mobile-index-date'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
</div>
</b:if>

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

<b:if cond='data:blog.pageType == "index"'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>
<b:include name='mobile-nextprev'/>
</b:includable>
    <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' 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>
      </div>
</b:if>

<b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' 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>
      </div>
</b:if>

<data:post.body/>

<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'>Newer posts</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'>Older posts</a>
      </span>
    </b:if>
    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
</b:if>
  </div>
<div class='clear'/>
</b:includable>
    <b:includable id='post' var='post'>

<b:if cond='data:blog.pageType == "index"'>
     <b:if cond='data:post.thumbnailUrl'>
        <span class='post-thumb'>
            <img expr:src='data:post.thumbnailUrl'/>
         </span>
     </b:if>
     <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>
     <b:if cond='data:post.snippet'>
        <data:post.snippet/>
     </b:if>
     <b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
        <div class='jump-link'>
          <a expr:href='data:post.url + "#more"' expr:title='data:post.title'>Read more</a>
        </div>
</b:if>
</b:if>

<b:if cond='data:blog.pageType == "static_page"'>
    <div class='post-body entry-content'>
    <div class='post-header'>
      <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>

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

</div>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
    <div class='post-body entry-content'>
    <div class='post-header'>
      <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 id='jobmiddlenew'>
  <span class='juduldipost'><a expr:href='data:post.url'><data:post.title/></a></span>
        <data:post.body/>
      </div>
<b:if cond='data:blog.pageType == "item"'>
<style>
#addcodemiddle{display: none;}
</style>
<div id='addcodemiddle'>

</div>
<script type='text/javascript'>

var str1=document.getElementById("jobmiddlenew").innerHTML;
var str2=str1.length;
var str3=str2/2;
var substr = str1.substring(str3, str2);

var n = substr.search("<br>");
if(n<0)
{
n = substr.indexOf('.');
if(n<0)
{
n=0;
}
var firsthalf = str1.substring(0, str3+n+1);
var secondhalf = str1.substring(str3+n+1, str2);

}
else
{

var firsthalf = str1.substring(0, str3+n+4);
var secondhalf = str1.substring(str3+n+4, str2);
}
var addcode="
<left>"+document.getElementById("addcodemiddle").innerHTML+"</left>
";

var newbody=firsthalf+addcode+secondhalf;

var strnew=document.getElementsByClassName("post-body entry-content");
strnew[0].innerHTML=newbody;

document.getElementById("addcodemiddle").innerHTML="";
     
</script>

</b:if>

<div 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'>See on Google Map</a>
</b:if>
</b:if>
</div>

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=5"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div>
<div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.justnaira.com/2012/07/how-to-add-related-post-widget-with.html'><img alt='Related Posts Widget For Blogger with Thumbnails' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglL9fYRctATWQnAYy7lucwc_OpdGSu2KDMdy4PB7HiJkNRMJNotqEHibva_XOZJCTntuip2bVi_asRrxi3Uf0Pxzo0KENqRBd1MJScHdYYUUud1-6bRGdwyuEAw1U7Q4HJjqbCl2joAmBi/s1600/blogger-widgets.png' style='border: 0'/></a><a href='http://www.justnaira.com'><img alt='Blogger Templates' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghkuvFkplOqOm-RApqjl0mw031PloDf1qFxRiv3RDrgvbDkAyflzpJdPK8gZgWQokxkkA5-MyPZj7BpfFbvXAf2XGUkvQ_ugHt9Bkp9Pt6mALMkVQ7A5HkvGLugFM8l3873pYDm-Q8Fh78/s1600/blogger-templates.png' style='border: 0'/></a>
</b:if></b:if>

</div>
<div class='clear'/>

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url'>more</a>  
</div>
</b:if>

</div>

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

</b:if>
</div>
<div class='clear'/>
</b:if>
</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='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span>
</a><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span>
</a><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span>
</a><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span>
</a><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToOrkutMsg/></span>
</a></b:if><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span>
</a>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'>
<data:post.dummyTag/></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>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

// <![CDATA[
      feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

// Configure commenting API:
      var configJso = {
        'maxDepth': maxThreadDepth
      };
      var provider = {
        'id': postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

// render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<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:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label2' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2>
<data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<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>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>       </ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<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>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML6' locked='false' title='' type='HTML'>
<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='HTML2' locked='false' title='LinkWithin' type='HTML'>
<b:includable id='main'><b:if cond='data:blog.pageType == "item"'><data:content/></b:if></b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='Resep Lainnya :' type='HTML'>
<b:includable id='main'><data:content/></b:includable>
</b:widget>
<b:widget id='HTML4' locked='false' title='' type='HTML'>
<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:section>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='fcol3'>
<div id='ad125'>
<a href='http://jokuci.blogspot.com'><img height='125' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiof4KJzoYLEPxsbmN44YahT9iMWRm4GRXhAMR77iYLWXZzm6bC27gl7BhK7Kl1RW_sYWDQBp_jsPB-EKjYtXjelbgqFC2vt4uBSe7CdzJLHVbNXEEuGKJYaItBwbxF0TutbE-V1q4qb6s/s1600/sclayJOKUCI.jpg' title='Gallery Photo Collections' width='125'/></a>
<a href='http://dizoo.blogspot.com'><img height='125' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn_vbOLxFwCjnc5GUnq-DTdnrP4ObufMVWrfo5xzzaEjoG4-_5xLvehETnji6I4DW2_RN05s8CHxo7WCG8KM_T-NQ434TgRJwwaZJ1KtFwGVM1gg_iBrW_DLncinbdbv2aRxTeki0keO4/s1600/sclayDIZOO.jpg' title='Unique Software Collections' width='125'/></a>
<a href='http://kukukiri.blogspot.com' style='margin-right:0;'><img height='125' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgy32rO_-57Brk5dvgY_UMR4oYx0dk-dGoqt2WPQTMod0-X7KHdRaWbtT_BdH-7-jvE1dVwZQMtL6LTIkda1BQxfHnL0smRe18nRWX6y4wEOpK5XkPXqyfaBRcLmRwY_6U8l1Nt-dbFoI/s1600/sclayKUKUKIRI.jpg' title='Koleksi Artikel-Artikel Menarik' width='125'/></a>
</div>
<div id='credit'>
<p>
© 2014 <a expr:href='data:blog.homepageUrl' title='All Rights Reserved'>Proposal Theme</a> |

A Premium Template Designed By <a href='http://www.fiveforblogger.com' title='Visit to download this template'>54BLOGGER</a>
</p>
</div>
</div>
<div class='clear'/>
</div>

</div>

</div>

</body> 
</html>

Author

Hi, Its me Hafeez. A webdesigner, blogspot developer and UI/UX Designer. I am a certified Themeforest top Author and Front-End Developer. I'am business speaker, marketer, Blogger and Javascript Programmer.

2 comments:

Jeffrey Watson14 January 2020 at 03:17
This is such a great resource that you are providing and you give it away for free. I love seeing blog that understand the value of providing a quality resource for free. סיינטולוגיה
Richard H. Black8 February 2020 at 04:09
This is such a great resource that you are providing and you give it away for free. I love seeing blog that understand the value of providing a quality resource for free. Sacramento Personals

Template Blogger Selected

Slider

Ads

Personal Template KKK Edited

Author

2 comments:

Video Of Day