Wonderland: (Request Fathima Zahra) Template Blog

Hai guys, Zahra request template blog. Karena aku bisanya bikin denim template, jadi aku bikin denim template aja. Maaf ya, yang boleh pake cuma Zahra.

Basecode: Neira

<?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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGlaIJqZOat_Wo-ojlWNq68s42XKVxuCtmixmHARwzUA2Ig0trhK9hOSLzO-mSHQdDatWiRc1OkqCcWgUEgf9En83MxHRfDnz7nEwF9Py5ToLl_U2o8IVcEgesSGBL8li1MPpkKk169hU/s1600/Scalges.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[/*
-----------------------------------------------

Blogger Template Style
Name:     Creamy and Funny!
Basic Colors : Pink and Grey
Designer: Alneira Firja (----> @neirafrjz_513 <----)
URL:      http://alneira-firja.blogspot.co.id
Date:     17 September 2016
-----------------------------------------------

HEYYAAAA DO NOT REMOVE THIS CREDIT OR I WILL HACK UR ACCOUNT

-----------------------------------------------
*/

/* 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">
   <variable name="endSide" description="End side in blog language"
             type="automatic" default="right">
*/

body {
background:url(https://pipstudio-585084.c.cdn77.org/content/images/thumbs/000/0000680_stripes-behang-roze_800.jpeg);
  background-attachment: fixed;
font-family: Quicksand;
font-size: 13px;
 color: #aaa;
}
a:link {
text-decoration:none;
color: #aaa;
-webkit-transition:1s;
}
a:visited {
text-decoration:none;
color: #aaa;
-webkit-transition:1s;
}
a:hover {
text-decoration:bold;
font-style: bold;
color: #ffbcbc;
-webkit-transition:1s;
}

a img {
  border-width: 0;
}

#outer-wrapper {
font: normal normal 100% Quicksand, Quicksand, Sans-serif;
}
b{
color: #FFCECE;
}
b:hover{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color: #eee;
}

u{
text-decoration:none;
border-bottom:2px solid mistyrose;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
u:hover{
border:2px dashed #eee;
background: #eee;
color: white;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
li {
list-style-image:url(http://media.tumblr.com/tumblr_m4i7zmV1Kt1qdlkyg.gif) ;
}
li:hover {
list-style-image:url(http://media.tumblr.com/tumblr_mdpf63YzfD1qdlkyg.gif);
}

/* Header */
i/* Header */

#header-wrapper {
margin-top: 50px;
padding: 0;
background-color: transparent;
text-align: left;
}
#header {
margin-bottom: 50px;
width: 1000px;
margin: 0 auto;
background-color: transparent;
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%;
}                                           
/* Content*/

.clear {
  clear: both;
}

#content-wrapper {
border: 10px solid #eee;
box-shadow: 0px 0px 0px 0px #eee;
border-radius: 25px;
width: 1000px; 
margin: 0 auto; 
padding: 0 0 15px; 
text-align: left; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1egFADpw7uL_Ocayzlw954iWwa4JqBzDGaAjqCvcAHpZF3C1w2Wpw_1f6y0-goF9yMhMgdicyQsZrd2-dCj6pK17KDB-bxqb_RGCCJ420YpxWc_h3BYXJuALxMsXaVcj4c5tKKvK3Kbkn/s1600/obkp8.png);
background-color: transparent;
} 
#main-wrapper {
margin-left: 14px; 
width: 600px; 
float: left; 
background-color: transparent; 
display: inline; /* fix for doubling margin in IE */ 
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-right: 14px;
width: 350px;
float: right;
background-color: transparent;
display: inline;       /* fix for doubling margin in IE */
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, h3 {
  margin: 0;
}

/* Posts*/
.date-header {
background-repeat: no-repeat;

background-position:left center;
border-radius: 40px 40px 10px 10px;
background: mistyrose;
border-bottom: 2px solid #ffeeee;
text-align: center;
margin: 0;
padding: 0;
color: #ffffff;
font-family: short stack;
FONT-SIZE: 11px;
width: 260px;
margin-left: 30px;
margin-top: 10px;
height: 20px;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.comment-content{
background:#F1f1f1;
padding:13px;
border-radius:30px;
color:#666;
}
h4{
background:#fff0f0;
border: 2px solid #eee;
text-align:center;
color:#B0B0B0;
text-shadow:2px 2px 3px #888;
font:30px ttn !important;
}

@font-face{
font-family:ttn;src:url(http://static.tumblr.com/dep4vzc/82Km8jmz4/tutano_cc_v2.ttf);
}
.comment-block{
background:#fbfbfb;
padding:10px;
border-radius:30px;
border:3px dashed #ffe4e1;
}
.avatar-image-container{
background:#cacaca;
padding:5px;
border-radius:50%;
}

.avatar-image-container img{-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;border-radius:50%;}
.avatar-image-container img:hover{border-radius:50%;transform: rotate(360deg) ;-webkit-transform: rotate(360deg) ;-moz-transform: rotate(360deg) ;-o-transform: rotate(360deg) ;-ms-transform: rotate(360deg) ;}

.datetime{
background:#fff;
padding:8px;
float:right;
border-radius:30px
;font:10px Short Stack;
margin-top:10px;
}
.secondary-text{
padding:8px;
background:#fff;
border-radius:30px;
float:right;
border:2px solid #ffeeee;
}
.comment-thread ol {
counter-reset: countcomments;
}
.comment-thread li:before {
content: counter(countcomments,decimal);
counter-increment: countcomments;
float: right;border:2px solid #dfdfdf;
z-index: 2;
position:relative;
font-size: 14px;border-radius:30px;
color: #333333;
padding-left:8px;
padding-top:3px;
background:#Fbfbfb;
margin-top:7px;
margin-left:10px;
width: 23px; /*image-width size*/
height: 23px; /*image-height size*/
}
.comment-thread ol ol {
counter-reset: contrebasse;
}
.comment-thread li li:before {
content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
counter-increment: contrebasse;
float: right;
font-size: 13px;
color: #666666;
}
.post {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijMXlpLNvYiltr-YARS13IWQaMRj9-jHRFnfAMUj3_HMNCMepg5AuEy-ACCSEe_THsVmiwx8zEQITipdwa75lKK9yZd-cwi-lRyxYz0kbAcZ32_Igqz-UbmRv7fJ-euSn_nxfeO2jauao/s1600/red.png);
margin-bottom:15px;
border:4px solid #ffeeee;
border-radius: 9px;
padding:0.5em;
}
.post-title {
letter-spacing:2px;
font:12px short stack;
color:#666;
background:#eee;
padding:4px;
text-align: center;
border-bottom:5px solid #ffdfdf;
border-radius:10px 10px 0px 0px;
}
.post-title a, .post-title a:visited, .post-title strong {
  text-decoration: none;
  color: $textColor;
  font-weight: bold;
}
.post div {
  margin: 0 0 .75em;
  line-height: 1.3em;
}

.post-footer {
padding:8px;
color: #aaa;
text-align: center;
font-size: 13px;
font-family: quicksand;
background: #fbfbfb;
border-top: 7px double #ffe4e1;
-moz-box-shadow: 0px 0px 2px 2px #dfdfdf;
border-radius:10px;
margin:9px;
}
.post-footer .span {
  margin-$endSide: .3em;
}

.post img, table.tr-caption-container {
  padding: 4px;
  border: 0px solid $borderColor;
}
.tr-caption-container img {
  border: none;
  padding: 0;
}
blockquote{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_KYBnwlnfn29Gcr4N3VuLfCAHpByLNdQxf0mNVKt0dfhPKImjnbOuHCNpxjWm4kYrU7xJuyU48iL_OK7DYxdkwwpEb05qeH47S54duc6kTU-H1yru0o9Gsj93koCu5g9BIlly2sSmX7Q/s1600/sparkles.png );
padding:10px;
border-radius:0px;
BORDER: 3px solid #eee;
color:#aaa;
-webkit-transition: 1.0s; -moz-transition: 1.0s; font: 13px Quicksand;
}
blockquote:hover{
border-radius:27px;
-webkit-transition: 1.0s; -moz-transition: 1.0s;
-webkit-box-shadow: 0px 0px 8px #F1f1f1; -moz-box-shadow: 0px 0px 8px #f1f1f1; box-shadow: 0px 0px 8px #ffdfdf;
}
.post blockquote {
  margin: 1em 20px;
}
.post blockquote p {
  margin: .75em 0;
}

/* Comments */
#comments h4 {
  margin: 1em 0;
  color: $dateHeaderColor;
}
#comments h4 strong {
  font-size: 110%;
}
#comments-block {
  margin: 1em 0 1.5em;
  line-height: 1.3em;
}
#comments-block dt {
  margin: .5em 0;
}
#comments-block dd {
  margin: .25em 0 0;
}
#comments-block dd.comment-footer {
  margin: -.25em 0 2em;
  line-height: 1.4em;
  font-size: 78%;
}
#comments-block dd p {
  margin: 0 0 .75em;
}

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

