Hatsune Miku: Blogskin 5: Kawaii Land

Hai! kali ini aku mau ngepos blogskin lagi nih! Karena udah lama banget aku gak bikin blogskin :s . Karena waktu itu notebookku rusak :s , dan berbulan-bulan aku gak ngebikin blogskin ! :p . Oh iya, jangan lupa izin di komentar kalau mau pake blogskin ini!

basecode: kak Salsa

<html>
<head>
<base target='_blank'/>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>
<title> Kawaii Land</title>
<link rel="shortcut icon" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim0cY6HGmrtA3nw23wSgeYnpi8Pc4Y6HY2OR9oZi6TP3S0cerW7CB3htWfu6TzPjOg3gW_B3HkypYoxeJGdxWTxOW-Xf5Vnaks1T9G057pgbw8QlmKysGPqzvcnbDJi6j-BgnlbUMVSZY/s1600/0yoXK.gif">
<style type="text/css">
#navbar-iframe {
display: none;
}
.bap {
margin-left: 0px;
margin-bottom: -29px;
}
body {
color:grey;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh82eJxMD3Cl3N7Um-0xgMsO1fwjLhOyVqNqMI168ZN_ZUf770Ebi6qBaBZtOo-Gcvoq1ubau0wniFLg1Rd49OQJrlxFfKZQM0ZXknSgHdEKhoZy31aj2FQ3E0plestEFLrVppZnBD92A/s320/ButterflyPaper20.png);
background-attachment:fixed;
font-family: Happy Monkey;
letter-spacing: 1px;
line-height: 15px
font-size: 17px;
}
a:link, a:visited {
color:#ffbedf;
text-decoration: none;
cursor: url(http://i.imgur.com/FZCUe0X.png), auto;
}
a:hover{
cursor: url(http://i.imgur.com/FZCUe0X.png), auto;
color: #fb89c2;
text-decoration: none;
}
::-webkit-scrollbar {
width: 8px;
height: 5px;
}
::-webkit-scrollbar-track-piece {
background-color: #fedced;
border: 3px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #fedced;
border: 1px solid #fff;
}
.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: 18px 'Delius Swash Caps;
line-height:18px;
text-align: center;
border-bottom: 1px solid #ffd8ec;
}
::selection {
background-color: #fedced;
color: #000000;
}
::-moz-selection {
background-color: #fedced;
color: #000000;
}

.com {
font-family: Happy Monkey;
letter-spacing: 1px;
line-height: 15px
font-size: 13px;
line-height:15px;
color: grey;
text-align: right;
border-top: 1px solid #fedced;
}
blockquote{
border-bottom: 2px solid #ffeff7;
border-top:1px solid #ffeff7;
border-left:2px solid #ffeff7;
border-right:1px solid #ffeff7;
padding: 5px;
color: #aaa;
line-height: 13pt;
margin: 0px 0px 0px 5px;
-webkit-transition:3s;
}
@font-face{font-family:Anjelika Rose;}
a.chingu {
font-family: Anjelika Rose;
font-size:10px;
background:#ffeff7;
border:1px solid Pink;
text-transform:uppercase;
letter-spacing:1px;
color:#888;
width:90px;
padding:3px;
margin:2px;
text-align:center;
display:inline-block;
-webkit-transition: .2s;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto;
}

a.chingu:hover {
color:#888;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur),auto;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
u {
text-decoration:none;
color:#616161;
line-height: 10px;
border-bottom: 2px solid Pink;
-webkit-transition: 1s;
}
u:hover {
border-bottom: 3px solid Pink;
}
b {
color: Pink;
font-family: Anjelika Rose;
font-weight: bold;
}
strike {
text-decoration: line through;
color:#aaa;
-webkit-transition: .5s;
}
a.navi{
padding:5px;
text-decoration:none;
font-family:Just Gotta Smile;
font-size:12px;
text-transform:uppercase;
color: #aaa;
text-align:center;
width:70px;
background: #ffecf6;
display:inline-block;
-webkit-transition: 2.0s;
-moz-transition: 2.0s;
-moz-box-shadow:inset 200px 0px 0px #fee6f2;
-webkit-box-shadow:inset 200px 0px 0px #fff;
box-shadow:inset 200px 0px 0px #fee6f2;
}
a.navi:hover{
color: #fff;
-webkit-transition: 2.0s;
-moz-transition: 2.0s;
padding-left : 5px;
-moz-box-shadow:inset -100px 0px -200px -0.5px #ffacd6;
-webkit-box-shadow:inset -100px 0px -200px -0.5px #fff;
box-shadow:inset -100px 0px 0px -0.5px #ffacd6;
}
</style>
<script type="text/javascript" language="javascript" charset="euc-jp" src="http://www.hapinemu.net/fobp/bp092/bp092.js"></script><p>
<a href="http://www.hapinemu.net/blogparts/"></p>
</head>
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWp9JApR-d8NGDiZIvOo-P3H84MdFjWtonOYrHhzJcb50EqULlofBirNtGHejhmcOfVI7Y5E2Vkz3wQm0Wy86IdFgawMp67j5ox_rRlL19xEIEi2tdNENZj3NRn-UGVLkQMQiQv7XMgVs/s1600/back+to+top+kawaii+land.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:'Flying Seoul'})
.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>
<center>
<div style="background-image:url(http://bglabs.evade.netdna-cdn.com/45875kli90/13.gif);width:900px;border-radius: 0px 0px 0px 0px;padding:10px;margin-top:15px;">
<center>
<img class="bap" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnJNjryMeksE_JJ-qS0QNqa3J_Eg9R33HWvEgdjhYrGxOIUYuZ0vk5FF-edQe0DaYIyj5DCIGlOMuNjvfnOo3z_zkvuNvL8MxM7R53sBASVseZT7887c5ApF22c8zEg1P_FNqpi5eJ4Q/s1600/kawaii+land.png" />
<center>
<br>
<div style="background: #FFFFFF;"/>
<br>
<a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" title="">Entries</a>
<a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="">About</a>
<a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" title="">Linkies</a>
<a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('stuff').innerHTML" title="">Stuffs</a>
<a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('bias').innerHTML" title="">BIASES</a>
<a class="navi" href="https://web.facebook.com/angelica.ester.315">FACEBOOK</a>
<a class="navi" href="https://twitter.com/angelica_ester_">TWITTER</a>
<a class="navi" href="https://www.instagram.com/ica.angel_/?hl=id">IG</a>
<a class="navi" href="http://www.blogger.com/follow-blog.g?blogID=Your Blog id">FOLLOW</a>
<a class="navi" href="http://www.blogger.com/home">DASHBOARD</a>
</div>
<table style="font-size: 13px;
background: #FFFFFF;
border-radius:0;
color:grey; line-height: 17px; background:white; border-radius:0px;" width="900" align="center" border="0" cellspacing="8">
<tbody>
<tr>
<td valign="top" style="line-height:16px; letter-font-size:11px; width:118px; padding-right:10px;">
<div class="tit">
The owner</div>
<br>
<div style="text-align: center;">
<center>
<img height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd6StdTv2eOFPrWO9GxY0-9YOPRLwRW_kPRYHfyN5iMMS0fmDsANBozqjf9FI_l8QJx1HkpsgEa73yqRmNEQ4aohVTI5bz1kXHeg8BNV0rJRAwEgAzvoLY2SfvuSrHf_LmacurLrWIlA/s1600/31.gif" width="248" /></center>
</div>
<br>
<div style="text-align: center;">
Konichiwa. I am <b>Angelica Ester</b> . This is my 5th skin . Thank you for walking here. Do not remove the credit .
<br>
</center>
<br>
<div class="tit">
Chat Here!</div>
<br>
<center>
<br>
<center>
YOUR CBOX CODE HERE !
<br>
<div class="tit">
Old Entries</div>
<br>
<center>
<div style="border:1px solid #fff;background:#fff; width:260px; overflow-x:hidden; overflow-y:scroll;padding:5px; height:120px;text-align:left; ">
<bloggerpreviousitems>
<li><a href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></li>
</a>
</BloggerPreviousItems>
</div>
<br>
<div class="tit">
Credits</div>
<br>
<center>
<img height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWVHbDoD3s5gNqicw4kSiFh6jut-UdVB9Q94D9CZGc6w0_VKRvpcLXmkS3tN4HjOOvWtReSk4XLQZjj7giGXSmTbi6GHSuaswmo-AqFcFVwwlJZa2ug1fbLcUvdDYvkAdkxlzukpakkg/s1600/20.gif" width="248" /> </div>
<center>
© 2018 - Edited by <a href="http://angelssweetnotes.blogspot.com/">Angel</a><br>.
Basecode by <a href="http://fatinhalid.blogspot.com/">Atin</a> and <a href="http://www.anugerahsalsa.co.vu/">Anugerah</a><a href="http://www.blogskins.com/me/anugerahsalsa"> Salsa</a> .<br>Copycat Not Allowed Here!!!<br><br>

