D'JokoScript: Skins For Ratih

Hai teman! Ratih request skins yang sama seperti Tsaniya tapi warnanya pink. Read more buat Ratih, yang lain juga boleh read more tapi jangan ambil skinsnya Ratih ya!

<!-----------------------------------------------
Name : Ratih's Note
Theme : Life
Template by : http://adillikanaswa.blogspot.com/
Basecode by : http://meiza-maulida.blogspot.com
*Don't remove the credits or I'll kill you*
-----------------------------------------------!>
<br><html>

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

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dauspozi.com

/****************************
*   Clicksplosion Effect    *
* (c) 2012 mf2fm web-design *
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
var intensity=new Array();
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var stars=new Array();
var decay=new Array();
var timers=new Array();
var swide=800;
var shigh=600;
var sleft=sdown=0;
var count=0;

function addLoadEvent(funky) {
  var oldonload=window.onload;
  if (typeof(oldonload)!='function') window.onload=funky;
  else window.onload=function() {
    if (oldonload) oldonload();
    funky();
  }
}

addLoadEvent(clicksplode);

function createDiv(char, size) {
  var div, sty;
  div=document.createElement('div');
  sty=div.style;
  sty.font=size+'px monospace';
  sty.position='absolute';
  sty.backgroundColor='transparent';
  sty.visibility='hidden';
  sty.zIndex='101';
  div.appendChild(document.createTextNode(char));
  return (div);
}

function eksplode(e) {
  var x, y, i, M, Z, N;
  set_scroll();
  y=(e)?e.pageY:event.y+sdown;
  x=(e)?e.pageX:event.x+sleft;
  N=++count%bangs;
  M=Math.floor(Math.random()*3*colours.length);
  intensity[N]=5+Math.random()*4;
  for (i=N*sparks; i<(N+1)*sparks; i++) {
    Xpos[i]=x;
    Ypos[i]=y-5;
    dY[i]=(Math.random()-0.5)*intensity[N];
    dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
    decay[i]=16+Math.floor(Math.random()*16);
    Z=stars[i].style;
    if (M<colours.length) Z.color=colours[i%2?count%colours.length:M];
    else if (M<2*colours.length) Z.color=colours[count%colours.length];
    else Z.color=colours[i%colours.length];
    Z.fontSize='13px';
    Z.visibility='visible';
  }
  clearTimeout(timers[N]);
  bang(N);
}

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

img{
-webkit-user-select:none;-moz-user-select:none;
}

body {
background:url(http://i.imgur.com/GJsM0.gif);
background-attachment: fixed;
font-family: Delius;
font-size: 12px;
text-align: left;
cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0BQLwmpc5YLqwwz5kL9_RK5x-M5CXM5TBUW2H_HjEAzW3JaOnc4mx98uHGKpTv387Nu5PUxl1RSNvhDJvUXcsRkT5tH5mKnkYIWzXF1t0G40nVKLje0bx5FCsNLytmP6wWK_QX0Olnyo/s1600/Ratih_cursor.png),auto;
}

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

a:hover{
text-decoration: none;
color: #fea5c2;
-webkit-transition:0.5s;
cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-OsqlhqQ1D_pDQJ_PTT5LgVlP_L1iGXLly68bk2TBbnYb6Z_CcfhSshBpsEzUV3_JdFVHSBOQfzDHXvuUk-E0Dlu6hwkTLjySQCc2k5QP2D1lA0SV4gcEkN6djpGQ6KXj1-5Jhqwzl7g/s1600/RatihClick_cursor.png),auto;
}

.title {
background:#fff0f8;
border-bottom:8px double #fed7e6;
color:#fea5c2;
font-family:Delius;
text-align: center;
font-size:13px;
letter-spacing:2px;
text-transform:Capitalize Each Words;
padding:3px;
margin-bottom:0px;
}

.title1 {
margin-top:0px;
background:#fff;
border:1px solid #fed7e6;
font-family:Delius;
font-size: 10px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
}
::-moz-selection {background:#FFFFFF;color:#000000;text-shadow: 2px 2px 3px #fed7e6;}::selection {background:#FFFFFF;color:#000000;text-shadow: 2px 2px 3px #fed7e6;}
blockquote {
padding:5px;
background:url(http://i.imgur.com/5Dy51.png);
border:2px solid #fee6f2;
border-radius:10px;
}
blockquote:hover {
border:2px solid #fed7e6;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-box-shadow: 0 0 18px #fee6f2;
-webkit-box-shadow: 0 0 18px #fee6f2;
}
.header {
background:#fed7e6;
padding: 15px;
margin-bottom: -20px;
z-index: 100;
position: relative;
width: 900px;
}

.h1 {
padding-left:10px; color: #fea5c2; font:15px Delius; line-height: 8px; width: 600px;background:url(http://i.imgur.com/UbExa.gif); 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:#fff0f8;
font:8px Delius;
text-align:left;
Text-decoration:none;
color:#fea5c2;
text-transform:uppercase;
border:1px solid #fed7e6;
}
a.myung:hover{
-webkit-transition-duration: 0.5s; 
color: #ffffff;
background:#fee6f2;
border:1px dashed #ffffff;
}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}

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

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

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

a.link {
background: #fff5fb;
padding: 1px;
border: 3px dotted #fed7e6;
width: 100px;
display: inline-block;
color: #fea5c2;
-webkit-transition: 1s;
text-align: center;
text-transform: normal;
font-size: 9px;
line-height: 15px;
margin-bottom: 5px;
font: 16px Delius;
padding: 3px;
}

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

::-webkit-scrollbar {
width:8px;
height:8px;
}
::-webkit-scrollbar-track-piece  {
background-color: fed7e6;
border: 3px solid #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background: #fee6f2;
border: 1px solid #FFFFFF;
}

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

.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://static.tumblr.com/rltvkjt/Bb7lmr3na/gif20.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 #fed7e6;
margin:0em;
padding:5px;
color:#808080;
}

li { list-style-image:url(http://media.tumblr.com/tumblr_m2kfxbbJj11qdlkyg.gif);
}
li:hover {
list-style-image:
url(http://media.tumblr.com/tumblr_m2kfway0yh1qdlkyg.gif);
}

#s-m-t-tooltip {
max-width:250px;
background: #fed7e6;/* change the background color */
font-size: 9px;/* change the font size */
line-height: 13px;
font-family: Delius;/* change the font */
letter-spacing: 2px;
text-transform: none;/* can be lowercase, uppercase, none */
color: #ffffff;/* change the text color */
text-align: center;
padding: 3px 4px 3px 6px;
display: block;
z-index: 100;
border-radius: 5px;
position: absolute;
margin-top:-22px;
-webkit-box-shadow: 2px 2px 3px #fee6f2;
-moz-box-shadow: 2px 2px 3px #fee6f2;
box-shadow: 2px 2px 3px #fee6f2;
}
</style>
<style>
.hyosung{
width:100%;
background:url(http://i.imgur.com/UbExa.gif);
border-bottom:5px solid #fed7e6;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #fee6f2;
text-align:center;
padding:10px;}

a.jieun{
background:#ffebf5;
border:2px solid #fed7e6;
text-decoration:none;
color:#fea5c2;
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:#fee6f2;
color:#ffffff;
</style>
<center>
<div style="background:#;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/AVvXsEhmgyDe1TRYgRnGcf9dItbpVeQEgisOfnAewWAvMy2wBAD33ywUCl9RzzJPV_JAKUDv-7r611zt1FBvs4XNm6v8GK6nYQPuXzD8SHoSj8Ng3NgYP64pmbPKdswwLTOn_-yjWWbPhTGE5QM/s1600/afrianty.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" >ENTRY</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>
<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/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\0755605803147909773760\46blogName\75Pinky+Code\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75BLUE\46layoutType\75CLASSIC\46searchRoot\75//ranpinkcode.blogspot.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://ranpinkcode.blogspot.com/\46vt\0752861300939067939955',
                where: document.getElementById("navbar-iframe-container"),
                id: "navbar-iframe"
            });
          }
        });
      </script>

