Story_Corner
Berbagi info K-Pop, motivasi, tips-tips,pengetahuan dan blog tutorial...^^ Hate my blog? click Here


Story Corner
S

♔ I'm Back ♔

Update-an terbaru untuk bagian K-Pop. Mari kita lihat berita terbaru dari Suzy. Readers juga boleh request tentang artis favorit kamu untuk di update di Story Corner. Request di Chat Box ya.^^ TQ
Selasa, 29 Juli 2014 • 01.45 • 0 Sweet hearts




Hallo... berjumpa lagi di postingan terbaru ni.. Kali ini saya akan berbagi tutorial tentang cara menyembunyikan music player ke dalam cute icon seperti yang saya lakukan.

Preview
Caranya gampang banget ni..
Firstly : for Template Designer
Dashboard --> Layout --> Add gadget --> HTML/Javascript

Firstly : for blogskin , classic template...
Dashboard --> template --> paste the code after  </style>

The codes :

<style>
#music{
position:fixed; top:40px; left:30px;
padding-top:12px;padding-bottom:12px;
text-align:center;
height:10px; width:34px; 
overflow:hidden;  
border:3px solid #FFE3EC;
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:15px; } #music:hover {border:3px solid #FFD1E0; padding:5px; height:45px; width:200px;
}
</style>
<div id="music">
<center>
<img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif" /></center>
<div id="musicplayer">MUSIC PLAYER CODE
</div>
</div>
 NOTES :
Blue text : Color code HERE...
Purple : Cute music icon change it if you want...find it HERE...
Red text : Music player code...don't know how to add it ? HERE ...


Kemudian kalian jangan lupa Preview, habis itu baru boleh SAVE perubahan.
Sekian dulu tuto dari saya. Semoga bermanfaat ya.










             Thanks For Visiting My Blog - Written by Meili_Ou
                                storylover5.blogspot.com 
please leave your comment

Label: ,

0 Komentar posted :

Posting Komentar




Silent Reader(s)
Page Viewers ^^


Flag Counter

Software Website Toko Online

Friends







Chatting Here



Put your name, Don't spam here and Don't use harsh word.
Url Blog Not E-mail
Day by Day

Popular Posts

Update berita tentang Suzy Miss A. Ikutin terus ya..^^
  • Kill Me Heal Me bercerita tentang seorang pria bernama Do Hyun ( Ji Sung ) yang punya penyakit kejiwaan yang biasa disebut D.I.D, yang membuat dirinya memiliki tujuh kepbribadian yaitu Shin Se Gi, Ahn Yoo Sub, Ahn Yoo Na, Ferry Park, Na Na, dan si Mysterious X . Karena si pemilik tubuh tidak tahu dan tidak sadar ketika kepribadian lainnya muncul maka semua itu sangat membahayakan untuknya, terlebih Se Gi salah satu kepribadian yang ada di tubuhnya berniat mengambil alih tubuh Do Hyun untuk selama-lamanya...
  • Drama korea "It's Okay, That's Love" ini menceritakan tentang seorang penulis cerita misteri sekaligus penyiar radio DJ, yang menderita penyakit obsesi. Sementara itu, Ji Hae-Soo (Kong Hyo-Jin) mengambil jurusan psikiatr di University Hospital.Ikuti Kisah mereka!!
  • ChatBox adalah aplikasi pesan dan chatting yang unik untuk blog ataupun website. ChatBox akan memudahkan interaksi antara writer dan reader. Selain itu, CBOX...
  • Kali ini saya akan membagikan tutorial tentang memasang musik yang otomatis play saat masuk ke blog kamu. Ya.. Musik akan membuat pembaca...
  • Sebagai makhluk sosial tentu kita pernah mengalami yang namanya kecewa. Tentu kita juga pernah mengecewakan orang lain. Ya kecewa...
  • Haloooo semua ^^. All_Lovers hadir dengan tampilan baru. Pada kesempatan kali ini saya ingin berbagi tentang membuat like button facebook...
  • Bunga ini adalah BUNGA UME.Bunga indah yang mekar di Tokyo pertengahan bulan Februari sampai akhir...




  • Thanks to: Template By: Kawaii Lady
    Some stuff: