25 August 2012

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

17 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. kihah..sye gune yerr. :) thanx

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

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

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

    ReplyDelete

Your words defines you