Senarai Tutorial

Paparan Welcome Image Pada Blog

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...


Sharing is caring ^_^

66 komen budak comel:

Sanuri's Beautiful Daughter said...

try buat, tapi tak jadi laa. macam mane ea? hee

Syappykaa said...

try buat tapi npe ak bole eak ? hehehehe help me please :(

Anonymous said...

waaa ska2..jdi laaaa :DD

Chocolate Bar said...

daa try wt tp xjd r ..

budak wawa said...

camne nk wat x jdi la...

Anonymous said...

tak jd larr ;'(

Jombinabelog said...

@purple_love owh, mybe tak suite ngan template blog awk kot

SyazzAppleChoky said...

paste at HTML ke ?

Unknown said...

jdy laaa...!!! thanx...cOmey sgt..huhu

izyan said...

wahhh, sya dh try, dapt la.. thnkz yaa..

hama higashiyama said...

saya dh cuba, tapi x dpt jugak..:(

IRDINA said...

Saya dah try, tapi malangnya xjadi D: . Banyak kali dh sy try ..

athilah zulkefli said...

x jmpe la kotak *expand widget templates* tu .. cam ne nk tick .. prlu ke ?

lisya ich said...

dh bnyk kali buat . tpi x jadi :(

GDMarshall said...

kak terima kaseh banyak2.. its really nice .. dan menjadi la! suka giler~

Etonnn Amieee said...

saya wat tk jadi.. :( link blank ..tolong :)

atikah zainal said...

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..

atikah zainal said...

cmne nie..ptg td ok je..skg nie x dpt plak nak view blog sya..huhu..please help me:'(

Jombinabelog said...

@ika eh yeke? apa link blog awk? ada backup template blog tak?

lufy said...

lufy da try tp tak buley pun )=

Tengku Farah Elena said...

saya tak paham kalau letak code kat edit html.. =( takder cara lain ker??

Nurul Haslinda said...

alaa...x jadi lah...x phm...ade sape2 yg boleh tolong x ? :(

Anonymous said...

saya cuba buad tapi susah..,,

byt afiqa said...

thnx,,dapat buat,,, cantekk,, follow blog iqa ea,,
http://bytafiqa.blogspot.com/

Chintya Nitiyani said...

dimane korang paste ???

Miza Farzana said...

Knpe x jdi pun ? ..
Tolong la saya ..~~

mohd zuhri said...

Jadi lah wah sukannya sukannya jadi2!!*

mohd zuhri said...

Jadi lah wah sukannya sukannya jadi2!!*

Anonymous said...

knpe x dpt..dh bnyk kli sye try...

nurfarisha said...

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?

chenta kamOo said...

TQ .. COMEL SGT :D

Miza Farzana said...

Toloongg sye ..x bleh buat..

Dun-Dun said...

punyaku kok ga bisa ya ? :(

Unknown said...

napa ana punya dah jadi tapi tak dapt nk save..

Unknown said...

mcm mana nak search guna ctrl+f tuh . nyk kali cuba ta keluar ape pun .

sya said...

macam mana nak delete balik welcome image tu ? saya tak nak . :) tolong ya sis <3

Fira said...

thanks budak nak kasi tau aku

Nab b-LaH said...

sye try bwad p0n x jdi .. dye kte ad error .. hmm ..

hanafarhana said...

@simuntelberceloteh
sya wat pon tk jadi..susah lh....:(

Shahmien Seventz said...

thanks ya!! jdy laa

Muhammad faqih fahreza said...

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???

BunKen said...

da try..still x jdi..hurmm

Umaira Ishak said...

nk cari mana kotak "Expand Widget Templates n nk Edit Html yg mane satu?? tolong jwb please!!!

anne saxsaw said...

sy dah buat..jadi dh... tp bila sy tkan enter je x kluar papep0n... blog saya x b0leh buka...tolongg saya...!!

Blogging Girl said...

hello! terima kasih atas tutor semua tu.. tp kenapa saya buat tak jadi eh? dah banyak kali dah ni .. tolong saya..

Jombinabelog said...

@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

nullysic said...

kenapa harus pilih delete widget ? kenapa nggak keep widget ?

Jombinabelog said...

@nullysic coz memang kena macam tu :P

Jombinabelog said...

@Blogging Girl pada yang tak boleh tu, maybe tak suite dengan template yang korang pakai

Shazleena fadzlyin said...

@Jombinabelog]

expand widget tu kat ne..x de pom..x jmpa cari

nilam kasturi - surita said...

jadik..tp followers hilang la...huhu helps mee

Om3Y nY3r N@jW@n said...

@Chocolate Bar Tak ade gamba lain keee :( tak suke le gamba tuuu!!

Qiba said...

da buad da.. tp ble preview jd.. ble na save ta boley..huuuu

Nindhita (Min Rin) said...

@Jombinabelog

kok tak bisa yaa??? huuu :'(

panda said...

yezza!! berjaya.. thnks for sharing ;))

AmalinaAmira said...

alorhh , ta bole punn ,

Farah Wahidah said...

@simuntelberceloteh
x jadi lar waaaaaaaaaa...... T_T

Jo-Blogger said...

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

mimi zakaria said...

Yess !! sekali lg menjadi !! tengs

athirah said...

Wah , lawa sangat ... saya amek satu ek ! Hehe , terima kasih :D

Anonymous said...

Wah dah jadilah.........thanks banyak2..akhirnya berjaya jugak..Kalau tengok kat komen atas tak jadi tu... (Farah Wahidah)

Unknown said...

@fykanol yay !! jadi .. tpi kenapa die senget ??

Anonymous said...

@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

Anonymous said...

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

Nini said...

menjadi lah, cer tgok melalui google chrome

Nini said...

Dah menjadi lah, tgok melalui google chrome kalau tak boleh

Copyright© All Rights Reserved Jombinabelog.blogspot.com