2 September 2012

Tutorial : Letak Lagu di Blog New Style #part 2

السّلا م عليکم ورحمةالله وبرکة | Salam Sejahtera.

Sejak kebelakangan ni ramai yang tanya kihah macam mana nak letak lagu kat blog untuk pengguna classic template atau blogskin. Memang agak ramai jugalah yang tanya. Memandangkan kihah tengah rajin sekarang ni. So kihah akan tunjukkn caranya.


Template Designer :
i.) Dashboard --> Design --> Page Elements --> Add a Gadget ---> Html/Javascript
ii.) Copy code di bawah paste dekat atas Html/Javascript.
iii.) Preview and Save !

Blogskins :
i.) Dashboard --> Design --> Template --> Edit Html
ii.) Copy code di bawah dan paste dekat BAWAH <head>
iii.) Preview and Save !
<style type="text/css">
#music {
border-radius: 8px;
margin-bottom: 8px;
width: 210px;
text-align: center;
font-size: 10px;
background: #fff;
border: 1px solid #eee;
}
#here {
position:fixed;
left: 20px;
top:-80px;
text-align: center;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}
#here:hover {
top:8px;
}
</style>

</style>
<div id="here">
<div id="music">
<div style="border:1px solid #eee; width:210px;height:65px;overflow:auto; "><br>
<center> CODE LAGU <center>
<br></object>
</div></div>
<img src="URL IMG"/></div>
Nota;
pink: letak code warna untuk background boleh cari kat SINI. Kalau nak letak background bergambar, gantikan background: #fff; dengan
background: url (URL GAMBAR);
biru: code lagu
oren: ketebal border. Bole diubah
hijau: jenis border eg. solid/ dotted/ dashed
merah: URL icon music. Boleh carik kat sini

Okay. dah siap. Jadi ke tak?

3 comments:

  1. faqihah,kat mana ak cari code lagu?sorry,saya tak pakar benda macam ni.

    ReplyDelete
  2. kiha saye nak tnye..mcm mne kihah buat setiap entry kihah ade box..mcm tajuk upsr minggu deoan??! :O die dalam box kan?boleh kitak kihah buat tuto?thax

    ReplyDelete
  3. Wanna do this but i dont understand ur langauge :( but btw ur blog is so awesome, wanna like you but i cant and dont understand :( hehe

    ReplyDelete

Your words defines you