Denim Template (1)

Hai... Hari ini Gifta mau bagikan kode denim yang selalu lupa Gifta post 😆😆😆😂😂 Headernya dan lain-lain sih udah jadi dari dahulu kala... Oh ya, warna dasarnya ungu dan kamu yang ingin pakai WAJIB izin di comment (jangan CBOX), terus ga boleh hapus creditnyaa!! Yawdah, langsung aja ya!
Codenya bisa kalian dapatkan dengan copy

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<div style=' background-image: url(https://4.bp.blogspot.com/-OOcaDeZ1k4A/WKgOaufjl8I/AAAAAAAAFoM/k10SxEn_cHMfYhRmJtceIu26YPemSm8zACLcB/s1600/10.png); top: 0px; width: 100%; left:0px; height: 40px; z-index: 100; position: fixed; background-hover:filter:alpha(opacity=100);'/>
<head>
<meta content='YOUR BLOG DESCRIPTION' name='description'/>
<meta content='YOUR BLOG KEYWORDS' name='keywords'/>
<base target='_blank'/>
<link href='https://fonts.googleapis.com/css?family=Aref+Ruqaa|Comfortaa|Didact+Gothic|Quicksand' rel='stylesheet'/>
<link href='http://fonts.googleapis.com/css?family=Crafty+Girls|Delius+Swash+Caps|Short+Stack|Gochi+Hand|Calligraffitti|Amatic+SC|Delius|Delius+Unicase' rel='stylesheet' type='text/css'/>
    <b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title> </b:if>   
