Sep 11, 2011

Tuto welcome note

It’s true ♥

Dh puasa ganti ke belum? hehe, sekolah ari tu ade puasa ganti tapi dh x tahan tngok kwn2 makan minum depan saya,... so disebabkan nafsu makan saya dh x tahan saya pun serang la kantin. Hehehehe....

Tuto welcome note? dia mcm ni.. korng masuk blog sape-sape la kan. Lepas tu ade keluar satu gmbr. Korng tekan gmbr tu untuk masuk blog dia


Ok, sebelum buat tuto ni. Code ini ade kelemahan sikit tau. Kelemahan Pertama... Sebelum buat tuto ni. Back-up templete blog korng dulu. Kang rosak x menjadi menangis pula korng nanti. Kelemahan kedua... Nanti ade satu tanda kat top blog korng tu. Lepas tu nanti bagi org yg guna followers box yg google friends punya tu kan nanti followers dia jadi kosong la.. maksud fiqah, bukan smua follower kat blog korng tu hilang. Tapi followers box tu jadi kodong. Rujuk pada gmbr ni ye;


klik gmbr tu sbb x jelas

Ok. Klau korng x kisah psl kelemahan welcome note ni nk psg jgk kat blog meh ikut tuto ni.


1) Dashboard > Design > Edit HTML 
2) ctrl+f a.k.a F3 cari code ni 


]]></b:skin>


Lepas tu pulak copy code kat bawah ni dan pastekan code ni kat atas code ]]></b:skin>




/* to top */
#toTop { width:100px;background:none;border:0px solid #ccc;text-
align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-
decoration:none; }
</style></head>
<script language="javascript" type="text/javascript">
/* toggle() checks to see if the images has already been faded
or not and sends the appropriate variables to opacity(); */
function toggle(el,milli) {
// Get the opacity style parameter from the image
var currOpacity = document.getElementById(el).style.opacity;
if(currOpacity != 0) { // if not faded
fade(el, milli, 100, 0);
} else { // else the images is already faded
fade(el, milli, 0, 100);
}
}
/* changeOpacity() uses three different opacity settings to
achieve a cross-browser opacity changing function. This
function can also be used to directly change the opacity
of an element. */
function changeOpacity(el,opacity) {
var image = document.getElementById(el);
// For Mozilla
image.style.MozOpacity = (opacity / 100);
// For IE
image.style.filter = "alpha(opacity=" + opacity + ")";
// For others
image.style.opacity = (opacity / 100);
}
/* fade() will fade the image in or out based on the starting
and ending opacity settings. The speed of the fade is
determined by the variable milli (total time of the fade
in milliseconds)*/
function fade(el,milli,start,end) {
var fadeTime = Math.round(milli/100);
var i = 0; // Fade Timer
// Fade in
if(start < end) {
for(j = start; j <= end; j++) {
// define the expression to be called in setTimeout()
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
// setTimeout will call 'expr' after 'timeout' milliseconds
setTimeout(expr,timeout);
i++;
}
}
// Fade out
else if(start > end) {
for(j = start; j >= end; j--) {
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
setTimeout(expr,timeout);
i++;
}
}
}
</script>
<div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none';
document.getElementById('june').style.display=''">
<img src="LINK IMAGE"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/>
</div>
<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">
<body>


merah: url gmbr


edit la gmbr welcome note mcm mane style sekali pun kat photoshop 
Tapi saya ade la baik hati buat dua untuk korng. Sorry sbb ade warna biru n oren je.


 http://2.bp.blogspot.com/-1gxFBYg6C-A/Tmv7lXngV6I/AAAAAAAAB7s/byRnZhg2WWM/s320/birufiqahbuat.png

http://3.bp.blogspot.com/-yOxRuRFAvaY/Tmv7n-DjEJI/AAAAAAAAB7w/_rvJu0xjw1g/s320/orenfiqahbuat.png


Lepas tu preview la dulu. Dh puas hati smua  SAVE  je la~ 
Bila dh save nanti dia ade ckp nk simpan x satu widget ni kan. Tekan don't save.