<blogger><div class="tit">
<blogitemtitle><$BlogItemTitle$></BlogItemTitle></div>
<br>
<$blogitembody$><div class="com">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Sone(s)</a></div>
<br><br>
<a style="float:right;" href=<$NewerPosts$>><div class="newer">
 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtNBPxONZTLmzF3TcxiHwQbiLz_4bZ-g-tzRZ6B9gXE8Sx_5BWsJeSHsGzVIs7u9DH9TbY_SITMYgjSjTHho9zjP1DCFf2ttDQOMSM96P-JZF_Cndjki2MhaF8cmkoghPMiS1mGv-3Rw/s1600/pinknext.png"/></div>
</a>
<a style="float:left;" href=<$OlderPosts$>><div class="older" >
 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisqH2kslfUQmH6Go8Ue_STOWc2XRRIz-KiNLZXCgFh6WMAfUIY8TRSl7XRkfJYHrRq_fHN1qqA1KqUm3T3O8_nNPt1w3Q1ePRaGms-HHu4hZzjrlbvXmlEmgcZfIOJ0W2_k3XjH2tj6A/s1600/backpink.png"/></div>
</a>
<br></blogger><br>
</div>
<div id="about" style="display: none;">
<div class="tit">
I'm The Owner</div>
<br>
<center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1T9LKNmDNFgQl8OTFc-m7T16fXaBmnxyBn33iB289E_iYLVXzheL8N1GI-TvWVK4Rjm_EzZyx2EFaxU3-mnfclA03y1BpjKKvEVmkofOyZPmAhEP9tIW-vCpRXd9mrGsjrHaEGflSsg/s1600/9.gif"></center>
<br>
<br>
<center>
 Put your Biography here. </center>