<b:skin><![CDATA[/*
-----------------------------------------------
JANGAN DIHAPUS ATAU AKU SEBAR NAMA KOTORMU ITU!
-----------------------------------------------
Blogger Template Style
Name:     Washed Denim
Designer: Darren Delaye (Original Basic Code)
Designer: Stefani Gifta (Editor & Adding Codes)
URL:      http://www.giftasblog.co.vu/
Date:     17 Feb 2017 until 11 March 2017
-----------------------------------------------
IF YOU REMOVE THIS, I'LL POST YOUR DIRTY NAME!
-----------------------------------------------
*/

/* Variable definitions
   ====================
 <variable name="bgColor" description="Page Background Color"
           type="color" default="#efefef" value="#efefef">
 <variable name="textColor" description="Text Color"
           type="color" default="#333333" value="#333333">
 <variable name="linkColor" description="Link Color"
           type="color" default="#336699" value="#336699">

<variable name="startSide" description="Start side in blog language"
             type="automatic" default="left" value="left">
   <variable name="endSide" description="End side in blog language"
             type="automatic" default="right" value="right">
*/

body {
background:url(https://s-media-cache-ak0.pinimg.com/originals/71/9f/e4/719fe4db7ff56fc99887bdc021dd9ade.jpg);
font-family: Short Stack;
font-size: 14px;
color: #000;
padding:0px;
}
::-moz-selection {
background:#B0E5FF;
color:#000;
}
::selection {
background:#B0E5FF;
color:#000;
}
a:link {
color:#000;
text-decoration:none;
}
a:visited {
color:#000;
text-decoration:none;
}
a:hover {
-webkit-transition: 0.1s;
color:#000000;
background:url(http://dl2.glitter-graphics.net/pub/702/702442jd36r8s7ma.gif);
background-repeat:repeat;
text-decoration:none;
margin:0px;
}
#outer-wrapper {
font: Short Stack;
}
u {
text-decoration: none;
border-bottom: 2px solid #F18DF7;
}
u:hover {
text-decoration: none;
border-bottom: 5px solid #FFFFFF;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
b {
text-decoration: none;
color: #F18DF7;
}
::-webkit-scrollbar {
width: 10px;
height: auto;
}
::-webkit-scrollbar-thumb {
background:#AA39FF;
border: 0px dashed #EBD8FF;
}
::-webkit-scrollbar-track-piece {
background:#EFD9FF;
border:1px solid #AA39FF;
}
li {
list-style-image:url(http://i122.photobucket.com/albums/o260/mhilka/minigifs/pinkfa1276.gif) ;
}

/* Header 
-----------------------------------------------*/
#header-wrapper {
margin-top: 50px;
padding: 0;
background-color: transparent;
text-align: left;
}
#header {
margin-bottom: 50px;
width: 1000px;
margin: 0 auto;
background: url(https://2.bp.blogspot.com/-6OshK2egQpQ/WMPr4kx2r8I/AAAAAAAAFxo/7ZVMxghMc7wJGFoGKuGq5ESVr9a0eV7JwCLcB/s1600/Denim%2BSweet%2BPurple%2BHeader.png);
border: 1px solid transparent;
color: transparent;
-webkit-transition-duration: 5s;
padding: 0;
font: normal normal 210% Verdana, Arial, Sans-serif;;
}
h1.title {
padding-top: 38px;
margin: 0 14px .1em;
line-height: 1.2em;
font-size: 0px;
}
h1.title a, h1.title a:visited {
color: transparent;
text-decoration: none;
}
#header .description {
display: block;
margin: 0 14px;
padding: 0 0 40px;
line-height: 1.4em;
font-size: 50%;
}
.header img {  
margin-$startSide: auto;  
margin-$endSide: auto;
}                                           
/* Content
-----------------------------------------------*/
.clear {
clear: both;
}
#content-wrapper {
border: 9px solid #DE00FF;
border-radius: 25px;
width: 950px; 
margin: 0 auto; 
padding: 0 0 15px; 
text-align: left; 
background:url(https://2.bp.blogspot.com/-XEPbtNxcaAE/WKgNL4yxiyI/AAAAAAAAFn0/tJ-Mj-BCidY6rYhPyc6isAZ994bPTkTwACLcB/s1600/bg%2Bpurple%2Bdot%2Bsmall.png);
background-color: transparent;
} 
#main-wrapper {
margin-left: 10px;
width: 570px; 
float: left; 
background-color: transparent; 
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 {
margin-left: 5px;
margin-right: 5px;
width: 350px;
padding:0px;
float: right;
background-color: transparent;
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 */
}
/* Headings
 -----------------------------------------------*/
h2.date-header {
margin:7px;
padding:3px;
background: #AE47F2;
border-radius:0px;
border:0px solid black;
font:17px delius;
text-align: center;
color:#FFFFFF;
}
.post-title {
border-left:20px solid #DD9EFF;
border-top:5px solid #DD9EFF;
border-bottom:5px solid #DD9EFF;
border-right:5px solid #DD9EFF;
background: #F9EEFF;
text-align:center;
padding:5px;
margin:7px;
-webkit-transition: 0.5s ease-in-out;
color:#000;
border-top-right-radius:30px;
border-bottom-right-radius:30px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
}
.post-title:hover {
border:5px solid #DD9EFF;
border-radius: 30px;
}
/* Posts
 -----------------------------------------------*/
.post-body img {
border-radius: 0px;
transition:0.5s ease-in-out;
}
.post-body img:hover {
transform: rotatex(360deg);
border-radius: 50%;
}
.post {
background:url(http://3.bp.blogspot.com/-F8si46s_12w/T6yIR5EAsZI/AAAAAAAAGao/Xx0WtWxlU8Q/s1600/red.png);
margin-bottom:20px;
border:5px solid #DD9EFF;
border-radius:10px;
padding:5px;
}
.post-footer {
padding:5px;
color: #000;
text-align: center;
font-size: 14px;
font-family: Short Stack;
background: #FFFFFF;
border: 8px double #F364FF;
-moz-box-shadow: 2px 2px #FABEFF;
margin:10px;
}
.post-footer .span {
margin-$endSide: .3em;
}
.tr-caption-container img {
border: none;
padding: 0;
}
blockquote {
background:url(http://2.bp.blogspot.com/-iTrQyY381AM/T6yHyTCsl9I/AAAAAAAAGag/mOkGl8Y3ejc/s1600/sparkles.png );
padding:10px;
border-radius:0px;
border: 5px solid #C777FF;
color:#000;
-webkit-transition: 1.0s; 
-moz-transition: 1.0s; 
overflow:auto;
max-height:250px;
}
blockquote:hover {
border-radius:10px;
border-right:5px solid #C777FF;
border-top:15px solid #C777FF;
border-left:5px solid #C777FF;
border-bottom:15px solid #C777FF;
box-shadow: 0px 0px 10px #BD7DFF;
}
@font-face {
font-family:A Year Without Rain;
src: url(http://www.fontsaddict.com/fontface/a-year-without-rain.ttf);
}
/* Comments
----------------------------------------------- */
.comments h4 {
background:#EDE2FF;
text-align:center;
color:#fff;
text-shadow:2px 2px 3px #000;
font:30px short stack !important;
margin-top:0px;
}
.comments {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: #ffffff;
border:5px solid #B98EFF;
padding: 10px;
}
.comment-block{
background:#FFF;
padding:10px;
border-radius:10px;
border:3px dashed #FFF;
}
.comment-content{
background:#EDE2FF;
padding:13px;
border-radius:10px;
color:#000;
border:2px dotted #BA65FF;
}
.datetime{
background:#fff;
padding:5px;
border:2px solid #BA65FF;
float:right;
border-radius:10px;
font:10px arial;
margin-top:10px;
}
.secondary-text{
padding:5px;
background:#fff;
border-radius:5px;
float:-left;
border-bottom:2px solid #BA65FF;
}
.avatar-image-container{
background:#BA65FF;
padding:6px;border-radius:50%;
}
.avatar-image-container img{
-webkit-transition: all 0.8s ease-out;
border-radius:50%;
}
.avatar-image-container img:hover{
border-radius:50%;
transform: rotatex(360deg) ;
}

/* Sidebar Content
-----------------------------------------------*/
.sidebar h2 {
background: #C75AFF;
border-top-right-radius: 10px;
border-top-left-radius:10px;
border: 0px dotted #E7B8FF;
font:14px Short Stack;
text-decoration:bold;
letter-spacing: 2px;
text-align: center;
color:#FFF;
padding:5px;
line-height:20px;
margin:2px;
-webkit-transition: all 0.5s ease-in-out;
}
.sidebar h2:hover {
letter-spacing: 5px;
}
.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar li {
margin: 0;
padding-top: 0;
padding-$endSide: 0;
padding-bottom: .5em;
padding-$startSide: 15px;
line-height: 1.5em;
}
.sidebar {
color: $textColor;
line-height:1.3em;
}
.sidebar .widget {
background:url(http://3.bp.blogspot.com/-F8si46s_12w/T6yIR5EAsZI/AAAAAAAAGao/Xx0WtWxlU8Q/s1600/red.png) repeat;
moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin:2.5em 0.75em;
padding:5px;
font-size: 95%;
border: 3px double #EAC1FF;
-webkit-transition: all 1s ease-in-out;
}
.sidebar .widget:hover {
box-shadow: 0px 0px 10px #C34EFF;
}
.sidebar .widget-content {
margin: 0 5px;
font:14px Short Stack;
}

/* Profile
-----------------------------------------------*/
.profile-img {
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 4px;
  border: 0px solid $borderColor;
}
.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight: bold;
  line-height: 1.6em;
  font-size: 78%;
}
.profile-datablock {
  margin:.5em 0 .5em;
}
.profile-textblock {
  margin: 0.5em 0;
  line-height: 1.6em;c
}
                                                          
/* Footer 
-----------------------------------------------*/
#footer {
clear: both;
text-align: center;
color: $textColor;
}
#footer .widget {
margin:.5em;
padding-top: 20px;
font-size: 85%;
line-height: 1.5em;
text-align: $startSide;
}
.tooltip{
display: inline;
position: relative;
}
#s-m-t-tooltip {
min-width:70px;
max-width:300px;
border-radius:10px;
padding: 3px;
margin:15px;
background: #EFD8FF;
border: 2px solid #B956FF;
font-family:short stack;
font-size:11px;
letter-spacing:0px;
text-transform:lowercase;
color: #000;
text-align: center;
box-shadow: 2px 3px 0px 0px #EFD8FF;
}
.linkwithin_div {
background: #fffafa;
padding: 0 10px;
border-top: 1px solid #ffdfdf;
border-bottom: 1px solid #ffdfdf;
}
.linkwithin_text {
font-family: Short Stack;
font-size:14px;
color:#000;
}
a#linkwithin_logolink_0, a#linkwithin_logolink_1, a#linkwithin_logolink_2, a#linkwithin_logolink_3, a#linkwithin_logolink_4, a#linkwithin_logolink_5, a#linkwithin_logolink_6, a#linkwithin_logolink_7, a#linkwithin_logolink_8, a#linkwithin_logolink_9, a#linkwithin_logolink_10, a#linkwithin_logolink_11, a#linkwithin_logolink_12, a#linkwithin_logolink_13, a#linkwithin_logolink_14, a#linkwithin_logolink_15, a#linkwithin_logolink_16, a#linkwithin_logolink_17, a#linkwithin_logolink_18, a#linkwithin_logolink_19, a#linkwithin_logolink_20 {
display:none;
}
.linkwithin_posts {
width: 500px !important;
}
.linkwithin_posts a {
border: 0 !important;
padding-right: 10px !important;
}
.linkwithin_posts a:hover {
background: #f1f1f1 !important; /* Background on mouseover */
border-radius: 15px;
}
.linkwithin_img_0 {
background: #fbfbfb;
border: 1px solid #ffeaea !important;
padding: 2px !important;
transition:all .2s linear;
-o-transition:all .5s linear;
-moz-transition:all .2s linear;
-webkit-transition:all .2s linear;
}
.linkwithin_img_0:hover {
background: mistyrose;
border: 1px solid #dfdfdf !important;
padding: 2px !important;
opacity:.6;
filter:alpha(opacity=60)
}
.linkwithin_img_0 div, div.linkwithin_img_0,
.linkwithin_img_1 div, div.linkwithin_img_1,
.linkwithin_img_2 div, div.linkwithin_img_2,
.linkwithin_img_3 div, div.linkwithin_img_3,
.linkwithin_img_4 div, div.linkwithin_img_4,
.linkwithin_img_5 div, div.linkwithin_img_5,
.linkwithin_img_6 div, div.linkwithin_img_6,
.linkwithin_img_7 div, div.linkwithin_img_7,
.linkwithin_img_8 div, div.linkwithin_img_8,
.linkwithin_img_9 div, div.linkwithin_img_9,
.linkwithin_img_10 div, div.linkwithin_img_10,
.linkwithin_img_11 div, div.linkwithin_img_11,
.linkwithin_img_12 div, div.linkwithin_img_12,
.linkwithin_img_13 div, div.linkwithin_img_13,
.linkwithin_img_14 div, div.linkwithin_img_14,
.linkwithin_img_15 div, div.linkwithin_img_15,
.linkwithin_img_16 div, div.linkwithin_img_16,
.linkwithin_img_17 div, div.linkwithin_img_17,
.linkwithin_img_18 div, div.linkwithin_img_18,
.linkwithin_img_19 div, div.linkwithin_img_19,
.linkwithin_img_20 div, div.linkwithin_img_20 {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.linkwithin_title {
color: #aaa !important; /* Color for titles */
font-family: short stack !important;
font-size: 11px !important; /* Font size of posts titles */
line-height: 24px !important;
text-align:center;
text-decoration: none;
}
.linkwithin_title:hover {
color: #000 !important; /* Color of posts titles on mouseover */
text-shadow: 2px 2px 3px #aaa;
}
#blog-pager-newer-link {
float: left;
color: #000;
}
#blog-pager-older-link {
float: right;
color: #000;
}
#blog-pager {
font-size: 100%;
border: 0px solid #eee;
background:transparent;
border-radius:0px;
padding:5px;
color:#000;
}
.jump-link {
text-align: center;
bottom: 5px;
}
.jump-link a{
background: #9E4FFF;
color: #FFFFFF;
padding: 5px;
transition: 0.5s;
} 
.jump-link a:hover  {
border-radius: 5px;
}
]]></b:skin>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'/>
<script src='http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js' type='text/javascript'/>
<script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>
<script type='text/javascript'>
//<![CDATA[
var rate = 50;
if (document.getElementById) 
window.onerror=new Function("return true")

