Sangat Bermanfaat Untuk Blog

Cara menambahkan yahoo messenger di Blog

Cara menampilkan status online yahoo mesenger gampang saja, Anda tinggal mencopy sedikit kode dibawah ini dan mengganti ID YM saya (febi.prasetyo-online) dengan ID YM Anda, (Perhatian: ada dua ID YM yang harus Anda ganti):

<a href="http://messenger.yahoo.com/edit/send/?.target=febi.prasetyo-online">

<img src="http://opi.yahoo.com/yahooonline/u=febi.prasetyo-online/m=g/t=2/l=us/opi.jpg" border="0" alt="Status YM" /></a>

Anda bisa memilih tampilan status onlinenya seperti,
t=0

t=1

t=2

t=3

t=4

t=5

t=6

t=7

t=8

t=9

t=10

t=11

t=12

t=13

t=14

t=15

t=16

Dengan mengganti kode t=2 pada kode html di atas dengan kode pilihan Anda.
Silahkan dicoba!

Pasang Widget Google Translate Di Blog

Pada posting Pasang Widget Google Translate bahwa akan membahas bagaimana memasang widget google translate dalam bentuk bendera. Widget ini sedikit berbeda dengan widget Google Translate yang mungkin pernah anda jumpai di internet, karena ini merupakan hasil kreasi kang Rohman selama setengah hari agar widget google translate tampak lebih menarik.
Widget yang akan terpasang adalah seperti gambar berikut, silahkan sorotkan mouse anda ke gambar-gambar bendera yang ada sehingga terlihat sedikit efek blur sebagai pemanis :

Bagi anda yang tertarik untuk memasang widget ini, berikut adalah langkah-langkahnya :

