Cara Membuat Welcome Image Blog


Kali ini saya akan Post Cara Membuat Welcome Image Blog. Contohnya seperti diatas. Maksud Script ini. Waktu kita buka Blog muncul Gambar Cewe, Jika kita klik Gambar cewe itu maka Munculah Template kita itu. Langsung dah ke Tutorialnya gak usah basa-basi lagi.

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 di atas code  ]]></b:skin> :
</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://www.grapixd.com/images/enter.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;">
5. Lalu Simpan Template

Perhatian :

- Kode Warna Merah anda bisa ganti dengan URL gambar kalian. 

Komentar