.feed-links {
  clear: both;
  line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
font:normal 12px short stack;
color: #000;
text-align:center;
}
#blog-pager-older-link {
  float: $endSide;
 }

#blog-pager {
font-size: 120%;
border: 4px solid #eee;
background:#fffafa;
border-radius:14px;
padding:5px;
color:#aaa;
}

/* Sidebar Content*/

.sidebar h2 {
text-decoration:bold;
padding:8px;
background:#fbfbfb;
margin-bottom: 10px;
color:#bfbfbf;
text-align:center;
border:2px solid #ffeeee;
text-shadow:0 0 6px #ccc;
line-height:20px;
font-family:15px Quicksand;
border-radius:10px;
}

.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;
  text-indent: -15px;
  line-height: 1.5em;
}
.sidebar {
  color: $textColor;
  line-height:1.3em;
}
.sidebar .widget {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijMXlpLNvYiltr-YARS13IWQaMRj9-jHRFnfAMUj3_HMNCMepg5AuEy-ACCSEe_THsVmiwx8zEQITipdwa75lKK9yZd-cwi-lRyxYz0kbAcZ32_Igqz-UbmRv7fJ-euSn_nxfeO2jauao/s1600/red.png);
moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin:2.5em 0.75em;
padding:5px;
font-size: 95%;
border: 3px solid #ffeeee;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
}
.sidebar .widget:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijMXlpLNvYiltr-YARS13IWQaMRj9-jHRFnfAMUj3_HMNCMepg5AuEy-ACCSEe_THsVmiwx8zEQITipdwa75lKK9yZd-cwi-lRyxYz0kbAcZ32_Igqz-UbmRv7fJ-euSn_nxfeO2jauao/s1600/red.png);
moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin:2.5em 0.75em;
padding:5px;
font-size: 95%;
border: 3px solid #eee;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
}
.sidebar .widget-content {
  margin: 0 5px;
}

