Kawaii Cupcake in Your Blog


Pagi semuanyaaa! Selamat hari kupatan! Kan seminggu sesudah lebaran itu hari ketupat? Berbagi ketupat, lontong, opor, sayur labu siam, ke tetangga terdekat, saudara, siapa saja. Kalo di Indonesia ada, di daerahku sudah tradisi. Kalo di malaysia, ada gak yah? Btw, aku akan post kawaii cupcake seperti gambar di atas yang di kotak merah itu. Mau? ↓


1. Buka blog kamu
2. Add gadget > HTML/Javascript, blogskin langsung ke template > sidebar
3. Copas kode berikut
<style>
#music{
position:fixed; top:90px; left:10px;
padding-top:10px;padding-bottom:17px;
text-align:center;
height:10px; width:34px;
overflow:hidden;
border:3px solid #FFF1C6;
color:#888;
border-radius:40px;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
background-color:#FFFFFF;
z-index:999;
}
#musicplayer{
padding-top:10px;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
} #music:hover {
border:3px dotted #FFF1C6; padding:5px; height:65px; width:65px;
border-radius:70px;
}
</style>
<div id="music">
<center>
<img src="http://media.tumblr.com/tumblr_m9sq8vPdF31qdlkyg.gif" style="background:none;border:none;padding-top:0px;" /></center>
<div id="musicplayer">
<center><object width="30" height="25"><param name="movie" value="http://www.youtube.com/v/ZAohs1bucvY?version=2&amp;autoplay=1&amp;hl=en_US&amp;color1=E4E1FF&amp;color2=F3E1FF" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/ZAohs1bucvY?version=2&autoplay=1&hl=en_US&color1=E4E1FF&color2=F3E1FF" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="30" height="25"></embed></object></center>
</div>
</div>
4.  Ganti yang warna merah itu. Kalian juga bisa mengganti iconnya. Ingat! Urlnya harus seperti itu! Hilangkan tulisan watch/v= dan ganti dengan /v/ seperti url di atas
5. Simpan
Terimakasih sudah membaca ^^ Tinggalkan komentar ya?

Tidak ada komentar:

 
Related Posts Plugin for WordPress, Blogger...