Minggu, 17 Februari 2013

my 3rd skin

<html>

<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>

<div style="position: fixed; top: 5px; right: 85px;"><a href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" title="Follow !""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNDp7QUDntbN7SFYMc_B06WOInX5__P-cWf2gMqhddFxZ-D3FfFUHKEgcVkwTCl8WpCr7xAg69JgRKuJMWJj8n9wt2d1xBhheFo8dHRFKIcpIP8JVeshy7pN98SVLUt2ajO19WUFobP_M/s1600/fpink.png" border="0" /></a><div style="position: fixed; top: 5px; right: 2px;"><a  href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !";"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaUc0NTAoUk3onwh3alk1F3bn3HBRBoF9il_DYmJskXpGAYUza-NYOQO7X_Nd5qO_jKPDor83R9RtR37ZazKwphI1x_t3Gbk-WV0-Gru2byBxEljzY8sbrPsoQswP-aW-wh27y7oMmlpc/s1600/dpink.png" border="0" /></a></div></div>

<head>
<center><img class="header" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisVy-14bntE8xMeVS2P9YzS3ATwYJpnBzlwZ_slV0GA57lSSkL7goWCrwE84YzI8frhZ_Kxsv2oEB7ex6KC6XxnTky1bCVPPwaaVmcKLnYUYM2rGDUssNXpP91OLEt0nMGEzGAiR2hPxhy/s1600/6.png" /></center>
<title>//My sweety</title>
<link rel="shortcut icon" href="http://applepine.chu.jp/illust/neko/mitemite.gif">
<style type="text/css">
#navbar-iframe {
display: none;
}
.header {
margin-left: 6px;
margin-bottom: -33px;
-webkit-transition:2s
}
body {
color: #2E2E2E;
background: url(http://applepine.chu.jp/back/pattern/s1.gif) fixed;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5dZiTn5ZoC4OYGFPv9UxUID1mPHasTX4Ij-s4XTJaKkmqdjwos2iD59KRjDZ55DI19rGUs8dAfNmFX05F35XTg7C-DSXvhNMUgKw9sJ5HfjUfV83ZLi8MaQ6N_slOJFFhGeI2KKJeclA/s1600/atinmoustach.png), auto;
font-family: short stack;
letter-spacing: 1px;
line-height: 15px
font-size: 11px;
}

a:link, a:visited {
color:pink;
font-family: Short Stack;
font-size: 11px;
text-decoration:none;
-webkit-transition:1s
cursor: url(http://www.drikoti.net/Goodies/Cursor/News/Gifs/08.gif), progress;
}

a:hover{
cursor: url(http://www.drikoti.net/Goodies/Cursor/News/Gifs/08.gif), progress;
color: #85D3FF;
text-decoration: none;
}
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece  {
background-color: #8ABEEE;
border: 3px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #fe93be;
border: 1px solid #fff;
}

a.navigate {
border:2px solid pink;
border-radius:6px;
background:#F9FDFF;
color: #A2A1A3;
-webkit-transition: 1s;
padding:2px;
}
a.navigate:hover {
background:#F9FDFF;
color: pink;
text-decoration: none;
-webkit-transition: 0.5s;
}

.tit {
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color:#2E2E2E;
letter-spacing:2px;
padding-left: 7px;
padding-right: 7px;
padding-top: 4px;
padding-bottom: 4px;
font-weight: bold;
font: 20px 'Annie Use Your Telescope';
line-height:18px;
text-align: center;
border-left: 6px double #FFC2D5;
border-right: 6px double #FFC2D5;
border-top: 1px solid #99CAF7;
border-bottom: 1px solid #99CAF7;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihDAvXmoSvvUIeSSTHXYxbrGFOQ7h-fTU0by7Gx8ladGOssRKjvDl8PbGyp_iFw7Lr51Od9Qo8xHQfC4v55GCit8_SvpCahU_aRhr86O84u5YCaqYBlQDdsco6NP16lh7R5LHXBooL0b4s/s1600/line.png);
}
.tit:hover {
border-left: 3px double #FFC2D5;
border-right: 3px double #FFC2D5;
-webkit-transition: 0.5s;
}
.sidefooter {
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color:#5A5A5A;
letter-spacing:2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
font-family: verdana;
line-height: 15px
font-size: 11px;
line-height:17px;
border-radius: 5px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihDAvXmoSvvUIeSSTHXYxbrGFOQ7h-fTU0by7Gx8ladGOssRKjvDl8PbGyp_iFw7Lr51Od9Qo8xHQfC4v55GCit8_SvpCahU_aRhr86O84u5YCaqYBlQDdsco6NP16lh7R5LHXBooL0b4s/s1600/line.png);
}

img {
-webkit-transition: 0.5s;
border-radius: 10px;
}
img:hover {
-webkit-transition-duration: 0.5s;
border-radius: 3px;
}
::selection {
background-color: #FFCCDD;
color: #2E2E2E;
}
::-moz-selection {
background-color: #FFCCDD;
color: #2E2E2E;
}

.footer {
margin-top: 5px;
margin-bottom: 15px;
border-top: 1px #eee solid;
text-align: right;
}

blockquote {
background:url(http://applepine.chu.jp/back/pattern/tens4.gif);
border: 1px dashed #FFC2D5;
color:#2E2E2E;
border-radius: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
margin:1em 40px;
-webkit-transition: 0.5s;
}
blockquote:hover {
border: 1px dashed #8ABEEE;
-webkit-transition: 0.5s;
}
i {
text-decoration:none;
color: grey;
border-left: 0px solid #eee;
}
b {
color: #f8b0cf;
font-weight: bold;
}
strike {
text-decoration: none;
color:#99CAF7;
-webkit-transition: .5s;
}
u {
text-decoration:none;
color:pink;
padding: 3px;
line-height: 10px;
border-bottom: 1px solid #f8b0cf;
-webkit-transition: 0.5s;
}
u:hover {
border-bottom: 6px solid transparent;
-webkit-transition: 0.5s;
}
b {
color: #f8b0cf;
font-weight: bold;
}
b:hover {
color:transparent;
-webkit-transition: 0.5s;
}
li {
list-style-type : none;
background-image : url(http://applepine.chu.jp/icon/sen/sakura3.gif);
background-position : left;
background-repeat : no-repeat;
padding-left : 2.0em;
}
li:hover {
list-style-type : none;
background-image : url(http://applepine.chu.jp/icon/sen/sakura9.gif);
background-position : left;
background-repeat : no-repeat;
padding-left : 2.0em;
}
a.link {
background:url(http://www.pastelpatterns.com/small/smallpattern-18.png);
padding: 1px;
border-right: 5px solid #eee;
border-left: 5px solid #eee;
border-top: 2px solid #eee;
border-bottom: 2px solid #eee;
width: 100px;
height: 20px;
display: inline-block;
color: #ccc;
-webkit-transition: 0.5s;
text-align: center;
text-transform: uppercase;
font-size: 13px;
line-height: 20px;
margin-bottom: 2px;
}
a.link:hover {
-webkit-transition: 0.5s;
color: pink;
}
#here{
background:#f0eeeb;
color:#000;
width:250px;
height:147px;
margin-top:-166px;
padding-left:0.5px;
padding-right:0.5px;
padding-bottom:0.5px;
padding-top:5px;
opacity:.1;
-webkit-transition:all .5s ease-in-out;
}
#here:hover {
opacity:.7
}

</style>

</head>

<body oncontextmenu='return false;'>

<br>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type='text/javascript' language='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 (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 500]},
controlHTML: '<img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" src="http://i.imgur.com/elERm.png"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center 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:'top?'})
.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>


<table style="font-size: 11px; border-top: 0px solid #FFC2D5; border-bottom:1px solid #FFC2D5;border-left:1px solid #FFC2D5;border-right:1px solid #FFC2D5;color:#2E2E2E; line-height: 17px; background:white; border-radius:10px;" width="894" align="center" border="0" cellspacing="8">
<tbody><tr>
<td valign="top" style="line-height:16px; letter-font-size:11px; width:120px; padding-right:0px;">

<div class="tit">Owner</div>
<center><u><b>Touch the image!</b></u><br></br></center>
<center><img src="http://i1184.photobucket.com/albums/z336/richell03/KIM%20SHIN%20YEONG/tumblr_lprfup1KQ11qmqxoho1_400.png" width="250" /></center><br>
<div id="here"><br>
<center>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('entri').innerHTML" title="">Entries</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="">About</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('stuff').innerHTML" title="">Stuff</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" title="">Link</a><br></br>
Hello <b><script type="text/javascript" src="http://fastonlineusers.com/on3.php?d=www.blogger.com"></script> sweeties</b>. Thanks for visit my blog. My name is _____, I'm __ years old. I love kpop so much! <b>-CHANGE THIS WITH YOUR-</b><br></br>
</center>
</div>
</div></div></div></div>
</br>

<div class="tit">Talk Talk!</div>
<center><img src="http://applepine.chu.jp/line/sen/kumohoshi200.gif" /><br>
<img src="http://applepine.chu.jp/icon/sen/sakura5.gif" />Put your link, not email.<br>
<img src="http://applepine.chu.jp/icon/sen/sakura5.gif" />No harsh word.<br>
<img src="http://applepine.chu.jp/icon/sen/sakura5.gif" />If you want to exchange link, tell me on chatbox.<br>
<img src="http://applepine.chu.jp/icon/sen/sakura5.gif" />and be nice :)<br>
<blockquote>CBOX CODE HERE. MAX WIDTH=260px</blockquote></center>

<br>

<div class="tit">My Friends</div>
<img src="http://i1067.photobucket.com/albums/u434/Karakarasette_/inyoung4-1.png" width="250" />
<center><blockquote>Put your followers widget</blockquote></center>

<br>

<!------------------DONT REMOVE THIS OR I'LL KILL YOU!!------------------!>
<div class="tit">Credits!</div>
Template by: <a href="http://dindanoviaputri.blogspot.com/">Dinda</a> <a href="http://blogskins.com/me/imdindah">Novia</a><br>
Icon by: <a href="http://applepine.chu.jp/">Applepine</a> <br>
Tutobies by: <a href="http://nurulatiqahjaidin.blogspot.com/">♥</a> <a href="http://fatinhalid.blogspot.com/">♥</a><br>
<!------------------DONT REMOVE THIS OR I'LL KILL YOU!!------------------!>

<div class="sidefooter"><center><OlderPosts><a href=<$OlderPosts$>>Older Post</a></OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div><br>

<td valign="top" style="width:630px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:7px; padding-left:12px;">
<div id="entry">
<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<br><$BlogItemBody$></br>
<div class="footer">Written by me @ <$BlogItemDateTime$> <b style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;">♥</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> sweetie(s)</a></BlogItemCommentsEnabled></div>
</blogger>
</div>
</td></tr></tbody>
</table>

<div id="about" style="display: none;">
<div class="tit">Me?</div><br>
<div class="separator" style="clear: both; text-align: center;">
<img src="http://i1184.photobucket.com/albums/z336/richell03/KIM%20SHIN%20YEONG/tumblr_lqrowaA0Hq1qkz46ko1_500.png" /><br>

Let me introduce myself :3</div><br><br>

<b>Name:</b> _______<br>
<b>Age:</b> _______<br>
<b>Location:</b> _______<br>
<b>Day of birth:</b> _______<br>
<b>Hobies:</b> _______<br>
<b>Motto:</b> _______<br><br>

<u>I like..</u><br>
<img src="http://applepine.chu.jp/icon/sen/clover6.gif" />Food<br>
<img src="http://applepine.chu.jp/icon/sen/clover6.gif" />Cat & Panda<br>
<img src="http://applepine.chu.jp/icon/sen/clover6.gif" />Pink & Blue<br>
<img src="http://applepine.chu.jp/icon/sen/clover6.gif" />Reading books<br>
<img src="http://applepine.chu.jp/icon/sen/clover6.gif" />Blogging<br>
<img src="http://applepine.chu.jp/icon/sen/clover6.gif" />Moustache<br>
<img src="http://applepine.chu.jp/icon/sen/clover6.gif" />etc.<br><br>

<u>I hate..</u><br>
<img src="http://applepine.chu.jp/icon/sen/clover8.gif" />Hackers<br>
<img src="http://applepine.chu.jp/icon/sen/clover8.gif" />Copycat<br>
<img src="http://applepine.chu.jp/icon/sen/clover8.gif" />Slow internet connecting<br>
<img src="http://applepine.chu.jp/icon/sen/clover8.gif" />Liar<br>
<img src="http://applepine.chu.jp/icon/sen/clover8.gif" />etc.<br><br>

<blockquote>Change this with your profile.</blockquote></div>

<div id="entri" style="display: none;">
<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<br><$BlogItemBody$></br>
<div class="footer">Written by me @ <$BlogItemDateTime$> <b style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;">♥</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> sweetie(s)</a></BlogItemCommentsEnabled></div>
</blogger></div>


<div id="stuff" style="display: none;">
<div class="tit">My tutobies</div><br>
<center><img src="http://i1323.photobucket.com/albums/u583/realjeanne/kim_shin_yeong_zps323753e4.jpg" /></center><br>
<u>Tutorial</u><br>
<img src="http://applepine.chu.jp/icon/sen/hart10.gif" /><a href="/">Tuto</a><br>
<img src="http://applepine.chu.jp/icon/sen/hart10.gif" /><a href="/">Tuto</a><br>
<img src="http://applepine.chu.jp/icon/sen/hart10.gif" /><a href="/">Tuto</a><br>
<img src="http://applepine.chu.jp/icon/sen/hart10.gif" /><a href="/">Tuto</a><br>
<img src="http://applepine.chu.jp/icon/sen/hart10.gif" /><a href="/">Tuto</a><br>
<img src="http://applepine.chu.jp/icon/sen/hart10.gif" /><a href="/">Tuto</a><br>
<img src="http://applepine.chu.jp/icon/sen/hart10.gif" /><a href="/">Tuto</a><br>
<img src="http://applepine.chu.jp/icon/sen/hart10.gif" /><a href="/">Tuto</a><br><br>

<u>Freebies</u><br>
<img src="http://applepine.chu.jp/icon/sen/tarugi.gif" /><a href="/">Freebies</a><br>
<img src="http://applepine.chu.jp/icon/sen/tarugi.gif" /><a href="/">Freebies</a><br>
<img src="http://applepine.chu.jp/icon/sen/tarugi.gif" /><a href="/">Freebies</a><br>
<img src="http://applepine.chu.jp/icon/sen/tarugi.gif" /><a href="/">Freebies</a><br>
<img src="http://applepine.chu.jp/icon/sen/tarugi.gif" /><a href="/">Freebies</a><br>
<img src="http://applepine.chu.jp/icon/sen/tarugi.gif" /><a href="/">Freebies</a><br>
<img src="http://applepine.chu.jp/icon/sen/tarugi.gif" /><a href="/">Freebies</a><br>
<img src="http://applepine.chu.jp/icon/sen/tarugi.gif" /><a href="/">Freebies</a><br>
<img src="http://applepine.chu.jp/icon/sen/tarugi.gif" /><a href="/">Freebies</a><br><br>
</div>

<div id="link" style="display: none;">
<div class="tit">Linkies?</div><br>
<center><img src="http://i416.photobucket.com/albums/pp249/DarkstarL/Ulzzangs/tumblr_ma4rb4U4Gn1rz4enpo1_500.png" /><br></br>
Name:<input type="text" size="11" value="YOUR NAME" style="width:180px;font:11px trebuchet ms;color:#faafbe;border:1px  dashed pink;margin-right:6px;background:url(http://www.pastelpatterns.com/small/smallpattern-16.png);padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()">
URL:<input type="text" size="11" value="YOUR URL" style="width:180px;font:11px trebuchet ms;color:#faafbe;border:1px dashed pink;background:url(http://www.pastelpatterns.com/small/smallpattern-16.png);padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()"><br></br>
<a class="link" href="/">Link</a> <a class="link" href="/">Link</a> <a class="link" href="/">Link</a> <a class="link" href="/">Link</a> <a class="link" href="/">Link</a> <a class="link" href="/">Link</a> <a class="link" href="/">Link</a> <a class="link" href="/">Link</a> <a class="link" href="/">Link</a> <a class="link" href="/">Link</a> <a class="link" href="/">Link</a> <a class="link" href="/">Link</a> <a class="link" href="/">Link</a> <a class="link" href="/">Link</a> <a class="link" href="/">Link</a>
</center>
</body>
</html>

Sabtu, 16 Februari 2013

2nd skin

<html>
<div style="display:scroll; position:fixed; top:5px; right:85px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOGID" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNDp7QUDntbN7SFYMc_B06WOInX5__P-cWf2gMqhddFxZ-D3FfFUHKEgcVkwTCl8WpCr7xAg69JgRKuJMWJj8n9wt2d1xBhheFo8dHRFKIcpIP8JVeshy7pN98SVLUt2ajO19WUFobP_M/s1600/fpink.png" /></a><br />
<div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaUc0NTAoUk3onwh3alk1F3bn3HBRBoF9il_DYmJskXpGAYUza-NYOQO7X_Nd5qO_jKPDor83R9RtR37ZazKwphI1x_t3Gbk-WV0-Gru2byBxEljzY8sbrPsoQswP-aW-wh27y7oMmlpc/s1600/dpink.png" /></a></div></div>
<head>
<base target='_blank'/>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>

<center><img class="header" src="http://i.imgur.com/mYx6l.png" /></center>
<title>//my sweet blog</title>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_mdpf6jr9YQ1qdlkyg.gif" />

<style type="text/css">
#navbar-iframe {
display: none;
}

::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece  {
background-color: #FFC1DD;
border: 3px solid #fff;
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #FFFFFF;
border: 1px solid #FFE1EF;
}

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

body {
color: #2E2E2E;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz44lOqgd4HrPY246zxr9b_WRvz1mjhVBoTWq6CDZy1ViqM0vdXqhl-r7jO_r69mZPJsMt1pARKIiOgy-szcR-Opl8kG3uF-IHeco3kohp2ixlNZrjnTU-5hHIBlJ-a0iBNJ_QIVUS6h74/h120/bihastripe2.png) fixed;
background-attachment:inherit;
cursor: url(http://free-themes.info/cursor/mustache/mustache.png), progress;
font-family:Short Stack;
letter-spacing: 1px;
line-height: 15px
font-size: 11px;
}

a:link, a:visited {
color:#FFB7DB;
font-family: Short Stack;
font-size: 11px;
text-decoration:none;
-webkit-transition:1s;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
}

a:hover{
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
color: #FF5DAB;
text-decoration: none;
padding-left:16px;
-webkit-transition:1.2s;
}

a.navigate {
border:2px solid #E1DFE0;
border-radius:3px;
background:#F9FDFF;
color: #A2A1A3;
-webkit-transition: 1s;
padding:2px;
}

a.navigate:hover {
background:#FFBED8;
color: #FFFFFF;
text-decoration: none;
-webkit-transition: 0.5s;
}

.tit {
font-weight: bold;
font: 12px 'Short Stack';
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKbiQ-VEexuyR0CChde4GSk87xfd_SvwZBSI8A798mDivnSSWFdqbE_J1Uqg5zfhS0eEkRrMQ_EcuV-pw2ySbaeTruTJN130NwqraOrQ6mthG5HVRSEMoW93hFQUESBOdBo1OgPrizkbnw/s1600/line.png);
color:#515151;
text-align:center;
border-bottom: 4px double #FC46C9;
}

.tit:hover {
color: #FF73BC;
border-top: 3px double #C3C3C3;
text-decoration: none;
-webkit-transition: 0.5s;
}

.sidefooter {
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color:#5A5A5A;
letter-spacing:2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
font-family: verdana;
line-height: 15px
font-size: 11px;
line-height:17px;
border-radius: 5px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKbiQ-VEexuyR0CChde4GSk87xfd_SvwZBSI8A798mDivnSSWFdqbE_J1Uqg5zfhS0eEkRrMQ_EcuV-pw2ySbaeTruTJN130NwqraOrQ6mthG5HVRSEMoW93hFQUESBOdBo1OgPrizkbnw/s1600/line.png);
}

::selection {
background-color: #FFD9EA;
color: #fff;
}
::-moz-selection {
background-color: #ECFAFF;
color: #666;
}

.footer {
margin-top: 2px;
margin-bottom: 15px;
background: #FFF4FA;
text-align: center;
}

blockquote{
padding-left: 18px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding-bottom : 7px;
font-family: "verdana"; font-size:10px;
border-left: 0px solid #000;
text-shadow:1px 1px 0px #fff;
color:#898888;
width:448px; margin-left:10px;
padding-right:6px; padding-top:7px;
border-bottom:1px dashed #f295aa;
border-right:1px dashed #f295aa;
border-top:1px dashed #68baaf;
border-left:1px dashed #68baaf;
}

blockquote:hover{
border-radius:20px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
-webkit-box-shadow: 0px 0px 8px #ffd5d5;
-moz-box-shadow: 0px 0px 8px #ffd5d5;
box-shadow: 0px 0px 8px #ffd5d5;
}

i {
text-decoration:none;
color: grey;
}

u {
text-decoration:none;
color:#CCC;
padding: 1px;
line-height: 10px;
border-bottom: 3px solid #FFE1EF;
-webkit-transition: 0.5s;
}

u:hover {
border-bottom: 6px solid transparent;
-webkit-transition: 0.5s;
}

b {
color: #CCC;
font-weight: bold;
}

strike {
text-decoration: none;
color:#333;
-webkit-transition: .5s;
}

#ck{
background:#f0eeeb;
color:#000;
width:230px;
height:142px;
margin-top:-147px;
padding-left:0.5px;
padding-right:0.5px;
padding-bottom:0.5px;
padding-top:5px;
opacity:.1;
-webkit-transition:all .5s ease-in-out; }
#ck:hover{opacity:.7}

