cara buat menu blog

1. pastinya login terlebih dahulu
masuk ke tata letak (layout) >> elemen halaman

2. tambah gedget >> html/java script
3. masukkan code berikut:


<script language="JavaScript1.2" src="http://oktri.googlecode.com/files/slide%20menu%20keren.js"></script>
<script>
resizereinit=true;

menu[3] = {
id:'menu3',
bartext:'MENU BLOG',
menupos:'left',
kviewtype:'fixed',
barbgcolor:"#00ff00",
barcolor:"#000000",
barfontweight:"bold",
bordercolor:'#000000',
hdingbgcolor:"#ffffff",
fontsize:'80%',
linkheight:20 ,
hdingwidth:210 ,

menuItems:[
["Home", "http://www.oktri.co.cc/", "_self"],
["My Facebook", "http://www.facebook.com/oktri.darmadi",""],
["Berita", "http://www.okezone.com/", ""],
["Kaskus", "http://www.kaskus.us", ""],
["My Profile", "http://www.blogger.com/profile/08032455232856850277", ""],
["free Download", "http://www.download.com", ""],
["Tips And Trics Blog", "http://oktridarmadi.blogspot.com", ""],
["Bisnis Uang Blog", "http://www.bisnis.com/", ""],
["free game", "http://freegamepick.com", ""],
["Back To Top", "#", ""] //tidak ada tanda koma pada akhir entry
]};

make_menus();
</script>
Keterangan :

+ Ganti Direct Link http://oktri.googlecode.com/files/slide%20menu%20keren.jsdengan Direct Link File JS anda sendiri, sebab script tersebut bisa over load jika terlalu banyak yg menggunakan, anda bisa download script JS nya.
+ Ganti tulisan yang warna orange dengan judul untuk Side menu Navigasi sesuai yang anda inginkan.
+ Kode yang saya tulis dengan warna hitam adalah kode warna yang bisa anda ganti dengan kode warna yg anda inginkan.
+ Ganti link dan judul link yang saya tulis dengan warna merahdan Biru dengan link Anda sendiri.
+ Ganti Tulisan right yang saya tulis dengan warna Coklat dengan left jika anda ingin Side Menu ini muncul disebelah kiri body blog.

4. Klik Simpan dan selesai.

More about → cara buat menu blog

cara agar kursor mouse di ikuti text

1. Login ke blogger Kalian
2. Pilih RANCANGAN
3. Pilih ELEMEN HALAMAN
4. Pilih Tambah Gadget ---> HTML/Javascript
5. Copy dan Paste Script berikut pada Konten HTML/Java Scriptnya

<!-- start Kursor by azis -->

<script>

//kursor mouse by Azis Lamayuda

//Website: http://www.z33s.co.cc

function cursor_text_circle(){

var msg='TULIS TEXT YANG INGIN TAMPIL DISINI'.split('').reverse().join('');


var font='Verdana,Arial';

var size=3; // up to seven

var color='#ff0000';

var speed=.3;

var rotation=-.2;

//---------------------------------------------------


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


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(){

if (ie) outer.style.top=iecompattest().scrollTop+'px';

currStep-=rotation;

for (i=0; i < n; i++){

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(){

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();

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>

<!-- End Kursor by azis -->

Keterangan :

Silahkan kalian ganti Kode berwarna Hijau dengan TEXT atau TULISAN KALIAN.

6. Jangan Lupa di Simpan

SELESAI... Semoga BerhasiL...

More about → cara agar kursor mouse di ikuti text

Cara Membuat Tulisan Berjalan di Address Bar

Cara Membuat Tulisan Berjalan di Address Bar   CEKIDOT!!!!!!!!!!!

Pada artikel yang telah lalu saya sudah menuliskan panduan Cara Membuat Tulisan Berjalan atau Marquee , namun artikel tersebut hanya membahas cara membuat tulisan berjalan di postingan blog atau sidebar blog saja.

Kali ini saya ingin membahas tutorial bagaimana cara bikin tulisan berjalan pada adress bar.

Cara Membuat Tulisan Berjalan Di Address Bar
1.  Untuk membuat tulisan berjalan di address bar langkah pertama yang harus anda lakukan adalah Login ke Blog
2.  Setelah itu klik menu Rancangan kemudian pilih tab Edit HTML, klik expand widget,
3.  Temukan kode ini </head>
4.  Setelah kodenya ditemukan silakan masukkan kode berikut ini di bawahnya.
<script type='text/javascript'>
//<![CDATA[
msg = " --- SILAHKAN DIGANTI ";
msg = " | SILAHKAN DIGANTI | SILAHKAN DIGANTI | SILAHKAN DIGANTI | SILAHKAN DIGANTI --- " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",100);
}
scrollMSG();
//]]>
</script>

5.  Ganti tulisan berwarna abu-abu dengan tulisan yang anda inginkan, nantinya tulisan itulah yang akan terlihat berjalan di address bar.
6.  Simpan Template anda.
semoga bermanfaat bagi blog anda ^_^

More about → Cara Membuat Tulisan Berjalan di Address Bar