Widget Halaman 3

REAL BUBBLE

<script>// this bubble effect code is taken from the Snow Effect Javascript var num_flakes = 15; var snowflakes = new Array("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbKVdIRi71daZjBUe8slUTa_KBChBfm771u7IuhBscs5vxtRO4Y5ktQqqe8s9WAl4GX4ovSVgPNPFq6d7WPtOEP_ICVIU8vU286zfILSR3m_sHL4V0T6ctHW2Qp7_95DnRYI2A2ILylWI/s1600/aku-punya-com-bubble-1.png","http://lh5.googleusercontent.com/-x_wmhUl8oHk/TxQd8ks2IBI/AAAAAAAAA1g/Z8RCz-fxERA/s30/aku-punya-com-bubble-2.png","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieKv24gHMpEFWut6A4ZjH0n0JoBjv27wW3ktiyNZ7PUY3P2DKodMJwZvjggxbRzdMC1Bf_p50C_a4qwFHWfWJ7uRfJpLaiA4MtMnsI6xih2DWn9ny41cSpxNSHbbhidk34JcIB0sr8qCI/s1600/aku-punya-com-bubble-2.png","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieKv24gHMpEFWut6A4ZjH0n0JoBjv27wW3ktiyNZ7PUY3P2DKodMJwZvjggxbRzdMC1Bf_p50C_a4qwFHWfWJ7uRfJpLaiA4MtMnsI6xih2DWn9ny41cSpxNSHbbhidk34JcIB0sr8qCI/s1600/aku-punya-com-bubble-2.png","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbKVdIRi71daZjBUe8slUTa_KBChBfm771u7IuhBscs5vxtRO4Y5ktQqqe8s9WAl4GX4ovSVgPNPFq6d7WPtOEP_ICVIU8vU286zfILSR3m_sHL4V0T6ctHW2Qp7_95DnRYI2A2ILylWI/s1600/aku-punya-com-bubble-1.png"); // DOM test var aDOM = 0, ieDOM = 0, nsDOM = 0; var stdDOM = document.getElementById; if (stdDOM) aDOM = 1; else {ieDOM = document.all; if (ieDOM) aDOM = 1; else { var nsDOM = ((navigator.appName.indexOf('Netscape') != -1) && (parseInt(navigator.appVersion) ==4)); if (nsDOM) aDOM = 1;}} function findDOM(objectId, wS) { if (stdDOM) return wS ? document.getElementById(objectId).style: document.getElementById(objectId); if (ieDOM) return wS ? document.all[objectId].style: document.all[objectId]; if (nsDOM) return document.layers[objectId];} document.write(""); // this bubble effect code is taken from the Snow Effect Javascript document.write(""); document.write(""); document.write("<style>"); document.write(".sabun a {padding: 4px 6px; font: normal 12px arial; text-decoration: none; border: 1px solid #fff; -moz-box-shadow: 0px 0px 4px #ccc; -webkit-box-shadow: 0px 0px 4px #ccc; box-shadow: 0px 0px 4px #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}"); document.write(".sabun a:hover {-ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)\"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}"); document.write("<\/style>"); // window size tests function findLivePageWidth() {return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth :100;}function findLivePageHeight() {return window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null? document.body.clientHeight :50;} function posX() {return typeof window.pageXOffset != 'undefined' ? window.pageXOffset:document.documentElement.scrollLeft? document.documentElement.scrollLeft:document.body.scrollLeft? document.body.scrollLeft:0;} function posY() {return typeof window.pageYOffset != 'undefined' ? window.pageYOffset:document.documentElement.scrollTop? document.documentElement.scrollTop: document.body.scrollTop?document.body.scrollTop:0;} // make it snow var speed = 50;var movw = new Array();var movh = new Array();var move = new Array();var stepw = new Array();var steph = new Array();var posw = new Array();var posh = new Array();var dir = new Array();var winWidth;var winHeight; function startSnow() {winWidth = findLivePageWidth()-75;winHeight = findLivePageHeight()-50; for (var i = 0; i < num_flakes; i++){move[i] = 0;movh[i] = 12+ Math.random()*2;movw[i] = 11+ Math.random()*4;posw[i] = Math.random()*(winWidth-35)+12;posh[i] = Math.random()*winHeight; stepw[i] = 0.02 + Math.random()/10;steph[i] = 0.7 + Math.random();dir[i] = (Math.random()>0.5)?1:-1;document.write('<div id="snow'+ i +'" style="position: absolute; z-index: '+ i +'; visibility:hidden; "><img src="'+snowflakes[Math.floor(Math.random()*snowflakes.length)]+ '" border="0"></div>');}setTimeout("moreSnow()", speed);} function moreSnow() {for (var i = 0; i < num_flakes; i++) {if (posh[i] > winHeight-50) {posw[i] = 10+ Math.random()*(winWidth-movw[i]-30);posh[i] = 0;dir[i]=(Math.random()<0.5)?1:-1;stepw[i] = 0.02 + Math.random()/9;steph[i] = 1.3 + Math.random();} move[i] += stepw[i] *dir[i]; if (Math.abs(move[i]) > 3) {dir[i]=-dir[i]; posh[i]+=Math.abs(movh[i]*move[i]);posw[i]+=movw[i]*move[i]; move[i]=0;} objstyle = findDOM('snow'+i,1); objstyle.left = (posX()+posw[i] + movw[i]*move[i])+'px'; objstyle.top = (posY()+posh[i] + movh[i]*(Math.abs(Math.cos(move[i])+move[i])))+'px';objstyle.visibility = 'visible';} setTimeout("moreSnow()", speed);} startSnow();</script>

