Cara pasang welcome image pada blog

Welcome image ini adalah imej akan terpapar bila kita mula mula masuk ke blog.Kita perlu klik pada imej tersebut bagi memasuki blog berkenaan.Rasanya dah banya blog yang memasangnya dengan berbagai bagai imej.Jika ada berminat untuk membuatnya.Ikuti langkah seterusnya:


1.Log in ke Dashboard
2.Pilih Template >>Edit HTML >> proceed




3.Cari kod  ]]></b:skin> pada template
Kemudian masukkan kod dibawah ini diatasnya:

</style></head>
<script language="javascript" type="text/javascript">
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);
}
}

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);
}

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('ybl', 3000); this.style.display='none';
document.getElementById('tbb').style.display=''">
<center><img src="http://i219.photobucket.com/albums/cc282/garam63/welcome.png"
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="ybl" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="tbb" style="display : none;">
<body>

#bahagian teks berwarna merah boleh digantikan dengan url imej anda sendiri

4.Kemudian simpan template anda

Update 1/11/2012
klik butang +1 untuk sharing artikel ini pada google :) :)

Catat Ulasan

38 Comments:

mamaimingsks berkata...
Teknik Buat Blog

trimakasih sebelum nya,telah membantu saya di teknik blog, banyak pelajaran yang saya ambil,,,saya mau tanya, kalau mau masukan radio di blog,kita buka blog langsung bunyi radio itu, bgmn caranya,trmks.

Rio Pratomo berkata...
Teknik Buat Blog

nice infoo,..
follow me sobat,.. :D

Alprablog™ berkata...
Teknik Buat Blog

bagus tekniknya, saya coba dulu :D

yahaya berkata...
Teknik Buat Blog

@Abed Saragih
ctutorial nya disini...:)
http://teknikbuatblog.blogspot.com/2010/05/letak-widget-navigasi-halaman.html

neterz berkata...
Teknik Buat Blog

mantap gan, coba dulun ah, ingat mampir ke blogb ane yah

Abed Saragih berkata...
Teknik Buat Blog

Saya coba mas :)

LintasKoran berkata...
Teknik Buat Blog

nice share

Thanks

MatahatyCikMentega berkata...
Teknik Buat Blog

nice! thanks..

Seri Bahasa berkata...
Teknik Buat Blog

semakin maju sekarang...apapun kita boleh modified template blogspot...memang best template ni berbanding WP...

yahaya berkata...
Teknik Buat Blog

@Seri Bahasaterima kasih seri atas komen yg diberi...:)

princess and prince story , dude :P berkata...
Teknik Buat Blog

saya telah mencuba tapi tak boleh ! kenapa ?? tolong jelaskan bagaimana hendak melakukannnya secara terperinci !

budak kecik berkata...
Teknik Buat Blog

knp x leh pon...?

yahaya berkata...
Teknik Buat Blog

@budak keciksesetengah template tak boleh..ada keluar error..mungkin disebabkan kod kod lain yg dimasukkan sebelum ini..

coretan pelajar berkata...
Teknik Buat Blog

nice info

Ary_Putra berkata...
Teknik Buat Blog

Info yg menarik sebenernya, cma masalahnya scriptnya bikin nambah blog makin berat g ya??

iqmal / IsLaMiC nIcE berkata...
Teknik Buat Blog

saya dh cuba tapi still keluar gambar sahaja, ianya tak boleh nak enter ke blog saya.. minta admin untuk beritahu secara terperinci untuk menyelesaikan masalah ini. ^_^

Si Mulot Becok berkata...
Teknik Buat Blog

nape sy xdpt yg mcm di atas..bila sy copy sume 2..then i cant klik the enter

Restsindo-hty berkata...
Teknik Buat Blog

Terima kasih ya ... saya tidak bisa berkomentar banyak sebelum mencobanya terlebih dahulu. Trims telah menyediakan java cript nya jadi tidak usah nulis lagi.

du lich trong nuoc berkata...
Teknik Buat Blog

I like strawberries, it is great,This is my web du lich da lat

Aida momol berkata...
Teknik Buat Blog

xjd la wt kata2 welcome tu...sy punye blog xleh nk tekan enter..klik pn xjd..xleh msuk da..cne ye??

Indonesia Ku berkata...
Teknik Buat Blog

wah tipsnya bermanfaat sekali...trimakasih..mau di coba...

Siti Umaira Eswadi berkata...
Teknik Buat Blog

Knape xboleh.....:(

SHA berkata...
Teknik Buat Blog

dah buat..tapi x menjadi...nak removed x boleh....helpppp

yahaya berkata...
Teknik Buat Blog

@SHA
log in semula ke blogger.pilih blog yang hendak di pinda...klik pada design...edit html dan remove semula kod yang dimasukkan...

we are muslimah berkata...
Teknik Buat Blog

tQ

Princes Daisy berkata...
Teknik Buat Blog

mcm anew saye nk padan balik..sbb saye bwt welcome image kt blog saye dh xley nk edit saye pnyew Template Designer mcm anew sye nk pdam ea...harap dpt reply msj dgn segera.

yahaya berkata...
Teknik Buat Blog

@Princes Daisylog in ke blogger masuk semula ke dashboard ..edit html dan remove kod yang telah dimasukkan

dhia wardah berkata...
Teknik Buat Blog

macam mana ni??

yahaya berkata...
Teknik Buat Blog

@dhia wardahkena remove kod diatas yang telah dimasukan pada template

Mohammad Razman berkata...
Teknik Buat Blog

trima kaseh

Aisy Shamira berkata...
Teknik Buat Blog

skarang ni google dh lain sket kan..
em,, xpaham la

Fokus Impian berkata...
Teknik Buat Blog

@Aisy Shamirasaya akan update kepada dashboard baru,banyak yg perlu diubah

Ramses Tambunan berkata...
Teknik Buat Blog

asyik juga artikel cara pasanng wellcome.dan saya sdh coba.bisa.cuma tetap ada pasal apakah pada hari berikutnya ada masalah.karena sering terjadi sepert itu.maklum lah saya tdk bisa ape ape.cuma bise copy aja dulu.

iezah_m@is@r@h berkata...
Teknik Buat Blog

thanks . .:)

hARIS sucipto berkata...
Teknik Buat Blog

Good very helpfull thanks

Fabrianne Morales berkata...
Teknik Buat Blog

Hello! I tried using this and it's wonderful, my problem though, how will I make it just appear once? Because the welcome image keeps on appearing every time I click on something else in the site. To give a clear picture, at start up of site, as soon as I click on the welcome "click to enter" image it opens the home page which is good but when I click a different Page in my homepage, the Welcome "click to enter" image appears again. Please help me :( This is my site ~ www.fabriannemorales.blogspot.com

anak kelantan berkata...
Teknik Buat Blog

kenapa d blog sy x ada kod ]]>..minta tlg tunjuk ajar

Fokus Impian berkata...
Teknik Buat Blog

@anak kelantancuba klik arrow warna hitam sebelah kiri kod pada template...