Nak letak Welcome imej kat blog..


welcome imej kat atas ni yang mcm kat blog siti punya..comel kan??

Paparan welcome imej yang comel-comel ni akan muncul waktu first page blog korang..benda ni lebih kurang mcm kulit buku la..sebelum masuk blog korang,kena la klik benda ni dulu pastu baru boleh masuk blog korang..tak nak cakap panjg-panjg ikut je tutorial kat bawah ok!!

PERINGATAN!!

*Sebelum tu, korang dinasihatkan supaya backup template terlebih dahulu, sebab once korang dah apply benda ni dekat blog, kod dia dah tak boleh delete. So ambik langkah berjaga-jaga, backup templatedulu ye.

Cara-caranya:

- sign in blog korang.
- Dashboard > design > edit HTML > tick kotak"Expand widget templates" 
- korang tekan ctrl + F serentak,cari code
]]></b:skin>
- Lepas tu copy and paste code kat bawah ni  SEBELUM / DI ATAS kod ]]></b:skin>
</style></head><script language="javascript" type="text/javascript">/* toggle() checks to see if the images has already been fadedor not and sends the appropriate variables to opacity(); */function toggle(el,milli) {// Get the opacity style parameter from the imagevar currOpacity = document.getElementById(el).style.opacity;if(currOpacity != 0) { // if not fadedfade(el, milli, 100, 0);} else { // else the images is already fadedfade(el, milli, 0, 100);}}/* changeOpacity() uses three different opacity settings toachieve a cross-browser opacity changing function. Thisfunction can also be used to directly change the opacityof an element. */function changeOpacity(el,opacity) {var image = document.getElementById(el);// For Mozillaimage.style.MozOpacity = (opacity / 100);// For IEimage.style.filter = "alpha(opacity=" + opacity + ")";// For othersimage.style.opacity = (opacity / 100);}/* fade() will fade the image in or out based on the startingand ending opacity settings. The speed of the fade isdetermined by the variable milli (total time of the fadein milliseconds)*/function fade(el,milli,start,end) {var fadeTime = Math.round(milli/100);var i = 0; // Fade Timer// Fade inif(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' millisecondssetTimeout(expr,timeout);i++;}}// Fade outelse 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="URL IMAGE WELCOME"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;"><body>
p/s:
 Pada  URL IMAGE WELCOME, korang masukkan url image welcome yang korang suka. Image welcome korang boleh pilih kat bawah, copy url yang disediakan.



http://img830.imageshack.us/img830/7516/64141948.png 
 
http://img190.imageshack.us/img190/2280/87105761.png
 
http://img42.imageshack.us/img42/2760/13929553.gif

 
http://img831.imageshack.us/img831/7031/46029943.gif

 
http://img137.imageshack.us/img137/6722/78563544.png

http://img821.imageshack.us/img821/1397/61645383.png

 
http://img827.imageshack.us/img827/2415/47060660.gif

-  Selepas masukkan url image pada kod, korang klik save template. Kemudian akan keluar "keep widget or delete widget", pilih delete widget ye.
Lastly klik preview, kalau menjadi, terus klik save template.


Siap!! selamat mencuba..




Credit to: jom bina blog 

No comments:

Post a Comment