/* 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;
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track-piece  {
background-color: #FFFFFF;
border: 3px solid #ffeaea;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #f1f1f1;
}

.tooltip{
display: inline;
position: relative;

}
#s-m-t-tooltip {
min-width:70px; /*the smallest the tooltip can be*/
max-width:300px; /*the biggest the tooltip can be*/
-moz-border-radius:5px;border-radius:5px;
-webkit-border-radius:5px; /*change your border radius*/
padding: 3px 4px 3px 6px; /*padding inside tooltip*/
margin:25px 0px 0px 25px; /*distance from link, adjust triangle bottom value if you fiddle with this*/
background: #fffafa; /*background color*/
border: 2px solid #fff;
font-family:short stack; /*tooltip font*/
font-size:10px; /*tooltip font size*/
letter-spacing:2px; /*tooltip letter spacing*/
text-transform:lowercase; /*makes the tooltip title uppercase*/
color:#aaa; /*tooltip font color*/
text-align: center;
-webkit-box-shadow: 2px 2px 3px #eeeeee;
-moz-box-shadow: 2px 2px 3px #eeeeee;
box-shadow: 2px 2px 3px #eeeeee;
}
::selection {
background: mistyrose;
color: #fff;
}

.linkwithin_div {
background: #fffafa; /* Background color for the related posts container */
padding: 0 10px;
border-top: 1px solid #ffdfdf;  /* Top border for the related posts container */
border-bottom: 1px solid #ffdfdf;  /* Bottom border for the related posts container */
}
.linkwithin_text {
font-family: Short Stack;
font-size:14px; /* Size for the related posts title */
color:#000; /* Color for the related posts title */
}
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; /* Width for the related posts container */
}
.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;
}
]]></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>
</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\x3d1330477448618076256\x26blogName\x3dShinku\x27s+Diary\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dDISABLED\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://shinkusdiary.blogspot.com/search\x26blogLocale\x3din\x26v\x3d2\x26homepageUrl\x3dhttps://shinkusdiary.blogspot.com/\x26readAccessMode\x3dPRIVATE\x26vt\x3d-775871870342452537',
              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>