var objActive; // The object which event occured in 
var act = 0; // Flag during the action 
var elmH = 100; // Hue 
var elmS = 128; // Saturation 
var elmV = 255; // Value 
var clrOrg; // A color before the change 
var TimerID; // Timer ID
if (document.all) { 
document.onmouseover = doRainbowAnchor; 
document.onmouseout = stopRainbowAnchor; 
} 
else if (document.getElementById) { 
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT); 
document.onmouseover = Mozilla_doRainbowAnchor; 
document.onmouseout = Mozilla_stopRainbowAnchor; 
}
function doRainbow(obj) 
{ 
if (act == 0) { 
act = 1; 
if (obj) 
objActive = obj; 
else 
objActive = event.srcElement; 
clrOrg = objActive.style.color; 
TimerID = setInterval("ChangeColor()",100); 
} 
}
function stopRainbow() 
{ 
if (act) { 
objActive.style.color = clrOrg; 
clearInterval(TimerID); 
act = 0; 
} 
}
function doRainbowAnchor() 
{ 
if (act == 0) { 
var obj = event.srcElement; 
while (obj.tagName != 'A' && obj.tagName != 'BODY') { 
obj = obj.parentElement; 
if (obj.tagName == 'A' || obj.tagName == 'BODY') 
break; 
}
if (obj.tagName == 'A' && obj.href != '') { 
objActive = obj; 
act = 1; 
clrOrg = objActive.style.color; 
TimerID = setInterval("ChangeColor()",100); 
} 
} 
}
function stopRainbowAnchor() 
{ 
if (act) { 
if (objActive.tagName == 'A') { 
objActive.style.color = clrOrg; 
clearInterval(TimerID); 
act = 0; 
} 
} 
}
function Mozilla_doRainbowAnchor(e) 
{ 
if (act == 0) { 
obj = e.target; 
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') { 
obj = obj.parentNode; 
if (obj.nodeName == 'A' || obj.nodeName == 'BODY') 
break; 
}
if (obj.nodeName == 'A' && obj.href != '') { 
objActive = obj; 
act = 1; 
clrOrg = obj.style.color; 
TimerID = setInterval("ChangeColor()",100); 
} 
} 
}
function Mozilla_stopRainbowAnchor(e) 
{ 
if (act) { 
if (objActive.nodeName == 'A') { 
objActive.style.color = clrOrg; 
clearInterval(TimerID); 
act = 0; 
} 
} 
}
function ChangeColor() 
{ 
objActive.style.color = makeColor(); 
}
function makeColor() 
{ 
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB 
if (elmS == 0) { 
elmR = elmV; elmG = elmV; elmB = elmV; 
} 
else { 
t1 = elmV; 
t2 = (255 - elmS) * elmV / 255; 
t3 = elmH % 60; 
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) { 
elmR = t1; elmB = t2; elmG = t2 + t3; 
} 
else if (elmH < 120) { 
elmG = t1; elmB = t2; elmR = t1 - t3; 
} 
else if (elmH < 180) { 
elmG = t1; elmR = t2; elmB = t2 + t3; 
} 
else if (elmH < 240) { 
elmB = t1; elmR = t2; elmG = t1 - t3; 
} 
else if (elmH < 300) { 
elmB = t1; elmG = t2; elmR = t2 + t3; 
} 
else if (elmH < 360) { 
elmR = t1; elmG = t2; elmB = t1 - t3; 
} 
else { 
elmR = 0; elmG = 0; elmB = 0; 
} 
}
elmR = Math.floor(elmR).toString(16); 
elmG = Math.floor(elmG).toString(16); 
elmB = Math.floor(elmB).toString(16); 
if (elmR.length == 1) elmR = "0" + elmR; 
if (elmG.length == 1) elmG = "0" + elmG; 
if (elmB.length == 1) elmB = "0" + elmB
elmH = elmH + rate; 
if (elmH >= 360) 
elmH = 0;
return '#' + elmR + elmG + elmB; 
}
//]]>
</script>
</head>
<body>
  <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
    <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar' version='1'>
      <b:includable id='main'><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener('load',
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<div id="navbar-iframe-container">
</div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
      gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
        if (gapi.iframes && gapi.iframes.getContext) {
          gapi.iframes.getContext().openChild({
              url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d4855036171856309819\x26blogName\x3dSweet+Purple\x26publishMode\x3dPUBLISH_MODE_HOSTED\x26navbarType\x3dDISABLED\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttp://www.blogaikatsu.co.vu/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttp://www.blogaikatsu.co.vu/\x26vt\x3d7534160022743734911',
              where: document.getElementById("navbar-iframe-container"),
              id: "navbar-iframe"
          });
        }
      });
    </script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
    </b:widget>
  </b:section>

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

