Home Owner Tutobies Other Friends Themes

Minggu, 24 Januari 2016

Cute Widget Owner 1

   Hai, assalamu'alaikum! Resti sekarang lagi browsing sambil belajar nih (maklum mau udah kelas 6). Ada orang request cara buat widget owner kayak punya Resti. Sebenarnya widget owner itu hanya hasil editanku belaka dari yang aslinya. Yuk read more!


1. Dashboard
2. Tata Letak
3. HTML Java Script
4. Taruh kode dibawah ini di kolom yang tersedia
<style>
.why a:link, .why a:active, .why a:visited
{
width:85px; background: #fff5fb;
color:#FEA5C2;
display: inline-block;
text-decoration:none;
text-align:center;
font:15px Comic Sans MS;
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:2px solid #fed7e6;
-moz-border-radius: 35px;
border-radius: 35px;
}
.why a:hover{
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
background:#FED7E6; color: #ffffff;
border:2px dashed #fea5c2;
}
</style>
<center><div style="background:url(URL BACKGROUND) repeat; border:3px solid #fed7e6;-moz-border-radius: 15px;
border-radius: 15px;padding:5px;width:200px;"> <img style="width:200px;height:140px;" src="URL IMAGE PROFIL" /><br /> <div class="why"> <a href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID">Folllow</a> <a href="http://blogger.com/home">Dashboard</a></div></div></center><br />
<div style="
background:url(URL BACKGROUND);border:2px solid #fed7e6;-moz-border-radius: 15px;
border-radius: 15px;
color:#fea5c2; font-family: Comic Sans MS; repeat;"><center><br /> YOUR TEXT <br />
</center><br /></div>
-edit sesukamu
5. Save

Terima kasih telah membaca, tinggalkan komentar ya!

1 komentar:

^_^ Komentar yang Baik ya! ^_^

Related Posts Plugin for WordPress, Blogger...