<div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
        <b:widget id='Header1' locked='true' title='Shinku's Diary (Header)' type='Header' version='1'>
          <b:widget-settings>
            <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQWgBnIh-lukcbwbKO-NLq2XJrezq2YZDGdcwN0KaSFyuFzdwXG5o0wtL-fJYvkOgtQptREAQBI5hJRj_oHwBfx34HWPp6VcLb-tA6bRRTKpJuuj7jLxZ3k54FOKGGM2e290SXdQoZBL6T/s1600/header+1.gif</b:widget-setting>
            <b:widget-setting name='displayHeight'>270</b:widget-setting>
            <b:widget-setting name='sectionWidth'>1034</b:widget-setting>
            <b:widget-setting name='useImage'>true</b:widget-setting>
            <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
            <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
            <b:widget-setting name='displayWidth'>1040</b:widget-setting>
          </b:widget-settings>
          <b:includable id='main'>

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

<div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol'/>
      </div>
<div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
          <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog' version='1'>
            <b:widget-settings>
              <b:widget-setting name='showDateHeader'>true</b:widget-setting>
              <b:widget-setting name='style.textcolor'>#333333</b:widget-setting>
              <b:widget-setting name='showShareButtons'>true</b:widget-setting>
              <b:widget-setting name='showCommentLink'>true</b:widget-setting>
              <b:widget-setting name='style.urlcolor'>#999999</b:widget-setting>
              <b:widget-setting name='showAuthor'>true</b:widget-setting>
              <b:widget-setting name='style.linkcolor'>#336699</b:widget-setting>
              <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
              <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
              <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
              <b:widget-setting name='style.layout'>1x1</b:widget-setting>
              <b:widget-setting name='showLabels'>true</b:widget-setting>
              <b:widget-setting name='showLocation'>true</b:widget-setting>
              <b:widget-setting name='showTimestamp'>true</b:widget-setting>
              <b:widget-setting name='postsPerAd'>1</b:widget-setting>
              <b:widget-setting name='showBacklinks'>false</b:widget-setting>
              <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
              <b:widget-setting name='showInlineAds'>false</b:widget-setting>
              <b:widget-setting name='showReactions'>false</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main' var='top'>
  <b:if cond='!data:mobile'>
    
    <div class='blog-posts hfeed'>

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

<div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + "_backlinks-container"'>
      <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
    </div>
</div>
</div>
</b:includable>
          </b:widget>
          <b:widget id='HTML7' locked='false' title='LinkWithin me' type='HTML' version='1'>
            <b:widget-settings>
              <b:widget-setting name='content'/>
            </b:widget-settings>
            <b:includable id='main'><b:if cond='data:blog.pageType == "item"'><data:content/></b:if></b:includable>
          </b:widget>
        </b:section>
      </div>
<div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
          <b:widget id='HTML5' locked='false' title='Cbox' type='HTML'>
            <b:widget-settings>
              <b:widget-setting name='content'><center>
 <img width="220" src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaoqeOeXnO7Erkp60T6yuhOHko5hDKAQ3pYXWBYKmTusxYLSyy_8IZsRZ7GC5g9Nfnr7AIzhy9QQ0ZmQL_zx7fuYoL-89iZ7o0FeFwK9qhv3ud73sDn73QessxFCu1iyqGRS4rbuJ57cw/s1600/Pink.png" />Kode Chat Box Kamu</center>
</b:widget-setting>
            </b:widget-settings>
            <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='HTML3' locked='false' title='Status Blog' type='HTML'>
            <b:widget-settings>
              <b:widget-setting name='content'><style>