Silahkan login ke blogger dengan ID anda
Klik Tata Letak
Klik tab Elemen Halaman
Klik Tambah Gadget
Klik tanda plus (+) untuk HTML/Javascript
Copy paste kode google translate ke dalam kolom yang tersedia
<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLdY3LDQEzaLu2FozFFvosRuo1meh5dB57-61w9SWXKJuuEnX7Swes-Ie_orIZCUKu6pR_-f8wbEQl0yRNG65-j_PhCXAzK9_lNPOsZvSW82UjU5t8ppwDju2EZFrj5wKMHJYSJVCJNl0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOswugzRwvmOEQP4-DVjwjVvjSv5afafQWpJ-iiwLY5-KVJY0YDII46dfBjpVj5EoBVKNAu3sfBz2I4bjpUTwQXPL6ytMFSJgmtTqLklxYak_Fp01XAZnfk5SiE953sR76st54brMiocs/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqofgPw7ZkpXPwB0vdDd16XRPPjxjHr7yDL9XUScyJG-zenFRRuNsgn_Orff4s2Qbqu8LXLLN5tdRbgEuuDsFbwpyntPJHfgWoPC6SUJ5YCHkroc4qX_bnasn_Yf-iHBRpuprm794FyRrz/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6nYHnsWDjJUgWa3DJlo40D31DBwR3-Ml3-X6_PNidJbasCvAhuVvaSFpt8UbXmhj3_IHMWTYtLsBvkDC0j82ET17JA1uw6EhAH0xHCrzdf4iBY24n7Pr-HiYXOfNL35Yr-0cc8gB7QkMo/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUS0sarYTgkuWcAYUP0qfQtUR_hLOP6gy79T6at2kWfhy0HxMGkt1SqD7LR1yBvgXpaRAVYzgFxsPc12xujk_Nd6bS6RaIkNNWU7-t5ekrxik0u9URwUId2DzyBjA2zVznVUhPXys0-CA/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS8tgkrToQISezZhL_SL-rQcumwxYrQ85mWMPfEPc0o9OKQA5qEC2oMtE3OB2uFb9gj9HSLDUyDasjh_8U4bGxhvdVepdu5NBuBxSYGr9X31RXSg50ZYuREgY0_lcO5UrkQoNoFfaN-lQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<br /><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcM-T-JLp7mdt82nm9_b9vKkOmwKOmUpJfj0FVgeCg04HCmQPMH38znljqadKxyHHToV8tNPaNMWm2cSM1vyYxEZiz8EVk3ACfJVnrQXQTmZp9jYbxu-1v7FNKYs7boJ_8kSpHSYqUB3k/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvaG2X3ZsU3JSbpobh4LF6KhAuHsbyr5NtUQ7AkuWAtEF5Kf8okghXYJQ_K4Kd7FI9CUDvSSzotWD2lJUhbhWeb9JgRjL1z552i_amEeHxrzX7WbTRZpN3yUTiAUyqaSwYKquwXCEEGV4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP75d0am7bUgxXoZwIyT528RqIQPQ4oDSVifKtYphMfdflTCs-ghSMIRyJFyxk0Waii35cywGLDQLkeeQdIh_QOsLfVeHkCsmMQcqV88jbBXFyO64A092GpJ7kor-NxxlyvmC4s1Su_FFO/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinDEgCETvzerNduyWL9V0z1CtkT8Zn-mV2qwJsl92IosPsz10CGTeeZA3NA97sC_HFjhyTMpKUceeYO2anr-kPLbrwxoMLG6e7kki6NlCBwXwohuGynLppS1rORsESBvyuwHZTLbJNOek/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTAcpcBwAiUg9R7JX7GbhOOUtx_HaydzNVgMpDr2Sj0ne3W-PEkvUWk7TnKeHA18_f-U4t7oS2Wcto-B7yFsaoqlcyyxB0jVpPIlJOwO_IvFztof2KIQg7oaxmILuKtdjJfgaFCw_43I/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGVKWbv4qpAsY4ilK8NF-mjE9djJ0o6AVsSZhMFKKQlGOeyuUnbjkLVbVg9nYRGYyiqkLUBulJYhcRCNvr-ecbgMRGBDMcaVev07ps67A9ciy2C2jqzG-IbPRw3mAU5Doe78J_gZTk6EM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=”font-size:10px;margin:8px 0px 3px 0px”> by : <a href=http://www.blogspottutorial.com/>BTF</a>
</div>
Klik tombol Simpan
Selesai

Ada pilihan lagi yg lebih simple contoh gambarnya begini:

Caranya mudah seperti tadi yg di peraktekan di atas saya ulangin kembali:

Silahkan login ke blogger dengan ID anda
Klik Tata Letak
Klik tab Elemen Halaman
Klik Tambah Gadget
Klik tanda plus (+) untuk HTML/Javascript
Langsung saja copy paste kode ini: <div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'auto',
autoDisplay: false
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
Klik tombol Simpan
Selesai

Sangat mudah sekali bukan? Selamat menikmati widget google translate baru anda.

Image Bubbles effect

Description: Image Bubbles is a cool Flash-like effect that causes an image to bubble up and expand whenever the mouse rolls over it from within a series of images. It's a nice way to draw attention to an image when the mouse rolls over it. For images with an "alt" attribute defined, the script will use it to render a nice tooltip that's shown above the enlarged image. Both the speed and magnification level of the image when it bubbles up can be customized. Cool!

Credits for this script must go to the Article "Your First jQuery Plugin- BubbleUp" for the excellent concept and idea.

Demos:

1.75x magnification

Add to Stumbleupon
Add to Facebook
Add to Digg
Add to Twitter
Add RSS Feed

2.5x magnification

Add to Facebook
Add to Delicious
Add to Digg
Add to Stumbleupon
Add RSS Feed
Add to Twitter

Directions

Simply add the below code inside the <HEAD> section of the page:

Select All

