Cara membuat Gambar Welcome Blog

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Malam kawan. Malam ini saya akan Post Cara Membuat Welcome Image Blog. Contohnya seperti diatas. Maksud Script ini. Waktu kita buka Blog muncul Gambar Enter, Jika kita klik ENTER maka Munculah Template kita itu. Langsung dah ke Tutornya gk usah ngomong lagi ampe Mulutnya memble XD .

Berikut Langkah - Langkahnya : 

1. Login ke Blogger

2. Masuk ke Rancangan > Edit HTML

3. Setelah masuk, cari code ]]></b:skin>

4. Setelah ketemu, maka letakan code dibawah ini :

</style></head><script language="javascript"type="text/javascript">function toggle(el,milli){var currOpacity=document.getElementById(el).style.opacity;if(currOpacity!=0){fade(el,milli,100,0)}else{fade(el,milli,0,100)}}function changeOpacity(el,opacity){var image=document.getElementById(el);image.style.MozOpacity=(opacity/100);image.style.filter="alpha(opacity="+opacity+")";image.style.opacity=(opacity/100)}function fade(el,milli,start,end){var fadeTime=Math.round(milli/100);var i=0;if(start<end){for(j=start;j<=end;j++){var expr="changeOpacity('"+el+"',"+j+")";var timeout=i*fadeTime;setTimeout(expr,timeout);i++}}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=''"><center><img src="http://i.imgur.com/2extc.gif"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"/></center></div><div id="wise"style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;"><div id="june"style="display : none;">

Diatanya

Selesai deh...