Hatsune Miku: Blogskin 4: Purple Bloggie (Twilight Sparkle)

Haiii! Ini adalah blogskin keempat buatanku. Basecode dari Agna, nih 😀😀 . Oke, bagi yang mau pake langsung A-J-A.

<html>
<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('links').innerHTML" >FRIENDS</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('tutobies').innerHTML" >STUFF</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>">FOLLOW</a></div>
</div>
</head>
</head>
<body onc
<head>
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" >/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library(www.dynamicdrive.com)* Modified bySafiraNuril***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi66pBmz_FbwIPmidCJmApPpjyi1PRbcGYksq2vtFWr4PKRKqHs9JcsHJZ2rmfwDv3QYQHrBipL-LInmBIEOKa8cMEsdkN_-m-aXHvlPqzRaDdGtGL2lCh3GsIQRXKNn6WcyqH_JM_6Kw/s1600/back+to+top+7.png" />',
controlattrs: {offsetx:5, offsety:5},
anchorkeyword: '#top',
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport)
this.$control.css({opacity:0})
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1)
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
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:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='')
mainobj.$control.css({width:mainobj.$control.width()})
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv8-9UPzuAZSovepZHP9RtXnX9r5GPvoNNzIN0B2F8DzQl008sV4MHx-I0NlpJi_9crcoleLBS9irxmBI9sQ1qQwe8bTbw-w1cBM4dlIB5CrBvFedh6IGJnXd2hwKl7lzcIWcWJMdnYoA/s1600/Twilight+header.png" /></center>
<title>Purple Bloggie</title>
<link rel="shortcut icon" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrPgWoR8dBYs8PG3H3BM9Be2rwbLMNlVDMdkHOZe9vO5nLunpvU0m5ADbVjDXwHf3XTwKiKcV5uQw6hZTfUyBqBeXwnHU1SSABiJObYD0Xxh6FMAHOq4Bft3cjw6HwW2ukSZENYEo6AjM/s1600/FANMADE_Twilight_Sparkle_Cutie_Mark.png" />
<style type="text/css">
#navbar-iframe {
display: none;
}
<style type="text/css">
#navbar-iframe {
display: none;
}
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece  {
background-color: #F18DFF;
border: 3px solid #F18DFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #DE00FF;
border: 1px solid #F18DFF;
}
.header {
margin-left: 2px;
margin-bottom: -33px;
-webkit-transition:2s
}
body {
color: #F18DFF;
background: url(https://www.publicdomainpictures.net/pictures/150000/velka/stripes-background-purple-lavender.jpg);
background-attachment:inherit;
cursor: url(URL CURSOR), progress;
font-family: Short Stack;
letter-spacing: 0px;
line-height: 12px
font-size: 12px;
}
a:link, a:visited {
color:#E679F2;
font-family: Short Stack;
font-size: 12px;
text-decoration:none;
-webkit-transition:1s;
cursor: url(URL CURSOR SETELAH MENYENTUH LINK), progress;
}
a:hover{
cursor: url(URL CURSOR HOVER), progress;
color: Purple;
text-decoration: none;
padding-left:0px;
-webkit-transition:1.2s;
}
a.navigate {
border:2px solid MistyRose;
border-radius:6px;
background:#fff;
color: #F55DFF
-webkit-transition: 1s;
padding:2px;
}
a.navigate:hover {
background:#D652DF;
color: #fff;
text-decoration: none;
-webkit-transition: 0.5s;
}
.tit {
font-weight: bold;
font: 16px 'kristen itc';
color:#515151;
text-align:center;
border-top: 4px double MistyRose;
border-bottom: 4px double MistyRose;
}
::selection {
background-color: #fff;
color:#D652DF;
}
::-moz-selection {
background-color: #E142ED;
color: #fff;
}
.footer {
margin-top: 5px;
margin-bottom: 15px;
border-top: 1px #eee solid;
text-align: right;
}
blockquote{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic6HG7WCAGZWkiYfuQxGqenINXIYRwWSYy-UelcT9QIOCQZjSJFzEyODR8a8vVAi7lGNGBTZV75FXngWJDKUy5WMTlAQFsXHnEBP2mdfGUialJRozVuCN9WKUut-iaL9pG-i99VienwEo/s1600/back2.png);
background-repeat:no-repeat;
background-position:100% 95%;
font-family: 'short stack';
padding:10px;
border-left:20px solid #BE36C8;
border-right:2px dashed #BE36C8;
border-top:2px dashed #BE36C8;
border-bottom:2px dashed #BE36C8;
-webkit-transition: all 0.5s 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;
color:#555;
}
blockquote:hover{
background: none;
border-left:2px dashed #E13EED;
border-right:20px solid #E13EED;
color:#555;
}
i {
text-decoration:none;
color: #000;
}
u {
text-decoration:none;
color:#000;
padding: 3px;
line-height: 10px;
border-bottom: 2px solid #FFABC6;
-webkit-transition: 0.5s;
}
u:hover {
border-bottom: 6px solid transparent;
-webkit-transition: 0.5s;
}
b {
color: #E13EED;
font-weight: bold;
}
strike {
text-decoration: none;
color:#000;
-webkit-transition: .5s;
}
</style>
<style>
.hyosung{
width:100%;
background:url(https://content.mycutegraphics.com/backgrounds/purple/purple-flower-background.gif);
border-bottom:5px solid #E329F0;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #E329F0;
text-align:center;
padding:10px;}
 a.jieun{
background:#C551CD;
border-bottom:5px solid #E329F0;
text-decoration:none;
color:#000;
padding:5px;
font:11px short stack;
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{
border-bottom:5px solid #D59BD9;
background:#F8A9FD;
color:#fff;
</style>
</style>
<center>
<center>
<center>
<br>
<br>
<table style="font-size: 11px; color: #D142DB; line-height: 17px; background:transparent;border-top: 32px solid MistyRose; border-left: 8px solid MistyRose; border-right: 8px solid MistyRose; border-bottom: 32px solid MistyRose; background:#fff; 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">
Short Profile</div>
<br>
<center>
<img height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBRn52154RooZyFQtrATokgUuiFsk-DZ45eD_OV1aNJS7pb3Jvw196puNkRJqI6NsJ30eWbHAYLLteape7mjFLPZ3nPGTid2hRQOdXKd7BGedNt2jeQ1gpci3jgXyXkcV_o3tUa_dys5U/s1600/equestria+girls+twilight+sparkle+2.png" /></center>
</div>
<br>
<center>
Hi! my name is Twilight Sparkle. Actually, i'm princess Twilight Sparkle from Equestria. But, i must go to human world because my friends need me for a problem. Please follow this blog!</center>
<br></div>
</div>
<br></div>
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<div class="tit">
Talking Here</div>
<br>
<center>
<img height="180" src="https://pre00.deviantart.net/35ff/th/pre/f/2015/238/8/0/vector__246___twilight_sparkle__15_by_dashiesparkle-d977dcl.png" width="200" /></center>
</div>
<center>
Cbox code<center>
<br>
<div class="tit">
Big Thanks</div>
<br>
<center>
Theme By : <a href="http://angelssweetnotes.blogspot.com/">Angel</a>.<br>
Basecode By : <a href="http://nailaagnarahima.blogspot.com/">Agna</a>.<br>
</div>
<br>
<center>
Owner : <a href="url blog kamu">your name</a><br>
</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 YOUR NAME at <$BlogItemDateTime$> <b style="background-color: white; color: #F6B3FF; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;">?</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comment(s)</a></BlogItemCommentsEnabled></div>
</blogger>
</div>
</td></tr>
</tbody>
</table>
<div id="about" style="display: none;">
<div class="tit">
About Owner</div>
<br>
<center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1XfE2pt0IOQwkbMqNbHQ5RUGEc9_lwFMQ8LO3QZCmmcUSWuaugKYp7dsM9t5B2wrBM4xS93Y7vFM2ha1dB2xtMMfbhrv1fqO0m2o8gGO7jHVsll-WiqI2wjSJweT-wD9HMShlxjeVQdc/s1600/32.gif" width="350" height="320"></center>
blablablabla (change with your profile!)
<br>
<center>
</center>
<div id="diary" style="display: none;">
<blogger><div class="tit">
<blogitemtitle><$BlogItemTitle$></BlogItemTitle></div>
<br><$BlogItemBody$></br>
<div class="footer">
Written by NAMA KAMU at <$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$> jesslyn</a></BlogItemCommentsEnabled></div>
</blogger>
</div>
<div id="links" style="display: none;">
<div class="tit">
friends</div>
<br>
<center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0j0ipa6Zfyu0t0-WiAibiG8jU5Q_mIDm6pq0S0ii33pyFs3o6WuxRqGq1HB1V9AZd_3vYWu9ms2j4iJWe15HOBTm5xEuA4K9Kj82pnhDiCnZKSbtcIzUHGQ3ZrmKIhEYqrAPPugxvJoM/s1600/56.gif" width="500" height="350"></center>
<br>
<center>
<a class="linkies" href="http://www.nailaagnarahima.blogspot.com">Agna</a> |
<a class="linkies" href="http://www.angelssweetnotes.blogspot.com"> Angel</a> |
<a class="linkies" href="http://www.blogger.com">people</a> |
<a class="linkies" href="http://www.blogger.com">people</a> |
<a class="linkies" href="http://www.blogger.com">people</a> |
<a class="linkies" href="http://www.blogger.com">people</a><br>
</div>
<div id="tutobies" style="display: none;">
<div class="tit">
tutorial and freebies</div>
<br>
<center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5-3FGznsFXapSK5QUYGr5WbyBzFlGBO283oUYG_Sk_9K62avoSslC7cdE6p8XVjghCS9e3jMvwYvudJPJYXTWgM83aZSGtLroKSvV23LpyUtaTvCV6t4xC_Elb1SzlEpLbkQxxB86DfM/s1600/36.gif" width="500" height="280"></center>
<br>
<center style="text-align: left;">
<u>Tutorials</u></center>
<br>
<li> tutorial
<li> tutorial<br><br><br>
<center style="text-align: left;">
<u>Freebies</u></center>
<br>
<li> freebies
<li> freebies<br><br>

</div>
</body>
</html>

Screenshoot:

Hatsune Miku

Jumat, 04 Mei 2018

Blogskin 4: Purple Bloggie (Twilight Sparkle)

1 komentar:

Credit

Music Box

Followers