Sweet Escape
Home About Friends Stuffs Follow


Welcome!
hello there

Helo! Namaku Alicia. Aku 7 tahun, hampirrrr 8 tahun bulan Desember nanti. Aku diajari bikin blog sama ciciku. Dia memberikan laptopnya padaku karena dia malas ngeblog. Oke :)

Tagboard
Sweety Talkie


Credit
big claps!

© 2013 - Full Template by Anugerah Salsa. Basecode by ArrienAmani. And Re-edit by AlvinaAlicia
Tutorial: Cara Membuat Blogskins
Sabtu, 14 Juni 2014 | 0 Girl(s)
Aku mau ajarin nih, cara bikin skin lucu. Kodenya aku ambil dari skins keempat: Pinky Girls Generation. Ini diaaa ....
  • Pertama, paste kode dibawah ini. 
<html>
<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- &#169; 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/AVvXsEjLlwOSdY-4k_iW6mLCBpk2V9Rz_u4JB0i8ZbRx-DtSVL7If-sMvjpymBNDBDLj-AESTIZy54qNKNeoDYN45YgpSDb0V3jHUynIt6e5AAlljrWrwqEVNxIB1hzJRJ49DTd8bJ6bos47XvRo/s1600/pinksimpletop.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="http://i.imgur.com/sX1GpkY.png" /></center>
<title>Pinky Girls Generation</title>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m89lrfjx621qdlkyg.gif" /> 
Keterangannya: Kuning ganti jadi top button kamu, kalo merah jadi url header kamu, pink jadi judul blog kamu, dan biru yang terang itu jadi url icon kamu.
  • Lalu, paste kode dibawah ini.
<style type="text/css">
#navbar-iframe {
display: none;
}

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

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

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

body {
color: #000;
background: url(http://i.imgur.com/5Dy51.png);
background-attachment:inherit;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_7sRHlTDWBT9GnRs6s1fB8ghmfrb24bxl3lQJ_MT46MVOi3Cisex6B54jvSAWmOM0WSOnSUXDqoMrnhF50jRIbTUw_4sdk93pPWeCWwhkM9zAgd22RxzdDeBp3cgzIcEadYh5xPKM8w/s1600/redribbonz.png), progress;
font-family: Short Stack;
letter-spacing: 0px;
line-height: 12px
font-size: 12px;
}

a:link, a:visited {
color:#FFA4C1;
font-family: Short Stack;
font-size: 12px;
text-decoration:none;
-webkit-transition:1s;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCefrQhLzmnM_WA1OUsRFFdTMd3pYOKTmv8DJIvhayASWe7GiTVx9fqExDu4wVCS3QWkRL6Y_iWfmL3w5Aa2YcN0by6rzr0l9ZjyaqEPHbFbMN0lPFX1dAnp_ub_w-qKdEWhJEnaY6Rw/s1600/bunniez.png), progress;
}

a:hover{
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCefrQhLzmnM_WA1OUsRFFdTMd3pYOKTmv8DJIvhayASWe7GiTVx9fqExDu4wVCS3QWkRL6Y_iWfmL3w5Aa2YcN0by6rzr0l9ZjyaqEPHbFbMN0lPFX1dAnp_ub_w-qKdEWhJEnaY6Rw/s1600/bunniez.png), progress;
color: Pink;
text-decoration: none;
padding-left:0px;
-webkit-transition:1.2s;
}

a.navigate {
border:2px solid MistyRose;
border-radius:6px;
background:#fff;
color: #FF87AD;
-webkit-transition: 1s;
padding:2px;
}

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

.tit {
font-weight: bold;
font: 16px 'Annie Use Your Telescope';
color:#515151;
text-align:center;
border-top: 4px double MistyRose;
border-bottom: 4px double MistyRose;
}

::selection {
background-color: #fff;
color:#FF84AA;
}
::-moz-selection {
background-color: #FF84AA;
color: #fff;
}

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

blockquote{
background:url(http://i.imgur.com/tDtge.png);
padding:8px;
display:block;
border:3px solid #FFC8DA;
color:#000;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font-family:short stack;
}

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

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: #FF6798;
font-weight: bold;
}

strike {
text-decoration: none;
color:#000;
-webkit-transition: .5s;
}
li {
list-style-image:url(http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic015demoji_12841327decoojp.gif);
}
li:hover {
list-style-image:url(http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic019demoji_16165941decoojp.gif);
}
</style>
Keterangannya: Warna pink jadi url background, orange jadi url cursor, hijau jadi bullet sebelum disentuh, biru jadi bullet setelah disentuh.

  •  Lalu, dibawah kode </style> paste kode dibawah ini.