<script  type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>   <link href="imgbubbles.css" rel="stylesheet" type="text/css" />   <style type="text/css">  /*CSS for 2 demos on the page*/ #orbs  li{ width: 65px; /*width of image container. Should be wider than  contained images (before bubbling) */ height:60px; /*height of image  container. Should be taller than contained images (before bubbling) */ }   #orbs li img{ width: 55px; /*width of each image before bubbling*/  height: 60px; /*height of each image*/ }  #squares li{ width: 45px;  /*width of image container. Must be wider than contained images (before  bubbling) */ height:40px; /*height of image container. Must be taller  than contained images (before bubbling) */ }  #squares li img{ width:  31px; /*width of each image before bubbling*/ height: 31px; /*height of  each image*/ }  </style>  <script type="text/javascript"  src="imgbubbles.js">   /*********************************************** * Image Bubbles effect-  (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * This  notice MUST stay intact for legal use * Visit Dynamic Drive at  http://www.dynamicdrive.com/ for this script and 100s more  ***********************************************/  </script>   <script type="text/javascript">   jQuery(document).ready(function($){   $('ul#orbs').imgbubbles({factor:1.75}) //add bubbles effect to UL  id="orbs"  $('ul#squares').imgbubbles({factor:2.5}) //add bubbles effect  to UL id="squares" })  </script>

The above code references two external files which you should download below (right click, and select "Save As"):

Step 2: Then, to apply enable the magnify effect on an image just insert a CSS class of "magnify" inside it, for example:

Select All

<h4>1.75x   magnification</h4> <ul id="orbs" class="bubblewrap">  <li><a href="http://dynamicdrive.com"><img   src="orbs/stumbleupon.png" alt="Add to Stumbleupon"   /></a></li> <li><a  href="http://dynamicdrive.com"><img  src="orbs/facebook.png"  alt="Add to Facebook" /></a></li> <li><a  href="http://dynamicdrive.com"><img  src="orbs/digg.png" alt="Add  to Digg" /></a></li> <li><a  href="http://dynamicdrive.com"><img  src="orbs/twitter.png"  alt="Add to Twitter" /></a></li> <li><a  href="http://dynamicdrive.com"><img  src="orbs/rss.png" alt="Add  RSS Feed" /></a></li> </ul>   <h4>2.5x  magnification</h4> <ul id="squares" class="bubblewrap">  <li><a href="http://dynamicdrive.com"><img   src="squares/facebook.png" alt="Add to Facebook"   /></a></li> <li><a  href="http://dynamicdrive.com"><img  src="squares/delicious.png"  alt="Add to Delicious"  /></a></li> <li><a  href="http://dynamicdrive.com"><img  src="squares/digg.png"  alt="Add to Digg" /></a></li> <li><a  href="http://dynamicdrive.com"><img  src="squares/stumbleupon.png"  alt="Add to Stumbleupon"  /></a></li> <li><a  href="http://dynamicdrive.com"><img  src="squares/rss.png"  alt="Add RSS Feed" /></a></li> <li><a  href="http://dynamicdrive.com"><img  src="squares/twitter.png"  alt="Add to Twitter"  /></a></li> </ul>

The sample HTML markup references some icons images, which you can download here for ease of testing out the script. Unzip the file into the same directory as where the script page resides. FYI the entirely sets of lovely icons used in the demo are Blue Orbs social Icons and webtoolkit4me social icons which you can download.

And that's it for installation.

In Detail- Setting up the script

The HTML markup for your "bubble images" should consist of a UL list with an arbitrary but unique ID attribute and the CSS class "bubblewrap". For example:

All images within the UL will have the bubble effect applied to it. If you want a tooltip to also disappear above the enlarged image, insert an "alt" attribute inside the image.

With the markup of your bubble images set up, initialize the effect by calling the following function in the HEAD section of your page:

jQuery(document).ready(function($){
$(selector).imgbubbles({options}
})

Where "selector" is the jQuery selector that references the UL element, and options is an object containing any optional settings to be passed in. To initialized the above markup for example, you may do:

jQuery(document).ready(function($){
$('ul#orbs').imgbubbles({factor:1.75}) //add bubbles effect to UL id="orbs"
})

This selects the Bubbles UL with ID="orbs" and gives the image a magnification factor of 1.75x (default is 2x). The following lists the possible options:

**imagebubbles() options**
option	Description
`factor=number`	Sets the magnification level of the image when it "bubbles" up. Enter a number larger than 1, decimals allowed (ie: 4.5). Default is 2x.
`speed=number`	Sets the speed, or duration of the bubbling effect. Enter a number to specify duration in milliseconds (ie: 1000 for 1 second), or the keywords "`fast`", "`normal`", or "`slow`". Default to "`fast`".

To define both options at once, simply separate each with a comma, for example:

jQuery(document).ready(function($){
$('ul#orbs').imgbubbles({factor:3.15, speed:1500})
})

Customizing the CSS/style of the bubble images

To create the bubbles effect, images are absolutely positioned inside a relatively positioned UL list. This positioning related properties is defined inside imagebubbles.css and should be preserved. To customize the style of the tooltip, such as its font style and width, modify the class "tooltip" inside this file. The width of the tooltip affects whether long tooltips will appear as multiple lines or not.

One important aspect of the style you need to customize is the dimensions of each LI and that of the contained bubble image, respectively. Here is the global CSS for the "orbs" bubble images shown in the demo above:

It sets each image's width at 55px by 60 px initially. The parent LI also should have both a width and height defined, which should be larger than each image's dimensions (before magnification) to comfortably house the image. In the above case, it's set to 65px by 60px.

Cursor Bertabur Bintang

Cursor Bertabur Bintang merupakan cursor mouse yang bertabur bintang warni-warni yang terletak pada cursor mouse,,
Klik disini untuk melihat contoh nya,, tertarik untuk memasangnya di blog anda, langsung saja ikuti langkah-langkah di bawah ini :
Pilih salah satu script kode dibawah ini sesuai dengan warna kesukaan anda dan warna yang kontras dengan warna background blog anda :

Cursor Bertabur Bintang Dengan Warna Biru

Cursor Bertabur Bintang Dengan Warna Hijau

Cursor Bertabur Bintang Dengan Warna Merah

Cursor Bertabur Bintang Dengan Warna Ungu

Cursor Bertabur Bintang Dengan Warna Silver

Cursor Bertabur Bintang Dengan Warna Kuning

Cursor Bertabur Bintang Dengan Warna Hitam

Langkah - langkahnya :
1.Masuk Ke Akun Blogger Anda
2.Klik Tata letak atau Rancangan
3.Lalu Klik Tambah Gadget
4.Pilih HTML/JavaScript
5.Copy paste script kode diatas didalam HTML/JavaScript
6.Klik Simpan. silahkan anda gerakan mouse anda. dan selesai..

Cursor Teks

Simply add the below to the <HEAD> section of the page:

Copy Paste Kode Di Bawah

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">

/* Circling text trail- Tim Tilton
   Website: http://www.tempermedia.com/
   Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
   Modified Here for more flexibility and modern browser support
   Modifications as first seen in http://www.dynamicdrive.com/forums/
   username:jscheuer1 - This notice must remain for legal use
   */

;(function(){

// Your message here (QUOTED STRING)
var msg = "Dynamic Drive! Scripts & More!";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
   window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();

</script>

Untuk melihat contohnya Klik Di Sini

3 comments :

iki muhammad5 February 2011 at 01:47
gan ne agy mna paypal nya sya ddah bikin kok gk bisa" truss itu mw di share ke mna ?.
mng nya agan dah bikin
Anonymous10 July 2011 at 03:47
Hi Thanks for sharing your thoughts. Take care.
Anonymous5 August 2011 at 05:06
Hi A very nice niche blog, and a good design there sparks Simplicity yet complex algorithm of the internet. Thank You.