<b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == "BEHIND"'>
      
      <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>
<div id='content-wrapper'>

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

<b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
          </div>
</div>
</b:if>
        <b:if cond='data:post.isDateStart'>
          <div class="date-outer">
        </b:if>
        <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'>
<span><data:post.dateHeader/></span></h2>
</b:if>
        <b:if cond='data:post.isDateStart'>
          <div class="date-posts">
        </b:if>
        <div class='post-outer'>
          <b:include data='post' name='post'/>
          <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
        </div>

        <b:if cond='data:post.includeAd'>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
</b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        </div>
</div>
</b:if>
    </div>

    <b:include name='nextprev'/>

<b:include name='feedLinks'/>

<b:else/>
    <b:include name='mobile-main'/>
  </b:if>

<b:if cond='data:top.showPlusOne'>
    <data:top.googlePlusBootstrap/>
  </b:if>

</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='https://resources.blogblog.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' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <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' expr:height='data:cmtIframeInitialHeight' frameborder='0' 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/>');
    </script>
  </div>
</b:includable>
            <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='"item-control " + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
<b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </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.url.canonical.http'>
    </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' style='overflow:auto;width:ancho;height:300px;'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
<data:post.commentLabelFull/>:</h4>
<b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <b:if cond='data:post.hasOlderLinks'>
            <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>
               
          </b:if>

