Home Owner Tutobies Other Friends Themes

Sabtu, 09 April 2016

Cute Widget Owner 2

  Hai, assalamu'alaikum! Hari Minggu begini Resti tentunya ON. Tapi, nanti Resti mau jalan-jalan. Sebelum jalan-jalan, Resti sempetin post tutorial. Lets go!


1. Dashboard
2. Tata Letak
3. Tambahkan Gadget
4. HTML Java Script
5. Copy lalu paste kode dibawah ini
<link href='https://fonts.googleapis.com/css?family=Chela+One' rel='stylesheet' type='text/css'>
<style>
.why a:link, .why a:active, .why a:visited
{
width:100px; background: #fff5f5;
color:#FEA5C2;
display: inline-block;
text-decoration:none;
text-align:center;
font:17px Chela One;
font-weight:normal;
padding:1px;
margin-top:2px;
-webkit-transition-property:color, text;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-timing-function: linear, ease-in;
border:3px solid #ffe5e5;
-moz-border-radius: 35px;
border-radius: 5px;
letter-spacing:1px;
}
.why a:hover{
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
background:#ffe5e5; color: #ffffff;
border:3px dashed #fff5f5;
letter-spacing:3px;
}
.chiumuy{
width:180px;
border-radius:10px;
background:#fff5f5;
background-size:ato;
padding:15px;
height:auto;
border:5px solid #ffe5e5;
font-size:28px;
font-family: Chela One;
color:fea5c2;
letter-spacing:2px;
}
.imageu{
width:220px;
border-radius:10px;
background:url( URL IMAGE );
background-size:ato;
padding:15px;
height:auto;
box-shadow:0 0 6px #fff5f5;
border:2px solid #ffe5e5;
}
.boxeu{
width:210px;
border-radius:10px;
background:#fff;
background-size:360px;
padding:5px;
height:190px;
opacity:0.9;
border:2px dashed #ffe5e5;
text-align:left;
color:#777;
overflow-x: hidden;
overflow-y:scroll;
}
</style><center><div class="imageu"> <center>  <div class="chiumuy">Welcome!!</div><div class="boxeu"> "YOUR TEXT"</div><div class="why"> <a href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID">Follow</a> <a href="http://blogger.com/home">Dashboard</a></div></center></div></center>
-edit-edit dahulu
6. Save

Terima kasih telah membaca, tinggalkan komentar ya!

3 komentar:

^_^ Komentar yang Baik ya! ^_^

Related Posts Plugin for WordPress, Blogger...