img {
border-radius:10px;
opacity:0.6;
-webkit-transition-duration:2.5s;
}

img:hover{
border-radius:30px;
opacity:10.8;
-webkit-transition-duration:2.5s;
}

li {
list-style-type : none;
background-image : url(http://media.tumblr.com/tumblr_m7ei8qwdRO1qdlkyg.gif);
background-position : left;
background-repeat : no-repeat;
padding-left : 2.0em;
}

</style>
</head>
<body oncontextmenu='return false;'>
<br>

<table style="font-size: 11px; color: #666; line-height: 17px; background:white;border-top: 32px solid #FFE9EF; border-left: 2px solid #FFE9EF; border-right: 2px solid #FFE9EF; border-bottom: 32px solid #FFE9EF; border-radius:10px;" width="899" border="0" align="center" cellspacing="5">
<tbody><tr>
<td valign="top" style="line-height:16px; letter-font-size:11px; width:120px; padding-right:0px;">

<div class="tit">The Disclaimer</div><br>
<center>Navigation : touch hover image<center><br>
<center><img height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvCcTVaPYMAwYsMAH5XI0tlmnm23U6yPUo1soElAv8dFbQFjUxFUKpOaUHCWXLnte2BNiPMPlTYdSdSNDKqshuAvrlohEi8OeaGqZjUWJBHrTlC_n7PltRKXhw-iNczPaqXHVWcP_KGXqG/s1600/BJQEp.png" width="230" /><br>
<div id="ck"><br>
<center><a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" title="">Diaries</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="">Owner</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" title="">Linkies</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('blog').innerHTML" title="">Stuff</a><br><br>
hello peeps ! welcome to super awesome. replace your own image :D
</center></div></div><br><center>
</div></div><br>

<div class="separator" style="clear: both; text-align: center;">
<div class="tit">Tagboard!</div><br>
<center><img height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMd-nBHhxlmfPj9k8zwHxLuOSdrUyfd1vqJDav0OQytASQrcQBSdO4ILG5odnkQpquruRvIlRkAj0httQ3eEMA9kMYnWVEnXL4xBObLEaF2FvlXmK4d7p9-WQF9akRRfkAYNQagtTaNN8H/s1600/tumblr_ma4rb4U4Gn1rz4enpo1_500.png" width="230" /></center></div>
<center>Put your CBOX codes here!<center>
<br><br>

<div class="tit">Credits!</div><br>
<center><img height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMhn-j-5ZjY6k4dbGem23N8pMBuXeibTaXfTrlArIpFOrcL-GH92oPVQ26r7xoBFlwxyWB9N9rcl7VaO0_vMgRvJ2dunNu-Vg_h_sOITEYy1_FcRB3Tu3BTH0oIxWRkYUaMoj7fJmhyx_d/s1600/url7.png" width="230" /></center></div>
<center>basecode: <a href="http://tqaredocean.blogspot.com/">Nurul</a> <a href="http://www.blogskins.com/me/mrsbaekyeol">AtiQah</a><br>
<center>Edit by: <a href="http://cikmiminheart.blogspot.com/">Cikmimin</a><br>
<center>Re-Edited By: <a href="http://www.blogskins.com/me/imdindah">Dinda</a> <a href="http://dindanoviaputri.blogspot.com">Novia</a><br>
<center>Others: <a href=http://flowerbucket92.blogspot.com/"">♥</a>&nbsp;<a href="http://www.tumblr.com/dashboard">♥</a>&nbsp;<a href="https://www.google.com.my/">♥</a>
<!----- DONT REMOVE THE CREDITS -------!>
</div>
<br><br>

<div class="sidefooter"><center><OlderPosts><a href=<$OlderPosts$>>Older Post</a></OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div><br>
</div>

<td valign="top" style="width:630px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:7px; padding-left:12px;">
<div id="entry">
<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><br><$BlogItemBody$></br>
<div class="footer">Written by me @ <$BlogItemDateTime$> | <b style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;">♥</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> panda(s)</a></BlogItemCommentsEnabled></div>
</blogger>
</div>
</td></tr></tbody>
</table>

<div id="about" style="display: none;">
<div class="tit">About me</div><br>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7snWjmAKwijR1guTHJqKp7ZikHejvlC4Xh7b9YZK3NHsTFQWxt27nfLNE1VjNh5yXMDNn9NnwbWSsbZLgBRLGxyd_fBY-S1-lGNyTRdz15pOWCdZKXk_yZuiZNClx5nQ-LkPrh4MEefDn/s1600/url5.png" width="500" height="350"></center><br>
<center>Replace with your profile</center>
<br>
<br>

<div id="diary" style="display: none;">
<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<br><$BlogItemBody$></br>
<div class="footer">Written by me <$BlogItemDateTime$> <b style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;">♥</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> panda(s)</a></BlogItemCommentsEnabled></div>
</blogger>
</div>

<div id="link" style="display: none;">
<div class="tit">Exchange Link?!</div><br>

<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpZJFVReUp2KBqh9X8r7TsYl-w41e2S6E1af0Uu5BG5dOoNrZae0TYKDZHEnpBIlw3cYmIN-NTq46UBgMQr0d4o226Kh-gb0YgbESErr6U3iUiOLG89gtCuSy496GYGe2TqSaNCD6Xa5PI/s1600/kim-shin-yeong.png" width="500" height="400"></center><br>
<center><a class="linkies" href="http://cikmiminheart.blogspot.com/">cikmimin</a> ✦
<a class="linkies" href="http://www.blogger.com">You</a> ✧
<a class="linkies" href="http://www.blogger.com">You</a> ✦
<a class="linkies" href="http://www.blogger.com">You</a> ✧
<a class="linkies" href="http://www.blogger.com">You</a> ✦
<a class="linkies" href="http://www.blogger.com">You</a> ✧
<a class="linkies" href="http://www.blogger.com">You</a> ✦
<a class="linkies" href="http://www.blogger.com">You</a> <br>
<a class="linkies" href="http://www.blogger.com">You</a> ✧
<a class="linkies" href="http://www.blogger.com">You</a> ✦
<a class="linkies" href="http://www.blogger.com">You</a> ✧
<a class="linkies" href="http://www.blogger.com">You</a>
<br>
</div>

<div id="blog" style="display: none;">
<div class="tit">Tutorials & Freebies!</div><br>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOXDyorngsUbsROWMi36FAnxpZmfH_NbUOoJUKbfd_DeRLOdtnjuVzStvmpYppROr6q_5GIAIyQUxPde3umOnGQmFDHlBbQPK70MzysGofXKmqWu1nIMRW2-xdennVBNsvVdorye-uI2Y2/s1600/207.png" width="500" height="400"></center><br>
<center style="text-align: left;"><u>Tutorials</u></center><br>
<img src="http://applepine.chu.jp/icon/sen/flower5.gif" /> <a href="http://www.blogger.com/">Tutorial</a><br>
<img src="http://applepine.chu.jp/icon/sen/flower5.gif" /> <a href="http://www.blogger.com/">Tutorial</a><br>
<img src="http://applepine.chu.jp/icon/sen/flower5.gif" /> <a href="http://www.blogger.com/">Tutorial</a><br>
<img src="http://applepine.chu.jp/icon/sen/flower5.gif" /> <a href="http://www.blogger.com/">Tutorial</a><br>
<img src="http://applepine.chu.jp/icon/sen/flower5.gif" /> <a href="http://www.blogger.com/">Tutorial</a><br>
<img src="http://applepine.chu.jp/icon/sen/flower5.gif" /> <a href="http://www.blogger.com/">Tutorial</a><br>
<img src="http://applepine.chu.jp/icon/sen/flower5.gif" /> <a href="http://www.blogger.com/">Tutorial</a><br>
<img src="http://applepine.chu.jp/icon/sen/flower5.gif" /> <a href="http://www.blogger.com/">Tutorial</a><br>
<br><br>

<center style="text-align: left;"><u>Freebies</u></center><br>
<img src="http://applepine.chu.jp/icon/sen/apple1.gif" /> <a href="http://www.blogger.com/">Freebies</a><br>
<img src="http://applepine.chu.jp/icon/sen/apple1.gif" /> <a href="http://www.blogger.com/">Freebies</a><br>
<img src="http://applepine.chu.jp/icon/sen/apple1.gif" /> <a href="http://www.blogger.com/">Freebies</a><br>
<img src="http://applepine.chu.jp/icon/sen/apple1.gif" /> <a href="http://www.blogger.com/">Freebies</a><br>
<img src="http://applepine.chu.jp/icon/sen/apple1.gif" /> <a href="http://www.blogger.com/">Freebies</a><br>
<img src="http://applepine.chu.jp/icon/sen/apple1.gif" /> <a href="http://www.blogger.com/">Freebies</a><br>
<br>
<br>
</div>

</body>
</html>

Jumat, 15 Februari 2013

My first skin

<html>
<head><link href='http://i.imgur.com/hq6AA.png' rel='icon' type='image/x-icon'/>
<center><center><img class="header" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw7_0TdFJXJ7aAoh7F3jq0mGMGkVldWVB9vJfc2Du4zJlt_9zO259H5tyXfU1yn-45m5Ymr6Eyh5r1nRMKGFpAhTDfuKj3dO2JDXI-xLZjGcHVHXI_qwNakaP5THLoVa3cj2g-xuAK8LQU/s1600/1.png" /></center><title>O M G !</title>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background:url(http://www.pastelpatterns.com/small/smallpattern-13.png);
font-family: trebuchet ms;
font-size: 15px;
background-attachment:fixed;
text-align: normal;
cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3GlON5vetcYl12OWGujvhd7ddh8iIO-A-2os_xjlf1nGy5IpDHUCCB3yM8A-FQ01N3JeXh3xn0QE7rFqhQm1y-I07Z8VjLUtx-lOCDSXAfOTXM3q9wEsZI9sEGdY15vTuOp33YIL5VAA/s1600/2.png),auto;
}
a:link, a:visited {
font-style: normal;
cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3GlON5vetcYl12OWGujvhd7ddh8iIO-A-2os_xjlf1nGy5IpDHUCCB3yM8A-FQ01N3JeXh3xn0QE7rFqhQm1y-I07Z8VjLUtx-lOCDSXAfOTXM3q9wEsZI9sEGdY15vTuOp33YIL5VAA/s1600/2.png),auto;
color: pink;
font-family:lemoncanfly;
font-size:20px;
text-decoration: none;
}
a:hover{
color:#D1EEFF;
}
blockquote {
border: 1px dashed pink;
padding: 4px;
margin:1em 20px;
background-color: #FFFFFF;
-webkit-transition-duration: 3.5s;
background-image:url(http://media.tumblr.com/8077f29f89481ff17af47f4a25d641aa/tumblr_inline_mfng3rQrPM1qdlkyg.gif);
background-position:bottom right;
background-repeat:no-repeat;
}
u {
text-decoration: none;
border-bottom: 1px solid #FFB0B0;
}
b, strong {
font-weight: bold;
color: #FFBBBB;
}

.h1 {
font-family:TREBUCHET MS;
font-size:12px;
letter-spacing: 4px;
color: #666;
text-align: CENTER;
text-transform: normal;
}
.h2 {
font-family:TREBUCHET MS;
font-size:11px;
letter-spacing: 1px;
border-bottom: 1px DASHED #FFE5E5;
color: #D1EEFF;
text-align: center;
text-transform: normal;
}
@font-face{font-family:lemoncanfly;src:url('http://static.tumblr.com/eq1rpir/A8nm517nt/lemons_can_fly.ttf')}

.h3 {
font-family: lemoncanfly;
font-size: 15pt;
MARGIN-TOP:4PX;
border-TOP: 1px SOLID #E3F5FF;
text-transform: normal;
text-align: CENTER;
PADDING:3PX;
BACKGROUND:url(http://www.pastelpatterns.com/small/smallpattern-17.png);
MARGIN-BOTTOM:12PX;
border-bottom: 1px solid #FFE5E5;
}
a.button {
display:inline-block;
-webkit-transition: 0.9s;
-moz-transition: 0.9s;
padding-top:3px;
width:70px;
letter-spacing:2px;
text-decoration:none;
font-family:TREBUCHET MS;
font-size:10px;
height:20px;
text-transform:uppercase;
color: #fff;
border:2px solid #fff;
text-align:center;
background:#FFE4E4;
cursor:crosshair;
border-radius:0px;
}
a.button:hover{
border:1px solid #fff;
color: #fff;
background:#DAF1FF;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

a.button1 {
display:inline-block;
-webkit-transition: 0.9s;
-moz-transition: 0.9s;
padding-top:3px;
width:70px;
letter-spacing:2px;
text-decoration:none;
font-family:TREBUCHET MS;
font-size:10px;
height:20px;
text-transform:uppercase;
color: #fff;
border:2px solid #fff;
text-align:center;
background:#eee;
cursor:crosshair;
border-radius:0px;
}
a.button1:hover{
border:2px solid #fff;
color: #fff;
background:#DAF1FF;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

::-webkit-scrollbar {
width: 5px;
background: #ffffff;
}
::-webkit-scrollbar-thumb {
background:pink;
-moz-border-radius: 5px;
border-radius: 5px;
}
a.follow{
color:#ffffff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-decoration:none;
font-family:lemoncanfly; 
font-size:19px;
padding:5px;
border-radius:5px;
width:70px;
text-align:center;
background:pink;
display:inline-block;
}

a.follow:hover{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:#ffffff;
text-decoration:none; 
padding:5px;
border-radius:5px;
width:70px;
background:#D0ECFF;
text-align:center;
display:inline-block;
}
.header {
text-align: center;
-webkit-transition: 1s;
opacity:100;
}


a.link{
-webkit-transition: all 0.2s 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; width:80px;
display:inline-block;
background: url(http://www.pastelpatterns.com/small/smallpattern-8.png) repeat-y; background-size: 9px 9px;
color:#999;cursor:pointer;
font:9px TREBUCHET MS;
padding:5px;
margin: 2px;
border: 1px solid #E9F0D4;
text-transform:lowercase;
text-align:center;
letter-spacing:1px;
text-decoration:none;
}

.iconborder{background:#fff;width:110px;height:110px;padding:5px;border-radius:333px;margin-left:80px;margin-top:8px;margin-bottom:5px;border:1px solid #eee;}

.icon{background:#fff;width:110px;height:110px;border-radius:333px;padding:0;border:none;}




</style>
</head>

<script language=javascript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com/
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
<table style="font-size: 11px; LETTER-SPACING:1PX;color: #848484; line-height: 16px; background:#fff; border:1px dashed #FFE5E5;border-top:0px;border-bottom:0px;border-radius:0px;" width="899" align="center" border="0" cellspacing="10">

<tbody><tr>
<center><div style="background:url(http://www.pastelpatterns.com/small/smallpattern-18.png);padding-top:16px;padding-bottom:16px;  border-radius:0px;width:900px;">


<center><a class="button" onClick="document.getElementById('post').innerHTML=document.getElementById('profile').innerHTML" title="">ABOUT</a> <span style="padding:4px;"></span>

<a class="button1" onClick="document.getElementById('post').innerHTML=document.getElementById('entry').innerHTML" title="">DIARY</a> <span style="padding:4px;"></span>

<a class="button" onClick="document.getElementById('post').innerHTML=document.getElementById('tuto').innerHTML" title="">LINKS</a> <span style="padding:4px;"></span>

<a class="button1" href="https://twitter.com/dindanvptr">TWITER</a>

<a class="button" href="http://facebook.com/dindanoviaputri">FACEBOOK</a>

<a class="button1" href="http://www.blogskins.com/me/imdindah">BLOGSKIN</a>


</center> </div>
</div></center>
<div id="profile" style="display: none;">
<div class="h1">Myself</div>
<div class="h3">It's me!</div><br>

<img  src="http://data.whicdn.com/images/5941347/tumblr_lechs7lfkl1qcx5fqo1_500_large.jpg"  style="margin:5px;background:url(http://i.imgur.com/qrw9W.png);margin-top:0px;margin-right:10px;float:left;border: 1px solid #EEE; padding:3px; "  width="80" />HEY buddies. my name is _____ for short my full name is ___________. I'm actually was born in ______ . I have _ good friends _______ and _____ , both of them shoo cutee.  My hobby is ______,______,______. My ambition is become ______.BTW, i really-really like ______ things. THANKS for READING , sorry if my english so bad. I'm just a human being who makes mistakes. 
<br /><br/><br><br>
<center><img  src="http://applepine.chu.jp/line/sen/punson200.gif"style="border:0px;"/>
<center>Bye<CENTER><br><br>

<!---------------DONT REMOVE THIS!! OR DIE!!---------------!>
<div class="h3">Credits</div>
<center><img src="http://data.whicdn.com/images/47419565/tumblr_mfqp00EkVf1rnz3s3o1_500_thumb.jpg" style="background:url(http://i.imgur.com/qrw9W.png);padding:3px;border:1px solid #eee;"width="150"/></center>
<center>Template :<a href="http://pieqahstorie.blogspot.com/ ">N.Afiqah</a></center>
<center>Basecode :<a href="Link ">Masterly_elmo</a></center>
<center>Tutorial : <a href="http://chocollyheart.blogspot.com/">Afiqah</a> <a href="http://wanaseoby.blogspot.com/">Wana</a> <a href="Link">Atiqah</a></center>
<center>Edited by : <a href="http://dindanoviaputri.blogspot.com/">Dinda Novia</a></center>
<center>Pictures : <a href="http://weheartit.com/">We Heart It</a></center>
<center>Best View : Google Chrome</center>

</div>
<!---------------DONT REMOVE THIS!! OR DIE!!---------------!>

<div id="entry" style="display: none;">


<blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h3"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled> </div><$BlogItemBody$></br></blogger><br><center><OlderPosts><a href=<$OlderPosts$>>PAST</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>FUTURE</a></NewerPosts></center>
</div>

</div>
<div id="tuto" style="display: none;">
<div class="h1">Linkies</div>
<div class="h3">Exchange link with me?</div>
<br>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4A0Cn6RrbcZjOzrMbshHFcHw6gMFKCY41Y16qz18ZKQtIZUT6HK-2r1hXKIDGIRFjyuVNRuomXKFDLeieN6T5kgwQTAsPZY56uG0k02UXMHLt2PefPQUKfIAR2wCu3FQ6k2EBfvnyd8s/s1600/tumblr_lx5csrFzvd1r0294go1_500.jpg" style="background:url(http://i.imgur.com/qrw9W.png);padding:3px;border:1px solid #eee;"width="300"/></center>
<center><br>

Name:<input type="text" size="11" value="Dinda Novia" style="width:180px;font:11px trebuchet ms;color:#D5E2EB;border:1px  solid #eee;margin-right:6px;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()">
URL:<input type="text" size="11" value="http://dindanoviaputri.blogspot.com/" style="width:180px;font:11px trebuchet ms;color:#D5E2EB;border:1px solid #eee;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()"></center>
<br>
<center>
<a class="link" href="http://chocollyheart.blogspot.com/">AFIQAH J</a><a class="link" href="http://chibipikachu.blogspot.com/">CHIBI</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">AFIQAH W</a>
<a class="link" href="http://dindanoviaputri.blogspot.com/">DINDA</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a><a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>
<a class="link" href="http://pieqahstorie.blogspot.com/">FRIENDS</a>


</body>
<td valign="top" style="width:530px; padding-left:5px; border-right:1px dashed #FFE5E5; padding-bottom:5px; box-shadow:0px 0px 5px #ffffff; padding-right:15px; ">

<div id="post">
<blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h3"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled> </div><$BlogItemBody$></br></blogger><br><center><OlderPosts><a href=<$OlderPosts$>>PAST</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>FUTURE</a></NewerPosts></center>
</div>

<td valign="top" style="line-height:15px; letter-spacing:1px; font-size:11px; width:240px; padding-left:10px;">
<div class="h2">The Disclaimer</div>
<div class="iconborder">
<center><img class="icon" style="padding:0;border:none;" src="http://t2.gstatic.com/images?q=tbn:ANd9GcRUwXfbKEqnWuWgCj_KO4qPLqwqiJ_2YPgoEh74PtMqX18jMDV58g"></div><center>

<center>Hello.. My name is Dinda. Happy at Padang, Indonesia. I Love Kpop so much! Do follow me :)</center><br>
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://media.irondj.net/mix/file/32050/SNSD_-_DIAMOND_for_Christmas__with_lyric_.mp3&t0=:)&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>

<br>

<div class="h2">Chat with me!</div>
<br>
<center><img src="http://t3.gstatic.com/images?q=tbn:ANd9GcQqODqr9K9cj9rvrB-xL4XuyF1g0BTHO5p3GAl4le_UInmr567-IQ"style="background:url(http://i.imgur.com/qrw9W.png); width:200px;border:1px solid #FFE5E5;padding:5px;"></center><br>
<center>Your chatbox here! (width 200)</center></div>
<br>
<div class="h2">Follow me</div><BR>
<center><a class="follow" href="http://www.blogger.com/follow-blog.g?blogID=8277075760315181898">FOLLOW</a> <a class="follow" href="http://www.blogger.com/home">DASHBOARD</a> </center><br>

<style type="text/css">
#status{
width:260px;
text-align:left;color:#777;
height:90px;
padding:5px;overflow:auto;
background:(url image);
margin-top:5px;
border:1px dashed pink;
}


.icon{
color: #D0ECFF;
}

.time{
color: #888;
font: normal 7pt ;
padding-right:7px;
padding-bottom:3px;
padding-top:3px;
padding-left:7px;
background:#eee;
}

.date{
color: #888;
font: normal 7pt ;
padding-right:7px;
padding-bottom:3px;
padding-top:3px;
padding-left:7px;
background: #eee;
}
</style>
<div class="h2">My status</div><br>
<div id="status">
Put your status here
</div><BR>

<div class="h2">Blog Archive</div><br>
<bloggerpreviousitems>
<a  href="<$BlogItemPermalinkURL$>">
<li><$BlogPreviousItemTitle$></li>
</a>
</BloggerPreviousItems>
<br>



</td>

</tr></tbody>

</table>
<center><div style="background:url(http://www.pastelpatterns.com/small/smallpattern-18.png);padding-top:9px;padding-bottom:24px;border-radius:0px;width:900px;"></center>
</br>
</html>