<data:post.commentRangeText/>

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

<b:else/> 
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
      </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.url.canonical' 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'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </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: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'>‹</a>
      </div>
</b:if>

<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'>›</a>
      </div>
</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: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'>
  <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <b:if cond='data:post.firstImageUrl'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
    </b:if>
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
    <meta expr:content='data:post.id' itemprop='postId'/>

<b:include data='post' name='postQuickEdit'/>
      </span> <div class='post-share-buttons goog-inline-block'>
        <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
      </div>
</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='not data:label.isLast'>,</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>
<b:if cond='data:post.authorAboutMe'>
        <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
          <b:if cond='data:post.authorPhoto.url'>
            <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
          </b:if>
          <div>
            <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
              <span itemprop='name'><data:post.author/></span>
            </a>
          </div>
<span itemprop='description'><data:post.authorAboutMe/></span>
        </div>
</b:if>
    </div>
</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='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
            <b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><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></b:if><b:if cond='data:top.showBlogThisButton'><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></b:if><b:if cond='data:top.showTwitterButton'><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></b:if><b:if cond='data:top.showFacebookButton'><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><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'>
<data:post.googlePlusShareTag/></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' expr:height='data:cmtIframeInitialHeight' frameborder='0' 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' expr:height='data:cmtIframeInitialHeight' frameborder='0' 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/>');
    </script>
  </div>