.statiooo{
font-family:Calibri;
font-size:12px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIVLJZLk0wVpT4yvo6orJIuVMEO-qsTEsrnnrqin4yPRQl2kBf32JvbQEClzczXhoh-6n31s2JuoiLu6mkgxYuBLlP88EhsuGw-PwdlPK7UiVun2lwE6W518U35l_IjamOSN4Qx7B2kd4/s1600/tumblr_m4i874fNol1qdlkyg.gif) left center;
background-repeat:no-repeat;
color:#999999;
text-align:left;
width:180px;background-size:14px;
border-bottom:1px dashed #f1f1f1;
line-height:11px;text-decoration:none;
padding:5px 5px 5px 25px;}

</style>
<center>
<div class="statiooo">
 <script style="text/javascript">
    function numberOfComments(json) {
    document.write('Jumlah Komentar : <b>' + json.feed.openSearch$totalResults.$t +
    '</b><br>');}</script>
    <script src="http://anugerahsalsa.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></div>
<div class="statiooo">
Jumlah Followers : <b>isi sendiri</b></div>
<div class="statiooo">
<script style="text/javascript">
    function showpostcount(json) {
    document.write('Jumlah Artikel : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10)
    + '</b><br>');}</script>
    <script src="http://anugerahsalsa.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script><script style="text/javascript"></script></div>
<div class="statiooo">
Beridiri Sejak : <b>isi sendiri</b></div>
<div class="statiooo">
Pemilik Blog : <b>Zahra</b></div>
<div class="statiooo">
Basecode Oleh : <b>Neira</b></div>
<div class="statiooo">
<script type="text/javascript">

var days = 730; // days until cookie expires = 2 years.
var lastvisit=new Object();
var firstvisitmsg="This is your first time been here.";
lastvisit.subsequentvisitmsg="Last visits : <b>[displaydate]</b>";

lastvisit.getCookie=function(Name){
var re=new RegExp(Name+"=[^;]+", "i");
if (document.cookie.match(re))
return document.cookie.match(re)[0].split("=")[1];
return'';
}

lastvisit.setCookie=function(name, value, days){
var expireDate = new Date();

var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days));
document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";
}

lastvisit.showmessage = function() {
var wh = new Date();
if (lastvisit.getCookie("visitc") == "") {
lastvisit.setCookie("visitc", wh, days);
document.write(firstvisitmsg);
}

else {
var lv = lastvisit.getCookie("visitc");
var lvp = Date.parse(lv);
var now = new Date();
now.setTime(lvp);
var day = new Array("Sun", "Mon", "Tues", "Wed", "Thur", "Fri", "Sat");
var month = new Array ("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
var dd = now.getDate();
var dy = now.getDay();
dy = day[dy];
var mn = now.getMonth();
mn = month[mn];
yy = now.getFullYear();
var hh = now.getHours();
var ampm = "AM";
if (hh >= 12) {ampm = "PM"}
if (hh >12){hh = hh - 12};
if (hh == 0) {hh = 12}
if (hh < 10) {hh = "0" + hh};
var mins = now.getMinutes();
if (mins < 10) {mins = "0"+ mins}
var secs = now.getSeconds();
if (secs < 10) {secs = "0" + secs}
var dispDate = dy + ", " + mn + " " + dd + ", " + yy + " " + hh + ":" + mins + ":" + secs + " " + ampm
document.write(lastvisit.subsequentvisitmsg.replace("\[displaydate\]", dispDate))
}

lastvisit.setCookie("visitc", wh, days);

}

lastvisit.showmessage();

</script></div>
</center>
</b:widget-setting>
            </b:widget-settings>
            <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='' type='HTML'>
            <b:widget-settings>
              <b:widget-setting name='content'><![CDATA[<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/images9/oth800.png), progress;}, progress;}style="position:absolute; top: 0px; right: 0px;</style>]]></b:widget-setting>
            </b:widget-settings>
            <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='HTML1' locked='false' title='Disclaimer' type='HTML'>
            <b:widget-settings>
              <b:widget-setting name='content'><link href="https://fonts.googleapis.com/css?family=Sniglet" rel="stylesheet" />