<div style="position: fixed; top: 5px; right: 85px;"><a href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID" title="Follow !""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsU21Z9DCeiXiW7uLQrG2IrBnIrqIVbz40hFTnc7bCbewzR_b_OUcHvM_7A6zZw16VcJDlP-FiYTKxY8tdUzISpVqHdHDImcIjp3plmCBIWCDPldwmaGROqC9hbBkZ5H1AC3xyNqGV7P69/s1600/follow.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/AVvXsEgHMzalR9m-09NN-XyHm71XAbB8pFqj2B8fkl_adK7oB4yvLk_bnsgjGDYPa1lUR_XFLu9iUd6u_VYXHlqpAVcAt7kW6OxlsGeX2KjS84mlifIEIrGA6fGELyjCnTPA3FJMIvnGYlaU9GaD/s1600/dashboard.png" border="0" /></a></div></div>

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

<table style="font-size: 11px; color: #666; line-height: 17px; background:white;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">Welcome!</div><br>
<center><img height="142" src="http://31.media.tumblr.com/33e34cb22728c9cd5232fdec8069961b/tumblr_mrijv1LLmj1sajyjeo1_500.gif" width="230" /></center></div><br>
<center>Helo, SNSD! Please enjoy here :)</center>
<br></div></div>
<center>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" title="">Entry</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="">Entry</a>
</center>
<br></div>
</div></div>

<div class="separator" style="clear: both; text-align: center;">
<div class="tit">Chit Chat</div><br>
<center><img height="142" src="http://31.media.tumblr.com/0faa8407ab800ad661f8758d78dc9095/tumblr_mrdgrz4edP1sxt4qko5_250.gif" width="230" /></center></div>
<center>[ Put your CBOX codes here ]<center>
<br>

<div class="tit">Big Clap</div><br>
<center>Template by : <a href="http://curesweetygirl.com/">Alvina</a> <a href="http://blogskins.com/me/alvina_alicia/">Alicia</a> :D <br>
<center>Basecode : <a href="http://nurulatiqahjaidin.blogspot.com/">Atiqah Jaidin,<a href="http://nafaraisya.blogspot.com/">Zahra</a>, and <a href="http://safira-housebook.blogspot.com/">Safira</a><br>
<center>Helping :<a href="http://azkiiyakiyaa.co.vu/">Azkiya</a><br>
<center>Re-edit :<a href="LINK">Name</a><br></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 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$> comment(s)</a></BlogItemCommentsEnabled></div>
</blogger>
</div>
</td></tr></tbody>
</table>
Keterangan: Ungu jadi tombol follow blog, merah dashboard, kuning link blogmu, hijau namamu.

  • Pastekan kode dibawah ini. 
<div id="about" style="display: none;">
<div class="tit">Owner</div><br>
<center><img src="http://31.media.tumblr.com/dc776a0eb2197df9fd94fb267fc695df/tumblr_mrdgrz4edP1sxt4qko7_250.gif" width="330" height="320"></center><br>
<b>Name</b> :  <br />
<b>Nickname</b> :  <br />
<b>Grade </b>:  <br />
<b>School </b>:  <br />
<b>Zodiak</b> :  <br />
<b>Born in the date of </b>:  <br />
<b>Hobby</b> :  <br />
<b>Ambition </b>:  <br/>
<br/>

<center>[ Replace with your profile ]</center>

