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
author image

FAQIHAH HUSNI

Hi! I'm the writer and author of this webpage. Currently studying in SM Sains Kubang Pasu or know as KUPSIS in Kedah. A Kedahan girl for sure! 2017 is my senior year there and I'm fighting to 9A+ in SPM. Do pray the good result for me and others 1317 warriors. Thank you for your time :)

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. 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

Budi Bahasa Budaya Kita