<style>
.view {
   width: 200px;
   height: 200px;
   margin: 10px;
   border: 7px dotted #F1BDBD;
   outline: 3px solid #F1BDBD;
   overflow: hidden;
   display:inline-block;
   position:relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #DDDDDD;
   -moz-box-shadow: 1px 1px 2px #DDDDDD;
   box-shadow: 1px 1px 2px #DDDDDD;
   background:url(http://www.mulierchile.com/candy-background-images/candy-background-images-016.jpg) repeat center center;
}
.view-four img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-four .mask {
   background-color: rgba(255, 231, 179, 0.3);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-four h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-four p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-four a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-four:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-four:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-four:hover h2,.view-four:hover p,.view-four:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.view .mask,.view .content {
   width: 200px;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: none;
   text-align: center;
   position: relative;
   font: 12px 'Sniglet';
   padding: 40px;
   background: #F1BDBD;
   color: #000;
   margin: 25px 0 0 0;
opacity: .10;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 10px 10px;
   font:17px century gothic;
   background: #ff96aa;
   color: #FFFFFF;
   margin-top:50px;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #FF899C;
   -moz-box-shadow: 0 0 1px #FF899C;
   box-shadow: 0 0 1px #FF899C;
}
.view a.info:hover {
   -webkit-box-shadow: 0px 3px 13px #FF899C;
   -moz-box-shadow: 0px 3px 13px #FF899C;
   box-shadow: 0px 3px 13px #FF899C;
}
.nice {
height: 200px; padding: none; width: 200px;
}
</style>
<center>
<div class="view view-four">
<img class="nice" src="https://lh3.googleusercontent.com/-vMRLTSjflQc/U3FKAd8B-eI/AAAAAAAAEv0/S-hs05KOChM/w530-h642-n/hinaitigo.jpg" />
                    <br />
<br />
<div class="mask">
<h2>
Hi! My name is Fathima Zahra!</h2>
</div>
<br />
</div>
</center>
</b:widget-setting>
            </b:widget-settings>
            <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='BlogArchive1' locked='false' title='Documents' type='BlogArchive' version='1'>
            <b:widget-settings>
              <b:widget-setting name='showStyle'>HIERARCHY</b:widget-setting>
              <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
              <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
              <b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
              <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
              <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
              <b:widget-setting name='chronological'>false</b:widget-setting>
              <b:widget-setting name='showPosts'>true</b:widget-setting>
              <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
  <b:if cond='data:title != ""'>
    <h2>
<data:title/></h2>
</b:if>
  <div class='widget-content' style='overflow:auto; height:200px'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:include cond='data:style == "HIERARCHY"' data='data' name='interval'/>
    <b:include cond='data:style == "FLAT"' data='data' name='flat'/>
    <b:include cond='data:style == "MENU"' data='data' name='menu'/>
  </div>
</div>
</div>
</b:includable>
            <b:includable id='flat' var='data'>
  <ul class='flat'>
    <b:loop values='data:data' var='i'>
<li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
</b:loop>
  </ul>
</b:includable>
            <b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='interval'>
    <ul class='hierarchy'>
<li expr:class='"archivedate " + data:interval.expclass'>
        <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
        <a class='post-count-link' expr:href='data:interval.url'>
          <data:interval.name/>
        </a>
        <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
        <b:include cond='data:interval.data' data='interval.data' name='interval'/>
        <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
      </li>
</ul>
</b:loop>
</b:includable>
            <b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>

</b:includable>
            <b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='post'>
<li><a expr:href='data:post.url'><data:post.title/></a></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'>
        <b:widget id='HTML4' locked='false' title='' type='HTML'>
          <b:widget-settings>
            <b:widget-setting name='content'><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >
var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6LbIuc9CTa2k3dF4glQGdk6TCPG5N-Ylef61ymCGXMpaRmeOFS8R4D5Yl3W2QFf5wuQprSyDWHQdQhs9X4buaroJzQ4pRnPY_qi-AVznQta_Pqog3VG_flT4e5qM3lRlA-hphA1C4_vzN/s1600/back+to+top+4.gif" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
    state: {isvisible:false, shouldvisible:false},
    scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },
    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },
    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },
  
    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">
'+mainobj.controlHTML+'</div>
')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Balik Ke Atas'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}
scrolltotop.init()
</script></b:widget-setting>
          </b:widget-settings>
          <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='HTML8' locked='false' title='' type='HTML' version='1'>
          <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:includable>
        </b:widget>
      </b:section>
    </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>
</body>
</html>

Oke, sekian dariku. Maaf kalau templatenya jelek, ya, Zahra -_-

Wonderland

30/12/17

(Request Fathima Zahra) Template Blog

2 komentar:

Judulnya Apa Ya?