<br>
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<b>Name :</b> Angelica Ester L.<br />
<b>Nickname :</b> Angel <br />
<b>Japanese Name :</b> Katou Kumiko a<br />
<br />
<b>Born in the date of :</b> 07 October 2003<br />
<b>Place of birth :</b> Tangerang, Indonesian<br />
<b>Stay :</b> Earth :v<br />
<br />
<b>Hobby :</b> Reading, Drawing<br />
<b>Ambition :</b> become an accountant </b> <br />
<br />
<b>Love / Favorites:</b> <br />
<b>Hate / Antis :</b><br />
<br /><br />
<div id="diary" style="display: none;">
<blogger><div class="tit">
<blogitemtitle><$BlogItemTitle$></BlogItemTitle></div>
<br>
<$blogitembody$><div class="com">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Sone(s)</a></div>
<br><br>
<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>
<br></blogger><br>
</div>
<div id="stuff" style="display: none;">
<div class="tit">
 Tutorial and Freebies</div>
<br>
<center>
<img src="https://data.whicdn.com/images/189256771/original.gif"><br>
<br>
<center>
Put your Tutorial & Freebies here</center>
</div>
<div id="link" style="display: none;">
<div class="tit">
 Exchanges Link.</div>
<br>
<center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWKSZ4PWx8UkpbwLvypzxSxYxpZ3pbT4zALUJSOpc6Skdzf3dtLM9vl6-b0whhuVEbgl2a0BGKZE33ZD4pO7FoKInxpCGHS052WOgzFM0_7Ne0YK9bTV2cTfOjsJnAOS10zoRFvdYB7w/s1600/27.gif"></center>
<br>
<br>
<br>
<a target="_blank" class="chingu" href="http://www.anugerahsalsa.co.vu/"> Salsa</a>
<a target="_blank" class="chingu" href="http://angelssweetnotes.blogspot.com/">Angel</a>
<a target="_blank" class="chingu" href="http://blogspot.com/">Next</a>
<a target="_blank" class="chingu" href="http://blogspot.com/">Next</a>
<a target="_blank" class="chingu" href="http://blogspot.com/">Next</a>
<a target="_blank" class="chingu" href="http://blogspot.com/">Next</a>
<a target="_blank" class="chingu" href="http://blogspot.com/">Next</a>
<a target="_blank" class="chingu" href="http://blogspot.com/">Next</a>
<a target="_blank" class="chingu" href="http://blogspot.com/">Next</a>
<a target="_blank" class="chingu" href="http://blogspot.com/">Next</a>
</div>
</div>
</div>
<div id="bias" style="display: none;">
<div class="tit">
 My Biases</div>
