[b]Credits :[/b] [url]www.dynamicdrive.com[/url]
[b]Preview :[/b] [url]http://profiles.friendster.com/bangkanal[/url] (lihat pakai Mozilla FF lalu perhatikan bagian kanan bawah profile FS abang selama beberapa detik)
Para FTI'ers mungkin mengenal ada script Floating Image. Nah yang akan abang share ini adalah script Site Logo Script. Script Floating Image yg kita kenal adalah script utk membuat floating image di bagian kiri profile. Sedang script abang ini utk script utk membuat Floating image di setiap sudut profile kalian. Disini akan abang contohkan scriptnya utk image di bagian kanan bawah profile FS kalian. Kelebihan script ini adalah image yang akan kita tampilkan bisa diatur bearapa lama utk tampil di profile kita sebelum menghilang dan image tersebut bisa dipasangkan link (semacam floating logo iklan di profile FS kita). Ini dia script dan taruh di [b]BAGIAN A[/b] (kalau menurut tutorial abang)

[quote]ftiers="<div id='watermarklogo' style='position:absolute;'></div>";
flow=document.getElementById('flo_wrapper');
river=document.createElement("div");
river.innerHTML=ftiers;
flow.parentNode.insertBefore(river,flow);
var logowidth=[b]xxx[/b]
var logoheight=[b]yyy[/b]
var logoimage=new Image(logowidth,logoheight)
logoimage.src="[b]URL IMAGE[/b]"
var logolink="[b]REFERRAL IMAGE LINK[/b]"
var alttext="[b]YOUR OWN TEXT[/b]"
var visibleduration=[b]45[/b]
// Optional parameters
var Hoffset=[b]5[/b] //Enter logo's offset from right edge of window (edit only if you don't like the default offset)
var Voffset=[b]5[/b] //Enter logo's offset from bottom edge of window (edit only if you don't like the default offset)
var ie=document.all&&navigator.userAgent.indexOf("Opera")==-1
var watermark_obj=ie? document.all.watermarklogo : document.getElementById? document.getElementById("watermarklogo") : document.watermarklogo
function insertimage(){
if (ie||document.getElementById)
watermark_obj.innerHTML='<a href="'+logolink+'"><img src="'+logoimage.src+'" width="'+logowidth+'" height="'+logoheight+'" border=0 alt="'+alttext+'"></a>'
else if (document.layers){
watermark_obj.document.write('<a href="'+logolink+'"><img src="'+logoimage.src+'" width="'+logowidth+'" height="'+logoheight+'" border=0 alt="'+alttext+'"></a>')
watermark_obj.document.close()
}
}
function positionit(){
var dsocleft=ie? document.body.scrollLeft : pageXOffset
var dsoctop=ie? document.body.scrollTop : pageYOffset
var window_width=ie? document.body.clientWidth : window.innerWidth-20
var window_height=ie? document.body.clientHeight : window.innerHeight
if (ie||document.getElementById){
watermark_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-logowidth-Hoffset
watermark_obj.style.top=parseInt(dsoctop)+parseInt(window_height)-logoheight-Voffset
}
else if (document.layers){
watermark_obj.left=dsocleft+window_width-Hoffset-logowidth
watermark_obj.top=dsoctop+window_height-logoheight-Voffset
}
}
function hidewatermark(){
if (document.layers)
watermark_obj.visibility="hide"
else
watermark_obj.style.visibility="hidden"
clearInterval(watermarkinterval)
}
function beingwatermark(){
watermarkinterval=setInterval("positionit()",50)
insertimage()
if (visibleduration!=0)
setTimeout("hidewatermark()",visibleduration*1000)
}
if (ie||document.getElementById||document.layers)
window.onload=beingwatermark[/quote]
[quote]Perhatikan bagian ini :
var logowidth=[b]xxx[/b] <<< ganti dengan lebar image yg akan dipakai
var logoheight=[b]yyy[/b] <<< ganti dengan tinggi image yg akan dipakai
logoimage.src="[b]URL IMAGE[/b]" <<, ganti dengan URL image yg akan dipakai
var logolink="[b]REFERRAL IMAGE LINK[/b]" <<< ganti dengan liink ketika image kita diklik
var alttext="[b]YOUR OWN TEXT[/b]" <<< ganti dengan kata2 kita sendiri
var visibleduration=[b]45[/b] <<< hitungan tampilan image kita (dalam detik). Kalau ingin image kita selalu tampil, rubah dengan 0.[/quote]
[quote]Untuk posisi imagenya, edit bagian yg tebal di bagian ini :
var Hoffset=[b]5[/b] //Enter logo's offset from right edge of window (edit only if you don't like the default offset)
var Voffset=[b]5[/b] //Enter logo's offset from bottom edge of window (edit only if you don't like the default offset)[/quote]
Itu script utk posisi kanan bawah. Kalau ingin posisinya dirubah, ini dia JS nya :
Posisi Kanan Atas

[url]http://www.dynamicdrive.com/dynamicindex4/staticlogo4.js[/url]
Posisi Kiri Bawah

[url]http://www.dynamicdrive.com/dynamicindex4/staticlogo2.js[/url]
Posisi Kiri Atas

[url]http://www.dynamicdrive.com/dynamicindex4/staticlogo3.js[/url]
Happy tweaking FTI'ers semua
Last edited by KaNaLiTnUk (2008-04-14 00:11:55)