<div id="diary" style="display: none;">
<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle>
</div>
<br><$BlogItemBody$></br>
<div class="footer">Written by Miiko 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$>comment (s)</a></BlogItemCommentsEnabled></div>
</blogger>
</div>
<div id="link" style="display: none;">
<div class="tit">Exchange Link</div><br>
<center><img src="http://31.media.tumblr.com/905c1643e261d4b392ac5942616045e7/tumblr_mrkfnu7mWq1s22z8zo2_250.gif" width="330" height="350"></center><br>
<center><a class="linkies" href="http://nafaraisya.blogspot.com/">Zahra</a> |
<a class="linkies" href="http://safira-housebook.blogspot.com">Safira</a> |
<a class="linkies" href="http://www.blogger.com">Friends</a> |
<a class="linkies" href="http://www.blogger.com">Friends</a> |
<a class="linkies" href="http://www.blogger.com">Friends</a> |
<a class="linkies" href="http://www.blogger.com">Friends</a> |
<a class="linkies" href="http://www.blogger.com">Friends</a> |
<a class="linkies" href="http://www.blogger.com">Friends</a> |
<a class="linkies" href="http://www.blogger.com">Friends</a><br>
<a class="linkies" href="http://www.blogger.com">Friends</a> |
<a class="linkies" href="http://www.blogger.com">Friends</a> |
<a class="linkies" href="http://www.blogger.com">Friends</a> |
<a class="linkies" href="http://www.blogger.com">Friends</a> |
<a class="linkies" href="http://www.blogger.com">Friends</a> |
<a class="linkies" href="http://www.blogger.com">Friends</a> |
<a class="linkies" href="http://www.blogger.com">Friends</a> |
<a class="linkies" href="http://www.blogger.com">Friends</a> |
<a class="linkies" href="http://www.blogger.com">Friends</a><br>
<a class="linkies" href="http://www.blogger.com">Friends</a> |
<a class="linkies" href="http://www.blogger.com">Friends</a> |
<a class="linkies" href="http://www.blogger.com">Friends</a> |
<a class="linkies" href="http://www.blogger.com">Friends</a> |
<a class="linkies" href="http://www.blogger.com">Friends</a> |
<a class="linkies" href="http://www.blogger.com">Friends</a> |
<a class="linkies" href="http://www.blogger.com">Friends</a> |
<a class="linkies" href="http://www.blogger.com">Friends</a> |
<a class="linkies" href="http://www.blogger.com">Friends</a><br>
<div> <div>
<div style='background: url(http://i.imgur.com/s5QEd.png); border: 2px solid #000000; padding: 2px; width: 540px;'><div style='text-align: center;'><marquee behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2'>
<a href=""><img src="http://i.imgur.com/DTdLf8H.gif" width="150" height="150" /></a>
<a href=""><img src="http://i.imgur.com/DTdLf8H.gif" width="150" height="150" /></a>
<a href=""><img src="http://i.imgur.com/DTdLf8H.gif" width="150" height="150" /></a>
<a href=""><img src="http://i.imgur.com/DTdLf8H.gif" width="150" height="150" /></a>
<a href=""><img src="http://i.imgur.com/DTdLf8H.gif" width="150" height="150" /></a>
<a href=""><img src="http://i.imgur.com/DTdLf8H.gif" width="150" height="150" /></a>
<a href=""><img src="http://i.imgur.com/DTdLf8H.gif" width="150" height="150" /></a>
<a href=""><img src="http://i.imgur.com/DTdLf8H.gif" width="150" height="150" /></a>
<a href=""><img src="http://i.imgur.com/DTdLf8H.gif" width="150" height="150" /></a>
<a href=""><img src="http://i.imgur.com/DTdLf8H.gif" width="150" height="150" /></a></span></marquee></center>
</div>
<div id="blog" style="display: none;">
<div class="tit">Stuffs</div><br>
<center><img src="http://31.media.tumblr.com/b8beecbcbde271fd0fe308ae69c64058/tumblr_mrkfnu7mWq1s22z8zo6_250.gif" width="330" height="280"></center><br>
<center style="text-align: left;"><u>Tutorials</u></center><br>
<li> <a href="http://www.blogger.com/">Coming Soon</a><br>
<li> <a href="http://www.blogger.com/">Coming Soon</a><br>
<li> <a href="http://www.blogger.com/">Coming Soon</a><br>
<li> <a href="http://www.blogger.com/">Coming Soon</a><br>
<li> <a href="http://www.blogger.com/">Coming Soon</a><br>
<li> <a href="http://www.blogger.com/">Coming Soon</a><br>
<li> <a href="http://www.blogger.com/">Coming Soon</a><br>
<br><br><br>
<center style="text-align: left;"><u>Freebies</u></center><br>
<li> <a href="http://www.blogger.com/">Coming Soon</a><br>
<li> <a href="http://www.blogger.com/">Coming Soon</a><br>
<li> <a href="http://www.blogger.com/">Coming Soon</a><br>
<li> <a href="http://www.blogger.com/">Coming Soon</a><br>
<li> <a href="http://www.blogger.com/">Coming Soon</a><br>
<li> <a href="http://www.blogger.com/">Coming Soon</a><br>
<li> <a href="http://www.blogger.com/">Coming Soon</a><br>
</div>
</body>
</html>
Fyuuhhhh, selsai juga, Oke, semoga bermanfaat yaaa, kalo mau repost credit.

Label: ,



OLDER • NEWER


Posting Komentar