Kawaii Purple Pink

The Owner

Halow, welcome to my kawaii blog! don't forget follow me!

Chit Chat

Blog Post

Cara Buat BlogSkins

The Hero

Cara Buat BlogSkins

Jumat, 10 April 2015 | 0 Comments

1. Langkah pertama, copy code ini!

2. Setelah itu, copy code ini tepat di bawah code tadi.

<!-----------------------------------------------

Blogger Blogskins Template

Name: Nama Template kamu

Designer:Nama Kamu

URL: URL Blog Kamu

*Don't Remove This!*

*Don't Ripping*

-----------------------------------------------!>

*Note : ganti tulisan berwarna itu dengan nama template kamu, nama kamu, dan URL blog kamu.

3. Copy code ini tepat di bawah code tadi

<html>

<head>

document.ondragstart = function () { return false; };

</script>

<title>Judul Blog kamu</title>

</head>

4. Copy langsung semua code di bawah. tempatnya tepat di bawah kode tadi. Okay?

#navbar-iframe {

display: none !important;

}

body{

background:url(http://i.imgur.com/Nx9MuE7.png);

font-size:12px;

font-family: Short Stack;

letter-spacing:2px;

cursor:url(http://i1196.photobucket.com/albums/aa406/tieqaonew/02.gif), url(http://i1196.photobucket.com/albums/aa406/tieqaonew/02.gifg), progress;

}

a:link, a:visited {

color: MistyRose;

font-size: 11px;

text-decoration:none;

-webkit-transition:1s;

}

a:hover{

cursor: url(http://media.tumblr.com/tumblr_m2wj9k9UPt1qfamg6.png), progress;

color: #d0f5ff;

}

.title-a{

padding:5px 5px 5px 30px;

background:url(http://media.tumblr.com/125fa07ea905803f66d89d28afb5ff12/tumblr_inline_mueoiuICS71qdlkyg.gif) left center;

background-repeat:no-repeat;

font-size: 18px;

font-family: 'Patrick Hand SC';

color: #999;

border-bottom: 4px solid #977979;

border-top: 5px solid MistyRose;

border-left: 5px solid #d0f5ff;

border-right: 5px solid #d0f5ff;

text-align:left;

}

.title-b {

text-align: center;

font:11px Happy Monkey;

}

.yums {

margin-top:10px;

color: #a4a4a4;

font-size:12px;

font-family:Happy Monkey;

text-align:center;

letter-spacing: 2px;

background:#e7e7e7;

line-height:2pt;

bottom-left-radius:7px;

bottom-right-radius:7px;

}

blockquote{

background: url(http://i.imgur.com/JQLYlGK.png);

border: 2px solid #d0f5ff;

margin-left: 23px;

width: 85%;

padding: 15px;

letter-spacing: 1px;

font: 10px consolas;

color: #A4A4A4;

}

b, strong {

color: #ccc;

font-weight:bold;

}

s, strike {

color: #ccc;

}

i {

color: #ccc;

}

u {

text-decoration:none;

color: 0000;

padding: 3px;

line-height: 10px;

border-bottom: 2px solid #bdaaaa;

-webkit-transition: 0.5s;

}

u:hover {

border-bottom: 6px dashed transparent;

-webkit-transition: 0.5s;

}

a.tablo {

letter-spacing:1px;

-webkit-transition: all 0.2s ease-out;

-moz-transition: all 0.2s ease-out;

transition: all 0.2s ease-out;

display:inline-block;

font:8px short stack;

text-align:center;

width:40px;

height:10px;

color:#888;

padding:5px;

padding-top:15px;

background:#F0F8FF;

text-decoration:none;

-webkit-border-top-left-radius: 33px;

-webkit-border-top-right-radius: 33px;

-moz-border-radius-topleft: 33px;

-moz-border-radius-topright: 33px;

border-top-left-radius: 33px;

border-top-right-radius: 33px;

border:2px; solid #C2DFFF;

}

a.tablo:hover{

background: MistyRose;

color:#333;

border: 1px dashed #FBBBB9;

}

a.fuji{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjolOYY7d2O2dU1n1dAYFfeAuoaJOL09Vfy06s7o84aFsI6gzn0c8jJGgMX9J-mopXwGU37Yhbq8TIcPSwA03HfaOuL6rjIDaZDKl07YaAOjTx0HNQhLsMv2O1_hLV0sLQ30E0XBLGJYRe_/s1600/backgroundbody%25283%2529.png);

padding:5px;width:90px;

color:#A4A4A4;padding:5px;

-webkit-transition: 1.0s;

-moz-transition: 1.0s;font-family: Short Stack;

font-size: 10px;

text-align: center;

text-decoration: none;

text-transform: uppercase;

display:inline-block;

margin:4px;border: 1px solid MistyRose;}

a.fuji:hover{

border-bottom: 0px solid #bba7a7;

-webkit-transition: 1.0s;

-moz-transition: 1.0s;

color:#000;background: #d0f5ff;

border: 1px double #bba7a7;

}

a.stuff{

letter-spacing:1px;

-webkit-transition: all 0.2s ease-out;

-moz-transition: all 0.2s ease-out;

transition: all 0.2s ease-out;

margin:1px;

cursor: url(http://media.tumblr.com/tumblr_m2wj9k9UPt1qfamg6.png), progress;

text-transform:uppercase;

display:inline-block;

font:8px Happy Monkey;

text-align:center;

background: #fff;

width:220px;

color:#777;

padding:2px;

border:1px solid #937474;

border-left:20px solid #937474;

text-decoration:none;

}

a.stuff:hover{

border-left:1px solid #d0f5ff;

border:1px solid #d0f5ff;

border-right:20px solid #d0f5ff;

}

::-webkit-scrollbar {

height: 10px;

width: 8px;

background: #fffbfb;

}

::-webkit-scrollbar-thumb {

background-color: #d0f5ff;

border-left: 5px solid MistyRose;

}

li {

list-style-type: hiragana;

}

img{

-webkit-transition: .7s;

-moz-transition: .7s ;

transition: .7s ;

}

img:hover{opacity: 1; -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));

}

::-moz-selection {

background:#fffff;

color:#808080;

}

::selection {

background:#d0f5ff;

color: white;

}

#searchbox {background:transparent;color:#808080;font-family:Happy Monkey;font-size:11px;text-transform:uppercase;padding:5px;border:0px solid #fff;width:150px;} #searchsub {background:transparent;color:#808080;font-family:Happy Monkey;font-size:11px;text-transform:uppercase;padding:5px;border:0px solid #fff;cursor:pointer;

}

</style>

<!-------- MAIN WRAPPER --------!>

<div class="title-a">Disclaimer</div>

<div class="yums">Welcome</div><br>

<a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('profile').innerHTML" >About</a>

<a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('links').innerHTML" >Affie</a>

<a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('stuff').innerHTML" >Stuff</a><br>

<center> Uhm, Hi! Upps, Hello! <b>Put</b> <i>your</i> <u>Own</u>Disclaimer<br><br></center>

<div class="title-a">TagBoard</div>

<div class="yums">Don't be A Silent Reader</div><br>

</a>

</BloggerPreviousItems>

</div></center><br><br>

<div class="title-a">Big Claps!</div>

<div class="yums">Thanks!</div><br>

Hola-Hola! This skin made by <a href="http://fujiwarayumidiary.blogspot.com/">Fryda</a> <a href="http://blogskins.com/me/frydaaulia">Aulia</a>, Someone Help me is <a href="http://nurulatiqahjaidin.blogspot.com/">a</a> <a href="http://umihumairayusof.blogspot.com/">b</a> <a href="http://wanaseoby.blogspot.com/" >c</a>.Image From Tumblr. Best Viewed In Google Chrome<br><br><br></div>

<!----MAIN WRAPPER-----!>

<$blogitembody$></blogger><br><br>

</blogger>

<div class="old"><NewerPosts><a href="<$NewerPosts$>" target="_blank"><-</a> Or </NewerPosts> <OlderPosts> <a href="<$OlderPosts$>" target="_blank">-></a></OlderPosts></center></div> </div></div>

</div>

</td></tr></tbody>

</table>

<!---Navigation Wrapper----!>

</td>

</tr></tbody>

</table>

<div class="title-a">The Little Cupcake</div>

<div class="title-b">Meet The Owner!</div><br>

Please, Put Your Own Biograph :)

</center>

<div class="title-a">Ex-change</div>

<div class="title-b">Be My Friend</div><br>

<a class="fuji" href="LINK">FRIEND</a>

</center>

<div class="title-a">Stuff</div>

<a class="stuff" href="LINK">TITLE</a> <a class="stuff" href="LINK">TITLE</a><br>

</center><br><br>

<$BlogItemBody$></br>

</blogger>

<div class="old"><NewerPosts><a href="<$NewerPosts$>" target="_blank"> <-</a> or </NewerPosts> <OlderPosts> <a href="<$OlderPosts$>" target="_blank"> -> </a></OlderPosts></center></div>

</body></html></table>

Okay, udah selesai. Maaf semua code langsung semua aku ketik. Kelamaan. Capek -_- Hehehe.......

By.......

NEWER POST