<br>
<style type="text/css">
.iconborder {
background: #fff2f9;
width: 100px;
padding: 10px;
}
.icon {
width: 90px;
margin-right: 5px;
background: #fff2f9;
padding: 5px;
}
.name {
color: #aaa;
background: #fff2f9;
text-transform: uppercase;
font-size: 9px;
margin-top: -5px;
width: 96px;
text-align: center;
padding: 2px;
}
</style><br>
<center>
<table border="0" bordercolor="0" style="font-size:11px;" width="500px" cellpadding="3" cellspacing="8">
<tr>
<td><img class="icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtm9NDhaMfbDrWQJHZ400cJeY0G-7wjXpVek_o7ANxg_pGxauft53ze-_MqLnqJueoYlKIufCzNRsjGYUzyayzoApDjInzFWFDZyisIJDx5wPtodBE8IyBm6a3LfAef2XiaTdD1-O3YpA/s320/26.png"><div class="name">
NAME</div>
</td>
<td><img class="icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtm9NDhaMfbDrWQJHZ400cJeY0G-7wjXpVek_o7ANxg_pGxauft53ze-_MqLnqJueoYlKIufCzNRsjGYUzyayzoApDjInzFWFDZyisIJDx5wPtodBE8IyBm6a3LfAef2XiaTdD1-O3YpA/s320/26.png"><div class="name">
NAME</div>
</td>
<td><img class="icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtm9NDhaMfbDrWQJHZ400cJeY0G-7wjXpVek_o7ANxg_pGxauft53ze-_MqLnqJueoYlKIufCzNRsjGYUzyayzoApDjInzFWFDZyisIJDx5wPtodBE8IyBm6a3LfAef2XiaTdD1-O3YpA/s320/26.png"><div class="name">
NAME</div>
</td>
<td><img class="icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtm9NDhaMfbDrWQJHZ400cJeY0G-7wjXpVek_o7ANxg_pGxauft53ze-_MqLnqJueoYlKIufCzNRsjGYUzyayzoApDjInzFWFDZyisIJDx5wPtodBE8IyBm6a3LfAef2XiaTdD1-O3YpA/s320/26.png"><div class="name">
NAME</div>
</td>
</tr>
<td><img class="icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtm9NDhaMfbDrWQJHZ400cJeY0G-7wjXpVek_o7ANxg_pGxauft53ze-_MqLnqJueoYlKIufCzNRsjGYUzyayzoApDjInzFWFDZyisIJDx5wPtodBE8IyBm6a3LfAef2XiaTdD1-O3YpA/s320/26.png"><div class="name">
NAME</div>
</td>
<td><img class="icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtm9NDhaMfbDrWQJHZ400cJeY0G-7wjXpVek_o7ANxg_pGxauft53ze-_MqLnqJueoYlKIufCzNRsjGYUzyayzoApDjInzFWFDZyisIJDx5wPtodBE8IyBm6a3LfAef2XiaTdD1-O3YpA/s320/26.png"><div class="name">
NAME</div>
</td>
<td><img class="icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtm9NDhaMfbDrWQJHZ400cJeY0G-7wjXpVek_o7ANxg_pGxauft53ze-_MqLnqJueoYlKIufCzNRsjGYUzyayzoApDjInzFWFDZyisIJDx5wPtodBE8IyBm6a3LfAef2XiaTdD1-O3YpA/s320/26.png"><div class="name">
NAME</div>
</td>
<td><img class="icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtm9NDhaMfbDrWQJHZ400cJeY0G-7wjXpVek_o7ANxg_pGxauft53ze-_MqLnqJueoYlKIufCzNRsjGYUzyayzoApDjInzFWFDZyisIJDx5wPtodBE8IyBm6a3LfAef2XiaTdD1-O3YpA/s320/26.png"><div class="name">
NAME</div>
</td>
</tr>
</table>
<br>
</body>
</html>

screenshootnya:

Terima kasih dan semoga bermanfaat :) .

Hatsune Miku

Rabu, 22 Agustus 2018

Blogskin 5: Kawaii Land

5 komentar:

Credit

Music Box

Followers