Aulia Septiya's stuffs.

Tutorial: Make Your Own Skin // Saturday, July 7, 2012 // 0 XX

always cute >u<

Assalamu'alaikum ★
Karena sebenernya da yang request, tapi baru bisa bikin sekarang, hehe ._.v Aku kasi code-codenya. Kalian tinggal copy paste aja. Copynya pake CTRL+C. Sebelumnya, siapin Notepad or Microsoft Word. Btw, ini template model Like A Paradise. Ok, check it out »

<!-------- BASIC CODE --------!>

<html><head>div>

<link rel="shortcut icon" href="URL FAVICON" />

<title>Wazzup?</title>

</head>

<style type="text/css">

[ CODE PERTAMA ]

</style>

<body>

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

<table style="margin-bottom: 10px;font-size: 11px; color: #666; line-height: 16px; background-color: #FFF; border-radius:10px;" width="800" align="center" border="0" cellspacing="10">

<tbody><tr>

<td valign="top" style="width:530px; padding-left:5px; border-right:1px solid #eee; padding-bottom:5px;; padding-right:15px; ">

<div id="page">

<blogger><div class="title-a"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>

<div class="title-b"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div><br>

<$BlogItemBody$></br>

</blogger>

<!-------- SIDEBAR WRAPPER --------!>

<td valign="top" style="line-height:15px; font-size:11px; width:240px; padding-left:10px;">

[ CODE KEDUA ]

</td>

</tr></tbody>

</table>

[ CODE KETIGA ]

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

Hapus bagian [ CODE PERTAMA ] Ganti sama ini »

#navbar-iframe {

display: none;

}

body {

background: url(URL BACKGROUND);

background-attachment: fixed;

font: FONT SIZEpx Trebuchet MS;

cursor: url(CURSOR URL), auto;

}

a:link, a:visited {

color: #FONT COLOR;

text-decoration: none;

}

a:hover {

color: #FONT COLOR;

text-decoration: none;

}

.title-a {

font: FONT SIZEpx Century Gothic;

color: #FONT COLOR;

background: #BACKGROUND COLOR;

text-align: center;

border: 1px dotted #BORDER COLOR;

border-right:5pt solid #BORDER COLOR;

border-left:5pt solid #BORDER COLOR;

}

.titile-b {

text-align: right;

font:11px Consolas;

}

blockquote {

border: #BORDER COLOR 1px dotted;

color: #FONT COLOR;

background: #BACKGROUND COLOR;

padding: 5px;

-webkit-transition: 0.5s;

}

blockquote:hover {

padding: 5px;

border: 1px dashed #BACKGROUND COLOR;

border-radius: 8px;

-webkit-transition: 0.5s;

}

::-webkit-scrollbar {

width:10px;

height:10px;

}

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {

height:10px;

width:10px;

display:block;

background:#CFD0CD;

border:1px solid #929292;

}

::-webkit-scrollbar-track-piece {

background-color:#fff;

}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {

background-color:#BACKGROUND COLOR;

border:1px solid #BORDER COLOR;

}

b, strong {

color: #FONT COLOR;

font-weight:bold;

}

i , s, strike {

color: #FONT COLOR;

}

u, underline {

color: #FONT COLOR;

border-bottom: 1px #BORDER COLOR dashed;

text-decoration: none;

}

.nav {

color: #FONT COLOR;

font: FONT SIZEpx Consolas;

background: #BACKGROUND COLOR;

padding: 5px;

-webkit-transition: 0.5s;

}

.nav:hover {

color: #FONT COLOR;

background: #BACKGROUND COLOR;

-webkit-transition: 0.5s;

}

Tulisan yang gede-gede semua itu, kamu ganti sesuka hati kamu. Okeh, lanjut. Hapus bagian [ CODE KEDUA ] ganti sama ini. Check it out »

<div class="title-a">Benvenuto!</div><br>

<center><img src="http://i.imgur.com/cQje3.gif" width="200"/><br>

Welcome to my paradise. What do you want in here? Okeh, steal anyhting what you can steal. <b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s><br><br><br><br>

<div class="nav" onClick="document.getElementById('page').innerHTML=document.getElementById('diary').innerHTML">Diary</div>

<div class ="nav" onClick="document.getElementById('page').innerHTML=document.getElementById('profile').innerHTML">Profile</div>

<div class ="nav" onClick="document.getElementById('page').innerHTML=document.getElementById('links').innerHTML">Links</div>

