0 Membuat Judul Blog Bergerak

Gimana…keren kan…??? Kalau kamu tertarik buat bikin judul blogmu bisa berganti-ganti kayak gambar di atas…ikuti aja langkah-langkah berikut ini…:

1. Login terlebih dahulu ke BLOG kamu


2. Pilih TATALETAK kemudian klik tambah gadget, lalu pilih HTML/Java Script


3. Masukkan script dibawah ini ke kotak yang telah di sediakan

<script>
function tb8_makeArray(n){
this.length = n;
return this.length;
}
tb8_messages = new tb8_makeArray(3);
tb8_messages[0] = "Hai Para Blogger�";
tb8_messages[1] = "Selamat Datang di �";
tb8_messages[2] = "Teoringeblog.Blogspot.com";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 125;
tb8_delay = 1000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
</script>

4. Kemudian klik save.
5. Sekarang tinggal di lihat hasilnya….

Keterangan :
1.Ganti tulisan yang berwarna merah dengan yang kata-kata yang kamu Inginkan.
2. kalau di lihat code Html di atas hanya terdiri dari 3 kata yang akan bergantian muncul di Judul Blog , yakni :

tb8_messages[0] = "Hai Para Blogger�";
tb8_messages[1] = "Selamat Datang di �";
tb8_messages[2] = "Teoringeblog.Blogspot.com";

dan kamu bisa menambahkan kata-kata lain lagi dengan menambahkan kode

tb8_messages[3] = "Masukkan Kata-katamu di sini";
tb8_messages[4] = "Masukkan Kata-katamu di sini";
tb8_messages[5] = "Masukkan Kata-katamu di sini";

ganti kata yang berwarna merah dengan kata-katamu, dan kamu bisa membuat kata-kata yang akan bergantian muncul di judul blog, sebanyak mungkin…
Gimana…Gampang dan menyenangkan tho….

Selamat Mencoba….Semoga Berhasil….

Membuat cursors selalu di ikiti oleh text, maksudnya….di manapun kita menggerakkan cursors selama dalam lingkup blog kita, maka cursors tersebut akan selalu di ikuti oleh text sesuai dengan keinginan kita

Jika kamu tertarik untuk menciptakan cursor dengan text sesuai keinginan kamu, silahkan saja ikuti langkah-langkah berikut ini :

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan HTML/JavaScript

6. Pastekan script di bawah ini ke kolom Konten

<div style="height:120px;width:250px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;">

<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='Teori Ngeblog.split('').reverse().join('');

var font='Verdana,Arial';
var size=3; // up to seven
var color='#ff0000';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;

// Alter no variables past here!, unless you are good
//---------------------------------------------------


var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}

var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}

var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}

}
cursor_text_circle();

</script>

</div>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com/html/codes/html_scroll_box.cfm">HTML scrollbox Teks</a></p>

7. Silahkan ganti tulisan berwarna merah dengan tulisan pilihan anda
8. Klik Simpan
9. Selesai

Keterangan :
- var color='#ff0000'; ('#ff0000' merupaka warna dari text yang akan mengikuti cursors kamu….jadi kalau kamu mau ganti dengan warna yang lain cukup menggantinya dengan kode warna sesuai keinginan kamu )
- var speed=.3; (angka 3 menunjukkan kecepatan dari text kamu….dan kamu bisa mengubahnya sesuai dengan keinginan kamu )
- var rotation=-.2; (var rotation menunjukkan kecepatan rotasi text kamu, dan angka -.2 adalah kecepatannya yang bisa kamu rubah sesukamu, jika di lihat, di depan angka 2, ada tanda – (min), tanda itu menunjukkan bahwa text kamu berputar mengelilingi cursors berlawanan arah dengan jarum jam…..nah kamu bisa menghilangkan tanda – (min) itu jika kamu ingin text kamu berputar searah dengan jarum jam)

0 Nu Maca Dodol

Dodol Dodol Test Dodol