CODE BLOGSKINS 1

The Codes

<br><html>
</script>
<script type="text/javascript">$('body').hide();$('body').fadeIn(10000);</script>

<head>
<link href='http://fonts.googleapis.com/css?family=Short Stack' rel='stylesheet' type='text/css'/>
<Br><br><br>
<base target='_blank'/>
<title>Sweet Girl Bloggie</title>
<link rel="shortcut icon" href="http://media.tumblr.com/531946e16c254d0f3f0982efadd14884/tumblr_inline_mkhtbi7qce1qz4rgp.png"/>
<style type="text/css">
#navbar-iframe {
display: none;
}

.b1a4 {
margin-left: 0px;
margin-bottom: -29px;
}

body {
background:url(http://i.imgur.com/mKh81cc.gif);
background-attachment: fixed;
font-family: Short Stack;
font-size: 12px;
text-align: left;
cursor:url(http://cur.cursors-4u.net/others/images9/oth800.png),auto;
}

a:link, a:visited {
color: #ffb7c3;
text-decoration: none;
-webkit-transition:0.5s;
}

a:hover{
text-decoration: none;
color: #ccc;
-webkit-transition:0.5s;
cursor:url(http://i.imgur.com/wNAdm.png),auto;
}

.title {
background:#fff0f3;
color:#ccc;
font-family:Delius;
font-size:13px;
letter-spacing:3px;
text-transform:lowercase;
padding:3px;
margin-bottom:0px;
}

.title1 {
margin-top:0px;
background:#fff;
border:1px solid #ffe8ed;
font-family:Delius;
font-size: 8px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
}

blockquote{
padding:5px;
background:url(http://25.media.tumblr.com/1705244db27982795cd45d7d20efcb4a/tumblr_mt67noIbPl1ru3nbdo2_100.png);
border:1px solid #ffc1d0;
}
blockquote:hover {
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-box-shadow: 0 0 18px #ffc9d7;
-webkit-box-shadow: 0 0 18px #ffc9d7;
}
.header {
background:#fff0f3;
padding: 15px;
margin-bottom: -20px;
z-index: 100;
position: relative;
width: 900px;
}

.h1 {
padding-left:10px; color: #000; font:15px Delius; line-height: 8px; width: 600px;background:url(http://i.imgur.com/bbipa.png); text-align: center; letter-spacing:1px;
}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
a.myung{
display:inline-block;
width: 285px;
padding:3px;
margin:5px;
background:#fff0f3;
font:8px Delius;
text-align:left;
Text-decoration:none;
color:#b0b0b0;
text-transform:uppercase;
border:0px solid #b1b1b1;
}
a.myung:hover{
-webkit-transition-duration: 0.5s; color: #000;}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}

i , s, strike {
color: #fea6c7;
}

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

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

a.link {
background: #fff;
padding: 1px;
border: 2px solid #ffd2dd;
width: 100px;
display: inline-block;
color: #ccc;
-webkit-transition: 1s;
text-align: center;
text-transform: uppercase;
font-size: 9px;
line-height: 15px;
margin-bottom: 5px;
font: 12px Delius;
padding: 3px;
}

a.link:hover {
box-shadow: inset 130px 0 0px 0 #ffdfe9;
-webkit-transition: 1s;
color: #fff;
}

::-webkit-scrollbar {
height: 12px;
width: 7px;
background: #fff;
}
::-webkit-scrollbar-thumb {
background-color: #ff99cc;
-moz-border-radius: 10px;
border-radius: 10px;
border: 3px solid #fff;
}

::selection {
background: #ffecf2;
color: #fff;
}

u {
text-decoration: none;
border-bottom: 2px solid #ffe3ec;
}

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

.deleted-comment {
font-style:italic;
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_lkqycraarE1qi6qow.png") 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 #ffdde2;
margin:0em;
padding:5px;
color:#808080;
}

.player{
position:fixed;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
bottom:10px;
overflow:hidden;
right:10px;
background:#fff;
width:10px;
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;}

.player:hover{
width:50px;
}

li { list-style-image:url(http://media.tumblr.com/a5dc81c722a714258d31b13b815c6fc2/tumblr_inline_mkhtsfr2P71qz4rgp.png);}
</style>
<div class="player">
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://media.irondj.net/mix/file/19692/A_Pink_My_My_Piano.mp3&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>

</style>
<style>
.hyosung{
width:100%;
background:url(http://i.imgur.com/bbipa.png);
border-bottom:5px solid #FFEEEE;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #ccc;
text-align:center;
padding:10px;}

a.jieun{
background:#FFEEEE;
text-decoration:none;
color:#FFBBBB;
padding:5px;
font:13px Delius;
margin-left:5px;
margin-right:5px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:60px;}

a.jieun:hover{background:#FFBBBB;
color:#fff;
</style>
<center>
<div style="background:#fff0f3;width:900px;border-radius: 0px 0px 0px 0px;padding:15px;margin-top:15px;">
<center>
<img class="b1a4" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtepzSupyjGnMrHdz_puz2h37Gno47WZ0Hu0SXPYVctXiybiVj70u1MnEWfLGAv6kiai_o57s0ezFjEagmr-x7Wraa4VGk-c0JRusdt6Y_zVeEFwzBra0zLXo_WirQP3OgZhd6zJhuNf8I/s1600/Sweet.png" />
<center><br>
<div style="background: #FFFFFF;"/>
<br>
<div class="hyosung">
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('journal').innerHTML" >HOME</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" >ABOUT</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('stuff').innerHTML" >STUFFS</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('links').innerHTML" >LINKIES</a>
<a class="jieun" href="<$NewerPosts$>">NEWER</a>
<a class="jieun" href="<$OlderPosts$>">OLDER</a>
<a class="jieun" href="http://www.blogger.com/follow-blog.g?blogID=Your Blog ID<$BlogID$>">FOLLOW</a></div></div>
<link rel="me" href="https://www.blogger.com/profile/03722721676853688775" />
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>
<style type="text/css">@import url(https://www.blogger.com/static/v1/v-css/navbar/3334278262-classic.css);
div.b-mobile {display:none;}
</style>

</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\x3d886208562405534964\x26blogName\x3dKode\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://kodeblogskinskuya.blogspot.com/search\x26blogLocale\x3din\x26v\x3d2\x26homepageUrl\x3dhttp://kodeblogskinskuya.blogspot.com/\x26vt\x3d-5406649358817551887',
              where: document.getElementById("navbar-iframe-container"),
              id: "navbar-iframe",
              messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER,
              messageHandlers: {
                'blogger-ping': function() {}
              }
          });
        }
      });
    </script>

<div class="title">Bonjour'!</div><br>

<center>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV-8qaQEdtBZwGfSjcK4sPWVdfsjtWvBXgsBJYLZU0QvqJ_dY13Xskk-NS9Hi078j47UITuKWqnRs81gBEMVccBtanYsuBpttqCXBvPI7T5nfsiigVT87ImedmMpzyh3NnfCiS7O92QB1a/s1600/11.png"width 15px</center><br>
I'm Swagger and forever young.
Are you is swagger too? If you gonna
search something, in below box!<br><form action="/search" id="searchthis"
 method="get" style="display: inline;">
<div style="text-align: center;">
<input id="search-box" name="q" size="20" 
style="background: #fff0f3; border: 1px solid Pink;" type="text" value"Search" />
<input id="search-btn" style="background: #fff0f3; border: 1px solid Pink;
 color: Pink; font-weight: bold;" type="submit" value="Go" /><br />
</div>
</form>
</center><br>

<div class="title">Tagboard</div><br>

<div class="title">Blog Archive</div><br>
<div style="border:1px dashed Pink;background:url(http://i.imgur.com/y1CAtRV.png); width:190px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:75px; ">
<bloggerpreviousitems>
<bloggerpreviousitems>
<a  href="<$BlogItemPermalinkURL$>">
<div class="me"><$BlogPreviousItemTitle$></div>
</a>
</BloggerPreviousItems>
</div><br>

<div class="title">Contact Me</div><br>
<img src="http://media.tumblr.com/88c93ec84c61e48f6307b0b8ac04044b/tumblr_inline_mg1aehY8lg1qdlkyg.gif" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : <a href="URL Your Facebook" style="font-family: 'Short Stack';">Your Facebook's name</a><br>
<img src="http://media.tumblr.com/tumblr_mdpf51Ryrn1qdlkyg.gif" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : <a href="URL Your Twitter" style="font-family: 'Short Stack';" width="20">Your Twitter's name</a><br>
<img src="http://media.tumblr.com/0996ab12f44219dbee0e32a80dc7a84e/tumblr_inline_mg1aeoxr2j1qdlkyg.gif" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> :<a href="URL Your Instagram" style="font-family: 'Short Stack';" width="20">Your Instagram's name</a><br> 
<img src="http://media.tumblr.com/tumblr_m4i8d1Kpz21qdlkyg.gif" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : Your Email<br>
</div>
<br>

<div class="title"> Credits</div><br>
</center>
<!------------Dont remove the credit or i kill u-------------!>
© 2013 - Full Template by <a href="http://boboiboy-bloggie.blogspot.com">Zahra</a> and the basecode from <a href="http://arrienlove.blogspot.com/">Arrien</a> <a href="http://www.blogskins.com/me/arrien">Amani</a> . Cute icon from Pixel.
</div></div></td>
<!------------Dont remove the credit or i kill u-------------!>

<td valign="top" style="width:600px; padding:10px; ">
<div id="entry">
<Blogger>
<div class="title"><$BlogItemTitle$></div><div class="title1" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Diamond[s]</a></BlogItemCommentsEnabled></div><$blogitembody$>

</p>

</Blogger><br>
<center><a style="float:left;" href=<$NewerPosts$>><div class="newer"><span>←</span> Newer Post</div></a>
<a style="float:right;" href=<$OlderPosts$>><div class="older" >Older Post <span>→</span></div></a>
</center></div>
</td></tr></tbody>

<div id="about" style="display: none;">
<div class="title">Lady Behind The Screen</div><br>

Hello,my name is ....... I'am ... years young.I am swagger lady and I am forever young!
I actually live in ..., Indonesia. Do you love pink? I very very love
pink cheer for this template!<br>
<blockquote>Put With your own profile</blockquote>
</div>
</div>
</table>

<div id="journal" style="display: none;">
<Blogger>
<div class="title"><$BlogItemTitle$></div><div class="title1" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Diamond[s]</a></BlogItemCommentsEnabled></div><$blogitembody$>
</br>

<div id="stuff" style="display: none;">
<div class="title">It's time the tutobies section!</div><br>
<center><img src="http://2lcar.com/wp-content/uploads/2014/12/Animasi-Kartun-Korea-Cewek-Lucu-Lovely-Girl.gif"width="450"></center><br>
<div class="h1">TUTORIAL ;</div><br>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<br>
<br>
<div class="h1">FREEBIES ;</div><br>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<br>
<br>
</div>

<div id="links" style="display: none;">
<div class="title">Exchange Links Section</div><br>
<center><img src="http://pend.blogdetik.com/files/2011/04/frien.jpg"width="450"></center><br><br>

<div style="margin-center: 30px;">
<a class="link" href="http://boboiboy-bloggie.blogspot.com/">Zahra</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a>
</div>

</div>