Sobat juga bisa mengganti URL gambar dengan gmbar yg sobat inginkan,seperti gambar animasi lalat,burung atau gambar lain lihat tutor dibawah :
ganti code yg q beri warna hijau dengan URL sobat.



var snowflakes = new Array("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbKVdIRi71daZjBUe8slUTa_KBChBfm771u7IuhBscs5vxtRO4Y5ktQqqe8s9WAl4GX4ovSVgPNPFq6d7WPtOEP_ICVIU8vU286zfILSR3m_sHL4V0T6ctHW2Qp7_95DnRYI2A2ILylWI/s1600/aku-punya-com-bubble-1.png","http://lh5.googleusercontent.com/-x_wmhUl8oHk/TxQd8ks2IBI/AAAAAAAAA1g/Z8RCz-fxERA/s30/aku-punya-com-bubble-2.png","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieKv24gHMpEFWut6A4ZjH0n0JoBjv27wW3ktiyNZ7PUY3P2DKodMJwZvjggxbRzdMC1Bf_p50C_a4qwFHWfWJ7uRfJpLaiA4MtMnsI6xih2DWn9ny41cSpxNSHbbhidk34JcIB0sr8qCI/s1600/aku-punya-com-bubble-2.png","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieKv24gHMpEFWut6A4ZjH0n0JoBjv27wW3ktiyNZ7PUY3P2DKodMJwZvjggxbRzdMC1Bf_p50C_a4qwFHWfWJ7uRfJpLaiA4MtMnsI6xih2DWn9ny41cSpxNSHbbhidk34JcIB0sr8qCI/s1600/aku-punya-com-bubble-2.png","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbKVdIRi71daZjBUe8slUTa_KBChBfm771u7IuhBscs5vxtRO4Y5ktQqqe8s9WAl4GX4ovSVgPNPFq6d7WPtOEP_ICVIU8vU286zfILSR3m_sHL4V0T6ctHW2Qp7_95DnRYI2A2ILylWI/s1600/aku-punya-com-bubble-1.png");

-------------------------------------------------------------------------------------------------------

IMAGE SCROLL SLIDE SHOW

Script ini akan memberikan sebuah tampilan slide show pada koleksi photo sobat,dan sobat bisa mengonfigurasinya sesuai dengan selera...seperti model frame/border,arah gerakan,background,kecepatan gerak,dan lain-lain....

Salin script dibawah ini dan ganti code yg q berikan warna:

<div style="background:url(http://api.ning.com/files/SC7W-I8tGxYwe-*Hnz8rYJr4mDWbm3EqPPMYxmGwRjeoaopKf13RQX9DrznSihQvOFdI2VYWA5fu-uqxfdcG--CxlR*CshXZ/animated_background_a2.gif)#000000; -webkit-border-radius: 3px;border:5px dashed #001EFF; padding:10px;position:fixed; top: 40px; left: 0px;height:635px;width:130px">
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=48 height=628;height:628px;'>

