Saturday, 6 July 2013

Tutorial : Tukar Skin

Cara tukar ke sini okay :) http://nurhafizahpija.blogspot.com/2011/09/cara-guna-blogskin.html
<html>
<head>

<link href='http://3.bp.blogspot.com/-Ov7lyFLMb30/T--nm4tN6yI/AAAAAAAALNc/PO8HDkMmb74/s1600/tumblr_ls1tle7XIk1qhwcy0.gif' rel='icon' type='image/x-icon'/>
<link href='http://fonts.googleapis.com/css?family=Mr+De+Haviland' rel='stylesheet' type='text/css'>
<title>cirque de couleurs</title>
<style type="text/css">


body{background: #fff url(http://2.bp.blogspot.com/-rZ2h266_DXc/T_jPPl5satI/AAAAAAAAL7k/bYWUkCHLMGI/s1600/bodytile.jpg);letter-spacing: 1px; font-family: calibri; font-size: 12px; color: #c7c7c7; }
a:link,a:visited{color:#ffc8a6;text-decoration:none;}
a:hover{color:#ffffe1;text-decoration:none;}

big {font-family: 'Fredericka the Great', cursive; font-size: 23px;line-height: 18px;letter-spacing: -3px;text-transform: uppercase;font-weight: normal;}
b, strong {text-transform: uppercase;}
i, em {letter-spacing:3px;}
s, strike {font-family: calibri;}
u {border-bottom: 1px dotted #d7eff5; text-decoration: none;}
small, sub, sup {font-family: small fonts;font-size: 7px;letter-spacing: 2px;text-transform: uppercase;}

.h1 { text-transform:uppercase; padding:5px; color: #fff; display:inline-block; background:#c8e0e6; }
.h2 { text-transform:uppercase; padding:5px; color: #fff; display:inline-block; background:#d7eff5; }
.h3 { text-transform:uppercase; padding:5px; color: #fff; display:inline-block; background:#dcc8e6; float:right;}
.h4 { text-transform:uppercase; padding:5px; color: #fff; background:#dcc8e6; }
.h5 { text-transform:uppercase; padding:3px; color: #fcc; background:#ffedee; border-bottom: 3px solid #fadedf; letter-spacing:1px; text-align:right; margin-bottom:7px;}

#navbar-iframe {display: none !important;}
::-webkit-scrollbar {width:6px;height:auto;background:#fff;height:5px;}
::-webkit-scrollbar-thumb{background: #fcc;border-radius:10px;height:5px;}

blockquote{background: #fff url(http://subtlepatterns.com/patterns/pinstripe.png);padding:5px;-webkit-transition: 1.0s;-moz-transition: 1.0s;}
.fotter {margin-top:7px;}

img{opacity: .70;-webkit-transition:All 0.8s ease;-moz-transition:All 0.8s ease;-o-transition:All 0.8s ease;}
img:hover{border-radius:0px;opacity: 1; }

.box {width:473px; height:302px; background: #fff url(http://25.media.tumblr.com/tumblr_ly9kuwLmFS1rne5doo1_500.gif); margin-bottom:7px;}
.mix {width:473px; height:302px; background: #fff; margin-bottom:7px; opacity: .0;-webkit-transition:All 0.8s ease;-moz-transition:All 0.8s ease;-o-transition:All 0.8s ease;}
.mix:hover {width:473px; height:302px; background: #fff; margin-bottom:7px; opacity: 1.0;-webkit-transition:All 0.8s ease;-moz-transition:All 0.8s ease;-o-transition:All 0.8s ease;}
.circle { width:200px; height:200px; background: #fadedf; border-radius:100%; color:#fff; margin-top:80px;}

#love {background: #c8e0e6; -webkit-transition:.2s; color: #fff; padding: 5px; display: inline-block;}
#love:hover {background: #d7eff5;}

</style></head><body>

<div style="position:absolute; top:30px; left:610px;width:500px;background:#fff; border:20px solid #ffebf1;padding:10px;">
<center>
<span onClick="document.getElementById('main').innerHTML=document.getElementById('x').innerHTML">
<div class="box">
<div class="mix">

<div class="circle"><div style="padding-top:45px;">
yourURL.blogspot.com<br>
<i>cirque de couleurs</i>
<br><br>
© copyright!♥<br>
desing by <a href="http://www.blogskins.com/me/helle_melodie">Helle.M</a> & graphic <a href="http://yourminewhatever.tumblr.com/">You're mine.</a> ♣.
<br><br>
Thanks<br> for <i>your visit</i>.!
</div></div>

</div>
</div>
</span><br>
<span class="h4" onMouseover="this.style.background='#ebd7f5'" onMouseout="this.style.background='#dcc8e6'" onClick="document.getElementById('main').innerHTML=document.getElementById('one').innerHTML">author</span>
<span class="h4" onMouseover="this.style.background='#ebd7f5'" onMouseout="this.style.background='#dcc8e6'" onClick="document.getElementById('main').innerHTML=document.getElementById('two').innerHTML">inf. site</span>
<span class="h4" onMouseover="this.style.background='#ebd7f5'" onMouseout="this.style.background='#dcc8e6'" onClick="document.getElementById('main').innerHTML=document.getElementById('trhee').innerHTML">tag!♥</span>
<span class="h4" onMouseover="this.style.background='#ebd7f5'" onMouseout="this.style.background='#dcc8e6'" onClick="document.getElementById('main').innerHTML=document.getElementById('four').innerHTML">affiliates</span>
</center>

<div id="main" style="background:#fff;padding:10px;border:1px #eee solid; margin-top:10px;">
<div class="h5">welcome.</div>
Te Doy La <b>Bienvenida,</b>
Un Blog Que Se Dedica Especialmente A Hacerte Feliz Sin Importar El Que Diran!♥ Aparte De Otorgarte Otros Espacios Interesantes Para Pasar Un Lindo Rato Curioseando.<br><br>
</div>

<Blogger>
<div style="background:#fff;padding:10px;font: 12px calibri;letter-spacing: 1px;border:1px #eee solid; margin-top:15px;">
<div class="h1"><$BlogItemTitle$></div>
<div class="h2"><$BlogItemDateTime$> !♥ <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div>
<a class="h3" style="color:#fff;" title="comment?" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> +</a>
<div class="fotter"><$BlogItemBody$></div></div>
</Blogger>
<br>

<div id="x" style="display: none;">
<div class="h5">welcome.</div>
Te Doy La <b>Bienvenida,</b>
Un Blog Que Se Dedica Especialmente A Hacerte Feliz Sin Importar El Que Diran!♥ Aparte De Otorgarte Otros Espacios Interesantes Para Pasar Un Lindo Rato Curioseando.<br><br>
</div>

<div id="one" style="display: none;">
<div class="h4">profile.</div>
Hello, I'm Melodie, i have got 16 year in the life of adventure.
Travel ever be of infinite by confusing letters of the books.
In addition to delve a dark pasadisos of the numbers.
The paradise of music messes serious moments ...
<br>
His smile breaks each of my senses
<u>Wishlist</u> :<br>
<img style="float:left;align:center;padding:3px;" src="http://1.bp.blogspot.com/-8nQnehxE2aQ/TfJtDorcQQI/AAAAAAAABy4/oyl2ga8IvgY/s1600/3_081209usa_s_c.gif" />
<img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/miniflorzinha2.gif"/> <s>Comer Chocolate Con Almendras</s>.<br>
<img src="http://media.tumblr.com/tumblr_lkwlowwNQ61qi6qow.gif"/> Tirarme En Paracaidas.<br>
<img src="http://media.tumblr.com/tumblr_lkwlowwNQ61qi6qow.gif"/> Aprender Otro Idioma.<br>
<img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/miniflorzinha2.gif"/> <s>Tener Mis Rollers</s>.<br>
<img src="http://media.tumblr.com/tumblr_lkwlowwNQ61qi6qow.gif"/> Patinar Sobre Hielo.<br>
<img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/miniflorzinha2.gif"/> <s>Saber Guitarra</s>.<br>
<br>
</div>

<div id="two" style="display: none;">
<div class="h4">Site.</div>
<img style="float:right;align:center;padding:3px;" src="http://2.bp.blogspot.com/-7olEoJIibuk/TfJs2E79xnI/AAAAAAAAByk/v8Va1xyvsPk/s1600/080624usa_s_c.gif" />
In this strange network space you will find yourself with lots of beasts,
aliens, and Extrabagantes Fantastic Beings. You will travel through wonderful
stories of action and adventure, you will live a great emotion through the
roller coaster imagination of its author.<br><br>
</div>

<div id="trhee" style="display: none;">
<div class="h4">Chat.</div>
Put here your C-box!
</div>

<div id="four" style="display: none;">
<div class="h4">affiliates.</div>
Put here your FRIENDS!♣
<center>
<a id="love" href=".com">link</a><a id="love" href=".com">link</a><a id="love" href=".com">link</a><a id="love" href=".com">link</a><a id="love" href=".com">link</a><a id="love" href=".com">link</a><a id="love" href=".com">link</a><a id="love" href=".com">link</a><a id="love" href=".com">link</a><a id="love" href=".com">link</a><br>
<a id="love" href=".com">link</a><a id="love" href=".com">link</a><a id="love" href=".com">link</a><a id="love" href=".com">link</a><a id="love" href=".com">link</a><a id="love" href=".com">link</a><a id="love" href=".com">link</a><a id="love" href=".com">link</a><a id="love" href=".com">link</a><a id="love" href=".com">link</a>

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

</html>

No comments: