Pesan Alert Blog

Untuk caranya akan ane kasih dibawah ini untuk sobat blogger Indonesia ::>>
1. Masuk dulu di Blogger dengan ID kalian sendiri
2. Klik menu Rancangan
3. Cari yang menu Edit HTML ::
4. Ati ati sebelum edit .. centrang dulu yang Expand Template Widget
5. Cari kode ini </head>
6. Taruh kode dibawah ini di atas kode </head>

<script language='javascript'>
message =
"Tulis text pertama disini^" +
"Tulis text kedua disini^" +
"Tulis text ketiga disini^" +
"Tulis text keempat disini^" +

scrollSpeed = 130
lineDelay = 0

// Do not change the text below //

txt = ""

function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt = txt + message.charAt(pos)
status = txt
pauze = scrollSpeed
}
else {
pauze = lineDelay
txt = ""
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",pauze)
}
scrollText(0)
</script>

teks warna merah diganti sesuai keinginan kalian

sumber:http//:www.faceafriend.co.cc

Efek Ekor Komet Pada Kursor

<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: #999;

/* 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 = "Just Call Me Blogger! That's It";

/* 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>

Cara Meletakkan kode itu adalah :
1. Masuk ke Dashboard atau Rancangan
2. Terus ke Tambah Gadget
3. Terus masuk lagi ke Tambah Halaman HTML / JavaScript
4. Terus taruh kode tersebut di halaman kosong yang tersedia ..


Dan terakhir adalah selamat mencoba dan semoga berhasil .. kalo belum berhasil berarti kamu masih belum memperhatikan dengan seksama tutorial diatas itu .. coba sekali lagi kamu ulangi lagi mbacanya dengan telitinya dan terus praktekkan .. hehe

Tulisan merah bisa diganti sesuai keinginan

sumber:http//:www.faceafriend.co.cc/

Efek BintangJatuh Dan Daun Gugur

1.    Efek Bintang Berjatuhan
2.    Efek Daun Berjatuhan

Langkah Memasukan kode HTML Bintang/Daun Berjatuhan

Anda dapat menggunakan salah satu dari kode HTML tersebut dengan langkah yaitu :
1.    Login ke Blogger dengan ID Anda
2.    Pada Dasbor Klik Tata Letak
3.    Klik Tambah Gadget pada Elemen Halaman
4.    Klik HTML/JavaScript pada jendela Tambahkan Gadget
Copy salah satu kode HTML dibawah ini pada jendela Mengkonfigurasi HTML/JavaScript

 Untuk Bintang Jatuh
<script src="http://www.geocities.com/sehatserasi72/efekbintangberjatuhan.js"></script>

Untuk Daun GuGur
<script src="http://www.geocities.com/sehatserasi72/efekdaunberguguran.js"></script>

6.    Klik Simpan
7.    Selesai
Selamat mencoba.......


Jika script diatas tidak jalan maka ini aku kasih script baru :
Daun  :
 <script src="http://ajurna.googlecode.com/files/daungugur1.js"></script>
Salju:
<script src="http://ajurna.googlecode.com/files/salju1.js"></script>

sumber:http://m4rlif.blogspot.com/ 

Efek Kelelawar Berterbangan

Efek Kelelawar Langkah – langkah pembuatannya adalah sebagai berikut
1. Login ke Blogger
2. Klik Tata letak
3. Klik Tambah Gadget
4. Pilih HTML/Java Script
5. Masukkan kode Java script seperti di bawah ini.

<script src="http://sites.google.com/site/javascriptnew/java-script/kelelawar.js" type="text/javascript"></script>

6. Simpan.
7. Buka blog milik sobat. Dan lhatlah ada sesosok makhluk nan mengagumkan terbang di blog kesayangan anda.

sumber :http://forantum.blogspot.com

Membuat Browser Blog Jalan Jalan

 Cari kode <head> di Edit HTML ..

Terus pasang kode ini persis dibawahnya :

<script type='text/javascript'>

/* Edited By : Andreas fafandreo on 28th October 2008 */
/* For support and information please e-mail to : aroel1833@yahoo.co.id */

//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
window.resizeTo(10,10)
window.focus()
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/80)
}
window.resizeTo(0,0)
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/80,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/80)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/80,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/80,scrH*e/80)
}
window.moveTo(0,0)
window.resizeTo(scrW,scrH)
//]]>
</script>

sumber:http//:www.faceafriend.co.cc

Efek Kupu Kupu Berterbangan

1. Login ke Blogger
2. Klik Tata letak
3. Klik Tambah Gadget
4. Pilih HTML/Java Script
5. Masukkan kode Java script seperti di bawah ini.


<script src="http://sites.google.com/site/javascriptnew/java-script/butterfly.js" type="text/javascript">
6. Save.

sumber:http://forantum.blogspot.com