Yaya Skins (gift pemenang segment BoBoiBoy)


Hari ini untuk Tasya dulu.

Ini kodenya.
Ini screen shot-nya :


<br><html>
</script>
<script type="text/javascript">$('body').hide();$('body').fadeIn(10000);</script>
<head>
<link href='http://fonts.googleapis.com/css?family=Delius' rel='stylesheet' type='text/css'/>
<Br><br><br>
<base target='_blank'/>
<title>Yaya Loves 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: Delius;
font-size: 12px;
text-align: left;
cursor:url(http://3.bp.blogspot.com/-rM-HhoRCOws/ThbqgZgI8DI/AAAAAAAABY4/eSznshifRv0/s1600/treez.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:#FFDFF8;
color:#666666;
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 #FFDFF8;
font-family:Delius;
font-size: 8px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
}
blockquote {
background:url(http://2.bp.blogspot.com/-HIuGEJILXaM/TjvB-kJ2-pI/AAAAAAAABYA/CJcDv_V3mp8/s1600/backgroundbody%25283%2529.png);
border: 1.5px solid #FFC8F2;
font: 12px delius;
color:#cccccc;
border-radius: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
margin:1em 20px;
-webkit-transition: 0.5s;
}
blockquote:hover {
border: 1.5px solid #FFDFF8;
-webkit-transition: 0.5s;
}
.header {
background:#FFDFF8;
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:#FFDFF8;
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: #FFDFF8;
-moz-border-radius: 10px;
border-radius: 10px;
border: 2px 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 #FFDFEF;
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://1.bp.blogspot.com/-bOjGVmlmRtI/T96vCNlebVI/AAAAAAAACYU/puDuIIft3KI/s1600/pinkk.png);
border-bottom:5px solid #FFC8F2;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #ccc;
text-align:center;
padding:10px;}
a.jieun{
background:#FFC8F2;
text-decoration:none;
color:#666666;
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:#FFDFF8;
color:#cccccc;
</style>
<center>
<div style="background:#FFEEFB;width:900px;border-radius: 0px 0px 0px 0px;padding:15px;margin-top:15px;">
<center>
<img class="b1a4" src="http://2.bp.blogspot.com/-tThg3YCIH2Q/VSOmbVtCnqI/AAAAAAAAByM/JyMXEcjfdnU/s1600/Lomba%2BRahma%2Bya.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" >AFFIES</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>
</head>
<table style="font-size: 11px; color:grey; letter-spacing:1px;line-height: 17px; background:#fff;" width="900" align="center" border="0" cellspacing="8">
<tbody><tr>
<td valign="top" style="line-height:15px; letter-font-size:10px; width:250px; padding:10px;">
<div class="title"><center>Meet the Owner</center></div><br>
<center><img src="https://kanashihtk26.files.wordpress.com/2015/02/buttonbadge_yaya.jpg"width="200">
<center>
<center><i>your name</i>. <u>your age</u>. Seoul.
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: #FFDFF8; border: 1px solid Pink;" type="text" value"Search" />
<input id="search-btn" style="background: #FFDFF8; border: 1px solid Pink;
 color: Pink; font-weight: bold;" type="submit" value="Go" /><br />
</div>
</form>
</center><br>
<div class="title">Chat with Yaya</div><br>
<center>
<!----REPLACE THIS IMAGE WITH YOUR ORIGINAL CBOX CODE----!>
<img src="http://img2.wikia.nocookie.net/__cb20120615124154/boboiboy/images/9/9a/Vlcsnap-2012-06-15-20h45m37s215.png"width="200">
</center><br>PUT WITH YOUR CBOX CODE HERE<br></br>
<div class="title">Note from yaya</div><br>
<div style="border:1px solid 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">Find Me in :</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: 'Delius';">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: 'Delius';" 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: 'Delius';" 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">behind the scene</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> . Owner is <a href="http://yoururlblog.blogspot.com">Your Name</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$> Gravity[s]</a></BlogItemCommentsEnabled></div><$blogitembody$>

</p>
<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(http://2.bp.blogspot.com/-iTrQyY381AM/T6yHyTCsl9I/AAAAAAAAGag/mOkGl8Y3ejc/s1600/sparkles.png); box-shadow:0  0 3px #ddd;">
      <$CommentPager$>
      <blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
 <$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
        <p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
</ItemPage>

</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>
<center><img src="http://vignette1.wikia.nocookie.net/boboiboy/images/b/b7/Vlcsnap-2012-07-07-22h31m51s255.png/revision/latest?cb=20120707143356"width="450"></center><center><iframe src="http://cutekawaiijurishi-widgets.webs.com/Cute%20Clocks/Pink%20Clock.htm" width="60" height="14" scrolling="no" frameborder="no" allowtransparency="true" border="0" framespacing="0"></iframe></center>

Hello,my name is blablabla .I'am ... years young.I am swagger lady and I am forever young!
I actually live in Jakarta, Indonesia. Do you love Yaya? I very very love
yaya 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>

<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(http://2.bp.blogspot.com/-iTrQyY381AM/T6yHyTCsl9I/AAAAAAAAGag/mOkGl8Y3ejc/s1600/sparkles.png); box-shadow:0  0 3px #ddd;">
      <$CommentPager$>
      <blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
 <$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
        <p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
</ItemPage>

</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>
<div id="stuff" style="display: none;">
<div class="title">It's time the tutobies section!</div><br>
<center><img src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-xap1/v/t1.0-9/s480x480/1486872_392246730909550_1450118769_n.png?oh=ab7a93329f1bc28288026e90c2f8cbee&oe=5531B4D3&__gda__=1430103194_f144dd5bea7d1b1676e8e6aa85f14ca6"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://www.boboiboy.com/content/img/team.png"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>

Suka?

2 komentar:

  1. Maaf ganggu
    Ini kamu cuma ubah gmbr , header sama background doang ya
    Haduh ini mah bukan template kamu tapi ini template org lain kamu cuma bascode . Harusnya full edit aja
    #bajak #Valleria

    BalasHapus
  2. Kak, aku mau tanya ya...
    Yang harus diedit yang mana saja ya?
    Soalnya waktu aku edit,terus preview,hasilnya error mulu.

    BalasHapus