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

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.

JOM TEKAN SINI dan SINI

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil-BCdaPbzr3rtObYYdxPVRwSQ8W3t8qgRK6pkKM38Q1dD9wqrHjqERvvjSHCULLfhd21gXmUTW0MjvbeNhrsFCG-a1DHU4buHIk_G1bVOl4xC2mZtcsoeAx1Ivr7GnO_0omClh1niOw/s1600/7.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzkntejNtn1ORvN80VkP5SrhjGfo3CTLSk0xotRlo795iIACHTFgtn5eiTyK2ho7H0zKjFHesjwsIWuNaAc-pGXfWigpC6e3fGNbX-DvCgHDYpwnHjVgLMiC4vXY0Rp4DLmp7JfjcLQQ/s1600/purple.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5DKXjQtrMcUvZPts5L1dz3CMG2A2iroIcerbOEPe_TOvx0G0QKWtawkkyTZJdZwqDjwCj9oJ-Y0KB03L_oB7bSeH_xlT0w7HF1GnouBhKGzfF1XNOISyuCDXpiXLc_cFSK0zXYaeHog/s1600/blue.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW5UiJ4ru6oCYqF0iSv76HKPAT8_8w8XbuVx0N9Yyem1dlRQlflCrgM7gv1rZuBXqmCgUh8V-IUg14-6Won-RYKkpLscKPfe18gdJW0XGrOik7_m9Mb5lC0aFRow_222mgHjacDqAIvg/s1600/green.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEnYKjtrO2NLnj9vuf0kqfVIFtIAoACKqdl52_slT1syB7JJtVMU1ghulKerVQ0N54qPXCO4SMPv8YaXy1pZ4ddDIn16uwc37P_jj148lQPibhQP2rNt7T0uqDiYF1ZVOEfaNLHwN7Uw/s1600/6.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTWShu7emARaXa58vndnmLTq3OxosYkM9C-MPa312kE7Nht8QkIVN6ZPBbmmqWijL7x9iECCPtQ2xTpR6DzmHnkOhmsfwWqVxyhS7-r0MQ0o-3491ew1jI4FJBNCF5wB4Nn_lz9GT-_g/s1600/blue.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT5bHmzFRKVrNDre7RLp6W5EPf5R8sR3vP1i0TTJWL_ZIC8tfHkYQIqlAI1FHgwWJHDFtqqymFfU5BK2fCYUQ5ZWhBxq7B98Wub5HZMfNwE5clI7uTufWps17ft3VSATrWMRQ8aO2jGQ/s1600/pink.png