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:
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.
nice infoo,..
follow me sobat,.. :D
bagus tekniknya, saya coba dulu :D
@Abed Saragih
ctutorial nya disini...:)
http://teknikbuatblog.blogspot.com/2010/05/letak-widget-navigasi-halaman.html
mantap gan, coba dulun ah, ingat mampir ke blogb ane yah
Saya coba mas :)
nice! thanks..
semakin maju sekarang...apapun kita boleh modified template blogspot...memang best template ni berbanding WP...
@Seri Bahasaterima kasih seri atas komen yg diberi...:)
saya telah mencuba tapi tak boleh ! kenapa ?? tolong jelaskan bagaimana hendak melakukannnya secara terperinci !
knp x leh pon...?
@budak keciksesetengah template tak boleh..ada keluar error..mungkin disebabkan kod kod lain yg dimasukkan sebelum ini..
nice info
Info yg menarik sebenernya, cma masalahnya scriptnya bikin nambah blog makin berat g ya??
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. ^_^
nape sy xdpt yg mcm di atas..bila sy copy sume 2..then i cant klik the enter
Terima kasih ya ... saya tidak bisa berkomentar banyak sebelum mencobanya terlebih dahulu. Trims telah menyediakan java cript nya jadi tidak usah nulis lagi.
I like strawberries, it is great,This is my web du lich da lat
xjd la wt kata2 welcome tu...sy punye blog xleh nk tekan enter..klik pn xjd..xleh msuk da..cne ye??
wah tipsnya bermanfaat sekali...trimakasih..mau di coba...
Knape xboleh.....:(
dah buat..tapi x menjadi...nak removed x boleh....helpppp
@SHA
log in semula ke blogger.pilih blog yang hendak di pinda...klik pada design...edit html dan remove semula kod yang dimasukkan...
tQ
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.
@Princes Daisylog in ke blogger masuk semula ke dashboard ..edit html dan remove kod yang telah dimasukkan
macam mana ni??
@dhia wardahkena remove kod diatas yang telah dimasukan pada template
trima kaseh
skarang ni google dh lain sket kan..
em,, xpaham la
@Aisy Shamirasaya akan update kepada dashboard baru,banyak yg perlu diubah
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.
thanks . .:)
Good very helpfull thanks
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
kenapa d blog sy x ada kod ]]>..minta tlg tunjuk ajar
@anak kelantancuba klik arrow warna hitam sebelah kiri kod pada template...