</b:includable>
            <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

// <![CDATA[
      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': config.maxThreadDepth
      };
      var provider = {
        'id': config.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' style='overflow:auto;width:ancho;height:300px;'>
    <a name='comments'/>
    <h4>
<data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
      <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>
<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:includable>
            <b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='post'>
<li><b:if cond='data:blog.url != data:post.url'> 
<a expr:href='data:post.url'><data:post.title/></a> 
<b:else/> 
<data:post.title/> 
</b:if></li>
</b:loop>
  </ul>
</b:includable>
            <b:includable id='toggle' var='interval'>
  <a class='toggle' href='javascript:void(0)'>
    <span expr:class='"zippy" + (data:interval.expclass == "expanded" ? " toggle-open" : "")'>
      <b:if cond='data:interval.expclass == "expanded"'>
        ▼ 
      <b:elseif cond='data:blog.languageDirection == "rtl"'/>
        ◄ 
      <b:else/>
        ► 
      </b:if>
    </span>
  </a>
</b:includable>
          </b:widget>
        </b:section>
      </div>

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

<div id='footer-wrapper'>
      <b:section class='footer' id='footer'/>
    </div>
</div>
</div>

  <b:include data='blog' name='google-analytics'/>
<script type='text/javascript'>
//<![CDATA[
shortcut={all_shortcuts:{},add:function(a,b,c){var d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(c)for(var e in d)"undefined"==typeof c[e]&&(c[e]=d[e]);else c=d;d=c.target,"string"==typeof c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;if(c.disable_in_input){var e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);if("INPUT"==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");var f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\\":"|"},i={esc:27,escape:27,tab:9,space:32,"return":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);for(var s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))return d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:function(a){var a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var a=b.event,c=b.target,b=b.callback;c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c["on"+a]=!1}}},shortcut.add("Ctrl+U",function(){top.location.href="http://goestomyps.blogspot.co.id"});
//]]>
</script>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see <span id="IL_AD6" class="IL_AD">the code</span>!",
emoMessage:"To insert emoticon <span id="IL_AD11" class="IL_AD">you must</span> added at least one space before the code."
})
});
//]]>
</script>
<script src='http://yourjavascript.com/40136152393/emotashkaomoji.js' type='text/javascript'/>
</b:if>
<script type='text/javascript'>
var pres = document.getElementsByTagName("blockquote");
for (var i = 0; i < pres.length; i++) {
  pres[i].addEventListener("click", function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);
  }, false);
}
</script>
<center>
<div style='display:inline-block;font-family:A Year Without Rain; font-size:18px; width:950px;padding:8px;border-radius:25px 0px 25px 0px;border:8px solid #9446FF;background: white;color:#000;margin:8px;'>
Copyright ©2017 | Blog Owner : YOUR NAME | Blog Designer : <a href='http://www.giftasblog.co.vu/'>Click here</a> | Powered by <a href='http://www.blogger.com/'>Blogger</a></div>
</center>
</body>
</html>

Preview Denim: http://www.blogaikatsu.co.vu/

Namanya blogaikatsu karena aslinya itu blog untuk orang lain, tapi ternyata orangnya itu ga mau pakai blognya, dan malah download template dari google 😒😒😒😒😒😒😒 Aku heran kenapa dia dulu minta aku buatkan blog! #malahcerita

Cara pakainya:

1. Buka blogger

2. Klik blog kamu

3. Klik Theme

4. Klik Edit HTML
5. Hapus semua kode yang ada
6. Paste kode di atas sudah kalian copy
7. Preview, save!