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 :) :)

Post a Comment

37 Comments:

mamaimingsks said...
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 said...
Teknik Buat Blog

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

Alprablog™ said...
Teknik Buat Blog

bagus tekniknya, saya coba dulu :D

sibersensasi said...
Teknik Buat Blog

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

Admin said...
Teknik Buat Blog

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

Abed Saragih said...
Teknik Buat Blog

Saya coba mas :)

Cik Mentega said...
Teknik Buat Blog

nice! thanks..

Seri Bahasa said...
Teknik Buat Blog

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

sibersensasi said...
Teknik Buat Blog

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

Being Young and Muslim ^^ said...
Teknik Buat Blog

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

budak kecik said...
Teknik Buat Blog

knp x leh pon...?

sibersensasi said...
Teknik Buat Blog

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

coretan pelajar said...
Teknik Buat Blog

nice info

Ary_Putra said...
Teknik Buat Blog

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

Anonymous said...
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. ^_^

Penulis Bertaring said...
Teknik Buat Blog

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

Restsindo-hty said...
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 said...
Teknik Buat Blog

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

Aida momol said...
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 said...
Teknik Buat Blog

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

Siti Umaira Eswadi said...
Teknik Buat Blog

Knape xboleh.....:(

SHA said...
Teknik Buat Blog

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

sibersensasi said...
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 said...
Teknik Buat Blog

tQ

Princes Daisy said...
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.

sibersensasi said...
Teknik Buat Blog

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

yana_muazz said...
Teknik Buat Blog

macam mana ni??

sibersensasi said...
Teknik Buat Blog

@dhia wardahkena remove kod diatas yang telah dimasukan pada template

Mohammad Razman said...
Teknik Buat Blog

trima kaseh

oneulmohae said...
Teknik Buat Blog

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

sibersensasi said...
Teknik Buat Blog

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

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

cik iezah said...
Teknik Buat Blog

thanks . .:)

Unknown said...
Teknik Buat Blog

Good very helpfull thanks

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

Unknown said...
Teknik Buat Blog

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

sibersensasi said...
Teknik Buat Blog

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