Preview Skins

Skins Yaya

</head><body><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/platform.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\x3d1044072841617246818\x26blogName\x3dPrevies\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://preview-kode-zahra.blogspot.com/search\x26blogLocale\x3din\x26v\x3d2\x26homepageUrl\x3dhttp://preview-kode-zahra.blogspot.com/\x26vt\x3d-2941963141217386721',
              where: document.getElementById("navbar-iframe-container"),
              id: "navbar-iframe"
          });
        }
      });
    </script>

body {
background:url(https://s-media-cache-ak0.pinimg.com/originals/98/d6/6d/98d66d2b0fd79c3514a9f52d875f98d7.jpg);
color: #000000;
line-height: 15px;
text-align: justify;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJydtzvjuEEvYu69otZbSqTFK6aaEr7-U4krR6XmNHO0NK8JSGSyIaQIJxjIRdCHrdhDtSimDg2tBXq9n6lZP_nGQk7TMjDQ_4WNWTG_dQR3ecHZESWcFFIopdcwZK3heCQph84Aiz2f4e/s1600/cursorku.gif);
}

table {
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJydtzvjuEEvYu69otZbSqTFK6aaEr7-U4krR6XmNHO0NK8JSGSyIaQIJxjIRdCHrdhDtSimDg2tBXq9n6lZP_nGQk7TMjDQ_4WNWTG_dQR3ecHZESWcFFIopdcwZK3heCQph84Aiz2f4e/s1600/cursorku.gif);
background:#fff;
font: 11px Short Stack;
letter-spacing: 1px;
color: #9b9393;
line-height: 20px;
padding:5px;
border-radius:5px;
width:900;}

a:link,a:visited{
cursor:url(http://static.tumblr.com/z7e2cpq/PDhlllqdn/ponteiro_roxo.png);
text-decoration:none;
color:#FFBBF7;-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
a:hover{
color:#FFDFEF;
background:transparent;
}

::-moz-selection {
background:#000;
color:#fff;
}

::selection {
background:#fdeaf6;
color:#000000;
}

i , s, strike {
color: #62A9FF;
}

b {
color:#FF73B9;
-webkit-transition-duration: 1.5s;
}

blockquote{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9NPfqms9c0bHssjO8YANQsF7QzAFrCAr8_M7J_NEE-pH-1VaJ88oInp0kPPTZ5_Ez0WyVUpfNxCCC1uRLrfdhBkVpFbB403mlIUihkKsBOLtX4LPeoDYryG2xqr6ZetMdkD2dXILnhmp0/s1600/grey.png);
padding:10px;
border:3px solid #FF73B9;
color:#808080;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
blockquote:hover{
border-radius:20px;
border:3px solid #FFBBDD;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
-webkit-box-shadow: 0px 0px 8px <span style="color: blue;">#FF62B0</span>;
-moz-box-shadow: 0px 0px 8px <span style="color: blue;">#FF62B0</span>;
box-shadow: 0px 0px 8px #ffd5d5;
}

a.oldernewer{
letter-spacing:3px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
display:inline-block;
font:8px short stack;
text-align:center;
width:100px;
height:10px;
color:#888 ;
padding:5px;
background:#fff;
border-radius:5px;
text-decoration:none;
border:2px solid #e4bee6 ;}

a.oldernewer:hover{
background: #fff;
color:#333 !important;
box-shadow:inset 0px 25px 0px #e4bee6;
}

.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}

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

#comments {
margin:5;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
.comment-icon blogger-comment-icon{display:none}
#comments-block {
margin:2px ;
}

.comment-data {
background:url("http://media.tumblr.com/tumblr_m4tqzqOFL01qdlkyg.gif") no-repeat 2px .3em;
margin-top:5px !important;background-size:15px;
padding:0 0 0 20px;
color:#666;
}

span.comment-icon{display:none}

.comment-poster {
font-weight:bold;
}

.comment-body {
margin:0px;
}

.comment-body p {
background:#FFFFFF;
border:3px solid #f4cfe4;
margin:0em;
padding:5px;
color:#808080;
}

.pocetit {
font-size:15px;
padding:5px;
font-family:Century Gothic;
color:#FF62B0;
text-align:center;
background:url(http://1.bp.blogspot.com/-MK3nKOqlI1o/U7_6FZKhoOI/AAAAAAAAAPg/hE_KfApHyOw/s1600/blue.png);
background-repeat:repeat;
border:2px solid #ffe8ed;
border-radius:10px;
}

.arrien {
text-align: center;
font:10px Delius;
color: #000000;
background:#FFCAF9;
border-radius:10px;
}

a.arrien:hover {
color: #ffffff;
background: none;
-webkit-transition: 0.5s;
}

@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}

::-webkit-scrollbar {
width:7px;
height:7px;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {
height:10px;
width:10px;
display:block;
background:#FFC8E3;
border:2px solid #FF73B9;
}
::-webkit-scrollbar-track-piece  {
background:url(http://i.imgur.com/cLeZkpr.png);
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background:#FFC8E3;
border:2px solid #FF73B9;
}

a.navi {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggac1QXtBOkAqgVBJrXfagLzCr7reBod6kzbmXf6TNBpAG23kgGzTHGzKRczdklXkyLUOni6ggkBkcjlIQwFI3cCZzDFghjsDxuExE4rELdhjdoND-VnuROiTf_pHvt68nmgDKCLUBrSw/s1600/sparkles.png);
padding:5px;width:90px;
color:#FF62B0;padding:5px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font-family: delius;
font-size: 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display:inline-block;
margin:4px;border: 1px solid #FF62B0;
border-radius:10px;
}
a.navi:hover{
border-bottom: 0px solid gray;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#FF62B0;background:#FFFB8CA;
border: 1px dashed #FFFFFF;
border-radius:10px;
}

.header {
margin-left: 2px;
margin-bottom: -33px;
-webkit-transition:2s
}

a.affie {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggac1QXtBOkAqgVBJrXfagLzCr7reBod6kzbmXf6TNBpAG23kgGzTHGzKRczdklXkyLUOni6ggkBkcjlIQwFI3cCZzDFghjsDxuExE4rELdhjdoND-VnuROiTf_pHvt68nmgDKCLUBrSw/s1600/sparkles.png);
padding:5px;width:90px;
color:#FF97CB;padding:5px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font-family: delius;
font-size: 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display:inline-block;
margin:4px;border: 1px solid #FF97CB;
border-radius:10px;
}

a.affie:hover{
border-bottom: 0px solid gray;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#FF97CB
;background:#FFFB8CA;
border: 1px dashed #FFDFEF;
border-radius:10px;
}

li {list-style-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF4eRom6XX1LrRQDSXn6kJdLIx6mECRT_DB8s7V1p2kksXRkz26VqzHA_iINRo6KSnE7rMLBeRSRxP62Yjfca4pxGKXn_mNsTRqSdCojWvr-_i-tYntYlFlaX2MCf-eddSpLSbU8D_-zo/s1600/Yaya.png) ;}li:hover {list-style-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaXQekdWedZr4Zh0n6AAc5RUS_DgHScF6BF2MPN0KAKXgdIjYIjuCl9PcIdAWvXK13EKjIJHpL29O5ahpDZaO1sL80eRt6pHqZKsSw1vA-QAg1D86F1D9ba6aBs4x532gaHs7Yw3vNRD0/s1600/Ying.png);}
</style>