<div class ="nav" onClick="document.getElementById('page').innerHTML=document.getElementById('stuff').innerHTML">Stuff</span><br><br>

<div class="title-a">Tagboard</div><br>

<center>

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">

<param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />

<param name="bgcolor" value="#white" />

<param name="FlashVars" value="mp3=http%3A//irondj.net/mix/file/12835/Taylor_Swift_-_Today_Was_A_Fairytale___Lyrics.mp3&autoplay=1

&loop=1&bgcolor=white&buttoncolor=F5A9BC&slidercolor=999999" />

</object><br>

PUT YOU OWN CBOX</center><br><br>

<div class="title-a">Rewind</div><br>

<select style="border: 1px solid #7DC4E3; padding: 4px; background:#FFF; -webkit-border-radius: 4px; font-family: century gothic; font-size: 11px; color: #666; width: 100%; text-align: center; "

onChange="location.href=this.options[this.selectedIndex].value;" value="GO" target="_blank">

<option selected="selected">By Months ♥</option><BloggerArchives>

<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>

</BloggerArchives>

</select>

<select style="border: 1px solid #F5A9BC; padding: 4px; background:#FFF; -webkit-border-radius: 4px; font-family: century gothic; font-size: 11px; color: #666; width: 100%; text-align: center; "

onChange="location.href=this.options[this.selectedIndex].value;" value="GO" target="_blank">

<option selected="selected">By Posts ♥</option><BloggerPreviousItems>

<option value="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></option>

</BloggerPreviousItems>

</select></div><br><br>

<!---- DO NOT REMOVE THIS, OR I'LL HUNT AND EAT YOU !!-----!>

<div class="title-a">Credits</div><br>

<center><img src="http://i.imgur.com/b6BAS.jpg" width="170" height="100" /><br></center>

Big helped: <a href="http://thisisme-aulia.blogspot.com">Aulia</a> <a href="http://www.blogskins.com/me/auseptiyaa">Septiya</a><br>

Edited: <a href="YOUR BLOG URL">YOUR NAME</a><br></div>

<!---- DO NOT REMOVE THIS, OR I'LL HUNT AND EAT YOU !!-----!>

Next. Hapus bagian [ CODE KETIGA ] ganti sama ini »

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

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

<center><img src="http://data.whicdn.com/images/23430872/tumblr_ly2crhy2Z31r63uuao1_500_large.jpg" /></center><br>

Put your profile here. Unlimited.</div>

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

<div class="title-a">I have friends</div><br>

<center>

<img src="http://data.whicdn.com/images/20879174/tumblr_lwektxj3uJ1qeybz9o1_500_large.jpg" /><br><br>

<a href="http://www.aulia-septiya.co.cc/">Friend</a> | <a href="http://www.aulia-septiya.co.cc/">Friend</a> | <a href="http://www.aulia-septiya.co.cc/">Friend</a> | <a href="http://www.aulia-septiya.co.cc/">Friend</a> | <a href="http://www.aulia-septiya.co.cc/">Friend</a> | <a href="http://www.aulia-septiya.co.cc/">Friend</a> | <a href="http://www.aulia-septiya.co.cc/">Friend</a> | <a href="http://www.aulia-septiya.co.cc/">Friend</a> | <a href="http://www.aulia-septiya.co.cc/">Friend</a> | <a href="http://www.aulia-septiya.co.cc/">Friend</a> | <a href="http://www.aulia-septiya.co.cc/">Friend</a> | <a href="http://www.aulia-septiya.co.cc/">Friend</a> | Next?

</center></div>

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

<div class="title-a">Anything here</div><br>

<center><img src="http://data.whicdn.com/images/20677299/396745_228084213935618_100002021233010_497175_533334499_n_large.jpg" /></center><br>

Put your tutorial and freebies here. Or you bias list. Anything what do you want!</div>

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

<blogger><div class="title-a"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>

<div class="title-b"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div><br>

<$BlogItemBody$></br>

</blogger>

Kalau sudah jadi, PREVIEW dulu di blog mu. Kalau ada yang kurang atau udah pas di hati kamu, baru di save.

Don't understand? Tell me what you don't understand. And i will help you. Okeh, that's it. Thanks. Please DO NOT REMOVE THE CREDITS ;;)

Oiya, kalo mau taruh header, Taruh ini dibawah <head>

<center><img src="URL HEADER" /></center>

Bubyee ~ ★

Labels: tutorial

◄ Older ♦ Newer ►