Preview:
Paparan welcome image ini akan muncul pada permulaan, sebelum masuk ke blog korang. Selepas klik pada welcome image ini, blog akan muncul dengan efek "fade in" yang menarik. Ibarat macam buka pintu sebelum masuk rumah ^_^ Ikuti tutorial di bawah.*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 template dulu ye.
Caranya:
1) Sign in akaun blogger
2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"
3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod
]]></b:skin>
4) Kemudian, copy dan paste kod di bawah SEBELUM / DI ATAS kod ]]></b:skin>
</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=''">
<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>
Nota:
Pada URL IMAGE WELCOME, korang masukkan url image welcome yang korang suka. Image welcome korang boleh pilih kat bawah, copy url yang disediakan.
http://img811.imageshack.us/img811/2034/74209346.png
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
5) Selepas masukkan url image pada kod, korang klik save template. Kemudian akan keluar "keep widget or delete widget", pilih delete widget ye.
6) Lastly klik preview, kalau menjadi, terus klik save template.
Selamat mencuba! :)
Special:
wOoWW...!!!!!
dia dicabar untuk SENYAP...
Lawak kot tengok laki hilang kemachoan diorang dalam keadaan macam ini...!!!!
watch a movie...
66 komen budak comel:
try buat, tapi tak jadi laa. macam mane ea? hee
try buat tapi npe ak bole eak ? hehehehe help me please :(
waaa ska2..jdi laaaa :DD
daa try wt tp xjd r ..
camne nk wat x jdi la...
tak jd larr ;'(
@purple_love owh, mybe tak suite ngan template blog awk kot
paste at HTML ke ?
jdy laaa...!!! thanx...cOmey sgt..huhu
wahhh, sya dh try, dapt la.. thnkz yaa..
saya dh cuba, tapi x dpt jugak..:(
Saya dah try, tapi malangnya xjadi D: . Banyak kali dh sy try ..
x jmpe la kotak *expand widget templates* tu .. cam ne nk tick .. prlu ke ?
dh bnyk kali buat . tpi x jadi :(
kak terima kaseh banyak2.. its really nice .. dan menjadi la! suka giler~
saya wat tk jadi.. :( link blank ..tolong :)
dpt wat..jd dah mula2...tpi..tyme sya nak view blog sya..x dpt plak..:( dah bnyk kali dah tknenter..xdpt jgk..:'(
tolong sya..huhu..
cmne nie..ptg td ok je..skg nie x dpt plak nak view blog sya..huhu..please help me:'(
@ika eh yeke? apa link blog awk? ada backup template blog tak?
lufy da try tp tak buley pun )=
saya tak paham kalau letak code kat edit html.. =( takder cara lain ker??
alaa...x jadi lah...x phm...ade sape2 yg boleh tolong x ? :(
saya cuba buad tapi susah..,,
thnx,,dapat buat,,, cantekk,, follow blog iqa ea,,
http://bytafiqa.blogspot.com/
dimane korang paste ???
Knpe x jdi pun ? ..
Tolong la saya ..~~
Jadi lah wah sukannya sukannya jadi2!!*
Jadi lah wah sukannya sukannya jadi2!!*
knpe x dpt..dh bnyk kli sye try...
salam.
saya buat xjadi lah. bila preview jadi tp bila nak save template keluar "sorry, but we were unable to complete ur request" . nak buat cmne ye?
TQ .. COMEL SGT :D
Toloongg sye ..x bleh buat..
punyaku kok ga bisa ya ? :(
napa ana punya dah jadi tapi tak dapt nk save..
mcm mana nak search guna ctrl+f tuh . nyk kali cuba ta keluar ape pun .
macam mana nak delete balik welcome image tu ? saya tak nak . :) tolong ya sis <3
thanks budak nak kasi tau aku
sye try bwad p0n x jdi .. dye kte ad error .. hmm ..
@simuntelberceloteh
sya wat pon tk jadi..susah lh....:(
thanks ya!! jdy laa
Kenapa pas aku kasih Selmat datang
please click here to enter
Pas aku edit di edit Html
Terus ada tulisan
Peringatan
anda akan kehilangan Navbar1
Itu kenapa???
da try..still x jdi..hurmm
nk cari mana kotak "Expand Widget Templates n nk Edit Html yg mane satu?? tolong jwb please!!!
sy dah buat..jadi dh... tp bila sy tkan enter je x kluar papep0n... blog saya x b0leh buka...tolongg saya...!!
hello! terima kasih atas tutor semua tu.. tp kenapa saya buat tak jadi eh? dah banyak kali dah ni .. tolong saya..
@anne saxsaw kenapa sampai tak boleh buka? awk ada backup tak sebelum edit html? ok sy try tengok, hantar email n password blog awak ke jombinabelog@gmail.com
kenapa harus pilih delete widget ? kenapa nggak keep widget ?
@nullysic coz memang kena macam tu :P
@Blogging Girl pada yang tak boleh tu, maybe tak suite dengan template yang korang pakai
@Jombinabelog]
expand widget tu kat ne..x de pom..x jmpa cari
jadik..tp followers hilang la...huhu helps mee
@Chocolate Bar Tak ade gamba lain keee :( tak suke le gamba tuuu!!
da buad da.. tp ble preview jd.. ble na save ta boley..huuuu
@Jombinabelog
kok tak bisa yaa??? huuu :'(
yezza!! berjaya.. thnks for sharing ;))
alorhh , ta bole punn ,
@simuntelberceloteh
x jadi lar waaaaaaaaaa...... T_T
banyak la jugak ambik widget kat sini.. mintak halal ye. mungkin xboleh sebab xsave widget kot~ sy punye boleh je.. xcaye bleh tengok kat http://johariblogger.blogspot.com
Yess !! sekali lg menjadi !! tengs
Wah , lawa sangat ... saya amek satu ek ! Hehe , terima kasih :D
Wah dah jadilah.........thanks banyak2..akhirnya berjaya jugak..Kalau tengok kat komen atas tak jadi tu... (Farah Wahidah)
@fykanol yay !! jadi .. tpi kenapa die senget ??
@simuntelberceloteh boleh lah, korang cer tengok melalui google chrome, dah menjadi, mula-mula saya ingat tak boleh, bila tengok guna google chrome boleh pon
thanks ya Atas tutorialnya
menjadi r, thanks so much.. mula-mula saya ingat tak boleh. tapi, saya tengok melalui google chrome boleh pon, cer korang try tgok melalui google chrome.. siapa yg belum ada google chrome, download dulu
menjadi lah, cer tgok melalui google chrome
Dah menjadi lah, tgok melalui google chrome kalau tak boleh
Post a Comment