Tutorial : Letak Lagu di Blog New Style #part 1 With freebies

ุงู„ุณّู„ุง ู… ุนู„ูŠฺฉู… ูˆุฑุญู…ุฉุงู„ู„ู‡ ูˆุจุฑฺฉุฉ | 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">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
background:url('URL ICON ') no-repeat;
}
.gbcontent{
float:left;
border:1px solid #000000;
background:url('BACKGROUND UNTUK KOTAK');padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
CODE LAGU</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

pink: letak URL background pilihan korg
biru: code lagu
oren: ketebal border. Bole diubah
hijau: jenis border eg. solid/ dotted/ dashed
merah: URL icon music. Bole ambil linknya kt sini, klau mau


http://1.bp.blogspot.com/-MOVP_YwkN1Q/T4TLXiRWFJI/AAAAAAAAFek/bEfuo9WEXeo/s1600/7.png


http://3.bp.blogspot.com/-BAdabGm7mHI/T4TLa3S3qqI/AAAAAAAAFes/Bd5TUVQrK-g/s1600/purple.png


http://2.bp.blogspot.com/-_5fcEd-raQE/T4TLeKFYpzI/AAAAAAAAFe0/0d3t2xPXpzM/s1600/blue.png


http://1.bp.blogspot.com/-DZ7APUzVPZ0/T4TLi35IaSI/AAAAAAAAFfQ/2oHr_s84JmA/s1600/green.png


http://1.bp.blogspot.com/-q_3tEzBQwAI/T4TLgfAW2VI/AAAAAAAAFe8/Rn-Eor5v3rQ/s1600/6.png


http://3.bp.blogspot.com/-E9cj72KGcYk/T4TLhOlAiRI/AAAAAAAAFfA/RzX1GRS11vo/s1600/blue.png


http://1.bp.blogspot.com/-6SR2zvyiZ0s/T4TLmZzEY5I/AAAAAAAAFfc/mS5mbzlt8fk/s1600/pink.png

Comments

  1. thanks akk....akk blog akk cantik laa ~ jeles saya.. cute-2 jea... omeyy pulak tuh !

    ReplyDelete
  2. faqihah oii..teman dah jadi..trima kasoh bebanyok lah.. #peace#

    ReplyDelete
  3. Menjadi , Thankyou kak Qihah :*

    ReplyDelete
  4. qihah, cemana nak ambik code ? ambik kat mana ?

    ReplyDelete
  5. adik..cm ne nk dpt code lagu tu..? bleh tunjuk cnth x? xjd pn kt blog akk..

    ReplyDelete
  6. adik..cm ne nk dpt code lagu tu..kak wt x dpt pn..ley tnjuk cnth x?

    ReplyDelete
  7. adq macam mana nak buad autoplayer :D btw , thankyouu ^^

    ReplyDelete
  8. Slm...Qihah,mana nk dpt code tu???

    ReplyDelete
  9. dikk , akak amek freebies ni boleh kan ? akak credit adik nanti tau .

    ReplyDelete
  10. dik, mcm mne nk amik code tu?

    ReplyDelete
  11. Hai kihah comel ! thanks taww ! :D

    ReplyDelete

Post a Comment

Budi Bahasa Budaya Kita

Popular posts from this blog

Tutorial : How To Use Blogskin? Cara nak Guna Blogskin

Senarai Pemenang Anugerah Melodi 2016

Tutorial: Letak gambar di sidebar