<div class="title">
The Sweet Owner</div>
<div class="title1">
Hi this is Ratih!</div>
<br>
<center>
<center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxiUEJk1lvRXxUwF02PHysOBdpCc0-7Oqrfy1gVskhAWavlbdXn4fd5YgJjYa2QYsJMj2wv6YvhKG0s6La-4t3MfFKE0Oj8IUcy9SP5twKjjiNAWP946sgfvZ7rq5sLLml5i1GP_WU6a8Y/s320/girlies1.png"width="100"></center>
<center>
Hi my name is <b>Ratih Kusuma Dewi</b>. Iam ... years old. Thank you!<br><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: #fff5fb; border: 2px solid #fed7e6;" type="text" value"Search" />
<input id="search-btn" style="background: #fff5fb; border: 2px solid #fed7e6;
 color: #fea5c2; font-weight: bold;" type="submit" value="Go" title="search something!"/><br />
<blockquote>
Welcome</blockquote>
</div>
</form>
</center>
<br>
<div class="title">
 Tagboard</div>
<div class="title1">
Chat with me!</div>
<br>
PUT YOUR CBOX CODE HERE
<br></br>
<div class="title">
 Archive</div>
<div class="title1">
My post</div>
<br>
<div style="text-align:left;height:100px; overflow-x:hidden;overflow-y:scroll;">
<bloggerpreviousitems>
<li><a  href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></li>
</a></BloggerPreviousItems></div>
</br>
<div class="title">
 Credits</div>