<img src="http://static.cdn.smaboy.com/uploads/avatars/201302/03_33_3lkvj.jpg" width="130" />
&nbsp;&nbsp;
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbFWsyglpr55H5nDeK0cDArnPXneX6DOPmC-gsMptAiZimTvRv38bQIhT3sPPIoRqmgAAXFV4EbfwEZ8x8QhrZjlq0zGVF9AvlszDKxP1fdBt_IBMsdFcRCXVRtmPj90HlBMRNsXxW/s320/My2.jpg" width="130" />
&nbsp;&nbsp;
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0mzTmEeU2ZMN-MFMIHiNQtsUBRrT0GMMcbrKNGd7iOWioCxt3vTSHDTtj5t1C7ypAVJqLV_CfucpHRbz0nz6OyYSBWsiaz0rUAXVuyXfIkQyjbwQDuTrNpNvkM0UeR8j7rOGz1Ir4/s320/My4.jpg" width="130" />
&nbsp;&nbsp;
<img src="http://static.cdn.smaboy.com/uploads/avatars/201302/03_33_3lkvj.jpg" width="130" />
&nbsp;&nbsp;

<img src="http://static.cdn.smaboy.com/uploads/avatars/201302/03_33_3lkvj.jpg" width="130" />
&nbsp;&nbsp;
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbFWsyglpr55H5nDeK0cDArnPXneX6DOPmC-gsMptAiZimTvRv38bQIhT3sPPIoRqmgAAXFV4EbfwEZ8x8QhrZjlq0zGVF9AvlszDKxP1fdBt_IBMsdFcRCXVRtmPj90HlBMRNsXxW/s320/My2.jpg" width="130" />
&nbsp;&nbsp;
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0mzTmEeU2ZMN-MFMIHiNQtsUBRrT0GMMcbrKNGd7iOWioCxt3vTSHDTtj5t1C7ypAVJqLV_CfucpHRbz0nz6OyYSBWsiaz0rUAXVuyXfIkQyjbwQDuTrNpNvkM0UeR8j7rOGz1Ir4/s320/My4.jpg" width="130" />
&nbsp;&nbsp;
<img src="http://static.cdn.smaboy.com/uploads/avatars/201302/03_33_3lkvj.jpg" width="130" />
&nbsp;&nbsp;

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0mzTmEeU2ZMN-MFMIHiNQtsUBRrT0GMMcbrKNGd7iOWioCxt3vTSHDTtj5t1C7ypAVJqLV_CfucpHRbz0nz6OyYSBWsiaz0rUAXVuyXfIkQyjbwQDuTrNpNvkM0UeR8j7rOGz1Ir4/s320/My4.jpg" width="130" />
&nbsp;&nbsp;
<img src="http://static.cdn.smaboy.com/uploads/avatars/201302/03_33_3lkvj.jpg" width="130" />
&nbsp;&nbsp;

<img src="http://static.cdn.smaboy.com/uploads/avatars/201302/03_33_3lkvj.jpg" width="130" />
&nbsp;&nbsp;
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbFWsyglpr55H5nDeK0cDArnPXneX6DOPmC-gsMptAiZimTvRv38bQIhT3sPPIoRqmgAAXFV4EbfwEZ8x8QhrZjlq0zGVF9AvlszDKxP1fdBt_IBMsdFcRCXVRtmPj90HlBMRNsXxW/s320/My2.jpg" width="130" />



</marquee>
</marquee></div>



Ket;
code yg berwarna biru= background.
code yg berwarna kuning= jenis frame/border.
code yg berwarna hijau= URL gambar/photo.
code yg berwarna merah= kecepatan gerak.
untuk cara mengganti URL photo= klik kanan photo sobat,dan salin URL gambar,lalu paste/tempelkan pada code yg berwarna hijau.
Berikut ini beberapa contoh jenis frame/border yg bisa sobat gunakan:
untuk mengubah posisi kiri atau kanan ganti code yg berwarna pink,ganti dengan right untuk posisi kanan.

Dan ini contoh background yg bisa sobat gunakan:

Klik kanan dan salin URL gambar,paste/tempelkan pada code yg berwarna biru.