a.jieun:hover{
background:#FFDBFB;
border-radius:10px;
border:1px solid #FEA9F3;
color:#2e2e2e;
-webkit-transition: 1.8s;
</style>
<center>
<div style="width:900px;padding-top:8px;padding:8px; padding-left:9px;  padding-right:9px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTdyMIzXhgMoisVkk02eBXGvXCyXmewRym5CmP_d6jwCEpNrxKnaYFparqx8ZIvcD0mPeyqKv2socfZnyzhria90d5zcv5wyXi92RVmw5wlIlomLOCiXSvQ0SoSQBd5ZR1oZRJbtI28xA/s1600/pinkk.gif);margin:auto;">

</style>

</head>

<div class="pocetit">
Owner</div>
<div class="arrien">
Who's the Pinky Girl?</div>
<br>
<center>
<img src="http://i1.wp.com/www.gambaranimasibergerak.com/wp-content/uploads/2012/12/yaya.gif?resize=251%2C188" width="150" style="-moz-border-radius: 30%; -webkit-border-radius: 50%; border-radius: 50%; " />
</center>
</div>
<center>
Hi! My name is Yaya. I'm so love Pink and Hood! Do you to?<br>This is my navigation. Click it!
</center>
<br>

<center>
<a class="jieun" onClick="document.getElementById('main').innerHTML=document.getElementById('o').innerHTML">Home</a>
<a class="jieun" onClick="document.getElementById('main').innerHTML=document.getElementById('k').innerHTML">About</a>
<a class="jieun" onClick="document.getElementById('main').innerHTML=document.getElementById('p').innerHTML">Linkies</a>
<a class="jieun" onClick="document.getElementById('main').innerHTML=document.getElementById('stuffs').innerHTML">Stuffs</a><br>
<a class="affie" href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID" >Follow</a></center>
<br>
</div>
</div>
<div class="pocetit">
Tagboard</div>
<div class="arrien">
Chat with Yaya!</div>
<br>
<center>
 YOUR CBOX HERE</center>
<br>

<div class="pocetit">
Archive</div>
<br>
<center>
<div style="border:3px solid #FF97CB;background:#FFC8E3; width:210px; padding:5px; border-bottom:none;-webkit-border-top-left-radius: 30px;-webkit-border-top-right-radius: 30px;-moz-border-radius-topleft: 30px;-moz-border-radius-topright: 30px;border-top-left-radius: 30px;border-top-right-radius: 30px;color:gray;text-align:center;">
Diary Yaya</div>
<div style="border:3px solid #FF97CB;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUZSFpwwwuS61Mf3Zl8EPQoPROonH3a6Jip9MBQWJcFuo7n_ZxWZMyxMlO6CociOHjMKpcrs5KtwrG4jcV8NTkFZeCBYFEz2-YKnU1TzxmAH5FuuMBN3QoMv7EC9BneiIB89W4sRFZhfnx/s1600/backgroundbody+%25281%2529.gif); width:200px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:100px; ">
<bloggerpreviousitems>
<a  href="<$BlogItemPermalinkURL$>">
<div style="background:url(http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic015demoji_13728211decoojp.gif); background-size:15px; background-repeat:no-repeat; padding-left:14px;">
<$BlogPreviousItemTitle$></div>
</a>
</BloggerPreviousItems></div>
<br>

<div class="pocetit">
Surprise Box</div>
<div class="arrien">
Click it!</div>
<br>

</style>
<div class="babo">
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('1').innerHTML" >1</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('2').innerHTML" >2</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('3').innerHTML" >3</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('4').innerHTML" >4</a> </div>
<div id="wnsb" style="width:210px;color:#ccc; padding:5px;border:3px solid #FFE4E1;border-top:none;font:11px delius; letter-spacing:1px;">
Click the number above!
</div>
<div id="1" style="display: none;">
<center>
Put your banner code here</center>
<br>
</div>
<div id="2" style="display: none;">
<center>
Put with your ask.fm code</center>
</div>
<div id="3" style="display: none;">
<img src="http://media.tumblr.com/tumblr_m4i8d1Kpz21qdlkyg.gif"/>: ____@gmail.com <br>
<img src="http://media.tumblr.com/6769ec0364994d624fda3278d3ea0e73/tumblr_inline_mu8wy4lKdB1qid2nw.png"/>: Your FB
</div>
<div id="4" style="display: none;">
<div class='widget-content'>
<center>
<form action="/search" id="searchThis" method="get" style="display: inline;">
 <input id="searchBox" name="q" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="background: #FFE8ED; border: #FCCFD1 solid 1px; color: #BAB6B7; font-size: 12px; width: 150px;" type="text" value="Search" vinput="" /> <input id="searchButton" style="background: #FFD6D6; border: #FFFFFF solid 1px; color: #FFFFFF; font-size: 12px; padding-top: 3px;" type="submit" value="Go" /></form>
</center>
</div>
</div>
<br><br>

<div class="pocetit">
Credit</div>
<div class="arrien">
Very helpful!</div>
<br>
<center>
<img src="http://33.media.tumblr.com/84618b79e4452049f8c6da1529c8e22c/tumblr_mfez405EIg1r7jzmso3_250.gif" width="150" style="-moz-border-radius: 30%; -webkit-border-radius: 50%; border-radius: 50%; " />
</center>
</div>
<center>
© 2015 - Full Template by <a href="http://boboiboy-bloggie.blogspot.com/">Zahra</a>. Edit by <a href="http://YOURURLBLOG.blogspot.com/">Your Name</a>. Thanks to all!<br>

</div>
</td>

</div>
<td id="main" valign="top" style="width:535px; padding-left:13px; border-left:1px solid #f8e7f1; padding-right:13px; ">

<center>
<olderposts><a href=<$OlderPosts$>>PAST</a> </OlderPosts> <newerposts> • <a href=<$NewerPosts$>>FUTURE</a></NewerPosts></center>
<br><br>

</Blogger>
</td>

<blogger>
<div class="pocetit">
<$BlogItemTitle$></div>
<div class="arrien" style="float:center;text-align:left;">
<blogdateheader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div>
<$blogitembody$><br>
<br>

<center>
<olderposts><a href=<$OlderPosts$>>Older</a> </OlderPosts> <newerposts> • <a href=<$NewerPosts$>>Newer</a></NewerPosts></center>
<br><br>

</Blogger>
</div>
</td>

<div class="pocetit">
This is Me</div>
<div class="arrien">
Meet Me?</div>
<br>
<center>
<img src="http://www.gambaranimasibergerak.com/wp-content/uploads/2012/12/yaya2.gif" width="400"></center>
<br>
<b>Name :</b> Shafa Az-Zahra<br>
<b>Hobby :</b> Blogging, etc.<br>
<b>Age :</b> 12 y<br>
<b>Country :</b> Salatiga<br>
<b>Born at :</b> Bandung<br>
<b>Fav. Food :</b> Fried Rice made by Mum<br>
<b>Fav. Drink :</b> Ice Chocolate<br>

<blockquote>
Put with your own profile!</blockquote>
</center>
</td>

<div class="pocetit">
Linkies</div>
<div class="arrien">
Exchange link time!</div>
<br>
<center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYctfB_r23x3oNt3ES3L1b_oL8bezLsmRkggb-dqbHWAIq98wSS2B_8JrKDdUqlYBMjUKqqOTOnRylzCFn2GLiSZWrGKB04IkdyeFILW4I9xBhzy9Aig5HOHMfkXzeIjL5sYqMtVeH-oA/s1600/24+Gambar+Boboiboy+Bergerak+Gif+Terbaru46.gif" width="400"></center>
<br>

<center>
<input type="text" size="11" value="Your Name" style="width:180px;font:14px Delius;color:#666;border:1px  solid #FF62B0;margin-right:6px;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()">
<input type="text" size="11" value="http://your url.blogspot.com" style="width:180px;font:14px Delius;color:#666;border:1px solid #FF62B0;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()"></center>
<br><br>
<center>
<a class="navi" href="http://boboiboy-bloggie.blogspot.com/">Zahra</a>
<a class="navi" href="http://url.blogspot.com/">Next?</a>
<a class="navi" href="http://url.blogspot.com/">Next?</a>
<a class="navi"  href="http://url.blogspot.com/">Next?</a>
<a class="navi"  href="http://url.blogspot.com/">Next?</a></center>
</td>

<div class="pocetit">
Tutobies</div>
<div class="arrien">
Fell free to use it!</div>
<br>

.eunji {
cursor:pointer;
display:inline-block;
text-align:left;
width:350px;
color:#888;
padding:1px;
background:url(http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic011demoji_15430247decoojp.gif);
color:#888;
background-repeat:no-repeat;
background-size:14px;
padding-left:15px;
line-height:18px;
}

.eunji:hover{
background:url(http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic014demoji_10943454decoojp.gif);
background-repeat:no-repeat;
background-size:14px;
padding-left:15px;
line-height:18px;
color:#EAABFE
}

.babo{background:url(http://www.zingerbug.com/Backgrounds/background_images/light_pink_vertical_stripes.jpg);padding:5px;border:3px solid #FFE4E1;text-align:center;width:210px;color:#555}

a.tablo{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background:#FF73B9;
width:20px;
text-decoration:none;
border:3px solid #fff;
color:#fff;
box-shadow:1px 1px 3px #eee;
border-radius:33px;
display:inline-block;
text-align:center;
font:16px calibri;
}

a.tablo:hover{background:#F7E8DE;color:#fff;}

</style>
<div class="lulu">
Tutorials</div>
<a class="eunji" href="LINK">Tutorial</a>
<a class="eunji" href="LINK">Tutorial</a>
<a class="eunji" href="LINK">Tutorial</a>
<a class="eunji" href="LINK">Tutorial</a>
<a class="eunji" href="LINK">Tutorial</a>
<a class="eunji" href="LINK">Tutorial</a></center>
<div class="lulu">
Freebies</div>
<a class="eunji" href="LINK">Freebies</a>
<a class="eunji" href="LINK">Freebies</a>
<a class="eunji" href="LINK">Freebies</a>
<a class="eunji" href="LINK">Freebies</a>
<a class="eunji" href="LINK">Freebies</a>
<a class="eunji" href="LINK">Freebies</a></center>
</div>
<style>

a.thingi {
background:url(http://media.tumblr.com/918a0e4c19b25c044e156b5b82079837/tumblr_inline_mg0ncyz50L1qdlkyg.gif);
background-repeat:no-repeat;
background-size:13px;
padding-left:25px;
color:#666;
display:inline-block;
font:14px Diamond Girl;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
width:305px;
line-height:18px;
}

a.thingi:hover{
background:url(http://media.tumblr.com/e65b52f5ccc91f5cc05290f648447622/tumblr_inline_mg0ncuWUv21qdlkyg.gif);
background-repeat:no-repeat;
background-size:13px;
color: #938B54;
}

</style>

</div>
</td>