<div class="title1">
Make skins</div>
</center>
<!------------Dont remove the credit or i kill u-------------!>
© 2013 - Full Template by <a href="http://adillikanaswa.blogspot.com/" title="Resti Diary">Resti</a></a> the basecode from<a href="http://meiza-maulida.blogspot.com/" title="My Tutobies Blog"> Meiza</a> 
</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$> Possible[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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4eztIebeKpeMbalAak2_HuMlHIlAbI0143yZX-VPnQbHRxIPeEG5egBEIWUp7PC2yPH6-BYQ21sMww03LJEcBmRGNcFMpO7-OC87zDooyMbqL6BQLGShF4_N8ah-oN9o8Qq8G_AcHl18/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>

<center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxiUEJk1lvRXxUwF02PHysOBdpCc0-7Oqrfy1gVskhAWavlbdXn4fd5YgJjYa2QYsJMj2wv6YvhKG0s6La-4t3MfFKE0Oj8IUcy9SP5twKjjiNAWP946sgfvZ7rq5sLLml5i1GP_WU6a8Y/s320/girlies1.png"width="150"></center>
<div style="text-align: justify;">
<br />
 <b>Full Name</b> : Ratih Kusuma Dewi</div>
<div style="text-align: justify;">
 <b>Nickname</b> : Ratih</div>
<div style="text-align: justify;">
<b>Japanees Name</b> : ??</div>
<div style="text-align: justify;">
 <b>Born </b>: ??</div>
<div style="text-align: justify;">
 <b>Age </b>: ??</div>
<div style="text-align: justify;">
 <b>Address</b> : ??</div>
<div style="text-align: justify;">
 <b>City </b>: ??</div>
<div style="text-align: justify;">
 <b>Country </b>: Indonesia</div>
<div style="text-align: justify;">
 <b>Gender </b>: Female</div>
<div style="text-align: justify;">
 <b>Hobby's </b>: ??</div>
<div style="text-align: justify;">
 <b>Idol </b>: ??</div>
<div style="text-align: justify;">
 <b>Singer </b>: ??</div>
<div style="text-align: justify;">
 <b>Fav Colour </b>: ??</div>
<div style="text-align: justify;">
<br />

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

</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">
You can read this..</div>
<br>
<center>
<img src="http://25.media.tumblr.com/b611f5a17301f50451ef8802148da1ae/tumblr_msx3mlYYaK1sb87h1o1_500.gif"width="450"></center>
<br>
<div class="h1">
My Fav Entry ;</div>
<br>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<br>
<br>
<div class="h1">
My Story ;</div>
<br>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<br>
<br>
<div class="h1">
My Facts ;</div>
<br>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<br>
<br>
<br>
</div>
<div id="links" style="display: none;">
<div class="title">
Let's Exchange!</div>
<br>
<center>
<img src="http://data2.whicdn.com/images/91750691/large.gif"width="450"></center>
<br><br>

<div style="margin-center: 30px;">
<a class="link" href="http://adillikanaswa.blogspot.com/" title="Resti blog">Resti</a> <a class="link" href="http://.blogspot.com/">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>
<script type="text/javascript">var ACurl = "http://heyya-copycats.blogspot.com/"; //url redirect</script><script type="text/javascript" src="http://belajarislamituindah.googlecode.com/files/RV-BI3-Protect2.js"></script>
<script type="text/javascript" src="https://www.blogger.com/static/v1/common/js/168336579-csitail.js"></script>
<script type="text/javascript">BLOG_initCsi('classic_blogspot');</script></body>

Gimana skinsnya Ratih? Bagus nggak? Maaf kalau Ratih rasa jelek ya, ini memang mirip dengan skins milik Tsaniya cuma warnanya pink aja.