Memasang Menu Log In Pada Blog

menu log in blogger yang berada di blog memudahkan kita atau juga pengunjung blog kita untuk log in ke blog mereka di blogspot tanpa harus menuju ke blogger.com.

Untuk menambahkannya, ikuti panduan singkatnya dibawah ini:

1. Di dashboard blogger, klik Layout.

2. Klik Edit Menu

3. Klik Add a Gadget/Tambah Gadget

4. Pilih HTML/Javascript dan masukan kode dibawah ini:

<form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()"><input value="http://www.blogger.com/loginz?d=%2Fhome&amp;p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"><input value="blogger" name="service" type="hidden"><input value="8" name="nui" type="hidden"><input value="8" name="naui" type="hidden"><input value="2" name="fpui" type="hidden"><input value="3" name="uilel" type="hidden"><input value="true" name="skipvpage" type="hidden"><input value="false" name="rm" type="hidden"><input value="true" name="alwf" type="hidden"><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"><input value="0" name="alinsu" type="hidden"><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"><div><label for="Email"> <span style="font-weight: bold;">Username</span>:
<input id="Email" tabindex="1" value="" name="Email" size="20" type="text"></label></div><div><label for="Passwd"> <span style="font-weight: bold;">Password</span>: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>)
</label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"></div>
<input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit"></form>

5. Simpan dan lihatlah hasilnya

Cara Pasang Menu Melayang Pada Blog

Berbagai macam cara dilakukan para blogger untuk menghemat ruang blognya salah satunya dengan Kotak blogroll, Namun tips kali ini untuk menghemat halaman kita akan membuat menu melayang. menu ini dapat sobat tampilkan di bagian kiri maupun di bagian kanan blog, sobat tinggal memilih mana yang lebih cocok untuk blog kesayangan sobat.
Bagi sobat yang ingin menampilkan menu melayang ikuti panduan dibawah ini!

1. Masuk ke Blogger dengan ID sobat.
2. Pilih Tata Letak kemudian klik Edit HTML.
3. Back up template dulu, untuk antisipasi kalau gagal.
4. Cari kode ini : </head> pada template anda.

5. Copy Seluruh script dibawah ini, kemudian paste tepat diatas </head>

<script src='http://elmubarok.googlecode.com/files/floating1.js' type='text/javascript'/>
<script>
YOffset=150;
XOffset=0;
staticYOffset=30;
slideSpeed=20
waitTime=100;
menuBGColor=&quot;red&quot;;
menuIsStatic=&quot;yes&quot;;
menuWidth=150;
menuCols=2;
hdrFontFamily=&quot;verdana&quot;;
hdrFontSize=&quot;2&quot;;
hdrFontColor=&quot;black&quot;;
hdrBGColor=&quot;#FF0000&quot;;
hdrAlign=&quot;left&quot;;
hdrVAlign=&quot;center&quot;;
hdrHeight=&quot;15&quot;;
linkFontFamily=&quot;Verdana&quot;;
linkFontSize=&quot;2&quot;;
linkBGColor=&quot;white&quot;;
linkOverBGColor=&quot;#FFFF99&quot;;
linkTarget=&quot;_top&quot;;
linkAlign=&quot;Left&quot;;
barBGColor=&quot;red&quot;;
barFontFamily=&quot;Verdana&quot;;
barFontSize=&quot;2&quot;;
barFontColor=&quot;white&quot;;
barVAlign=&quot;center&quot;;
barWidth=20; // no quotes!!
barText=&quot;WELCOME&quot;;


// ----- Mulai Edit Menu
ssmItems[0]=[&quot;My Menu&quot;] //Header Menu
ssmItems[1]=[&quot;Home&quot;, &quot;/&quot;, &quot;&quot;]
ssmItems[2]=[&quot;About Me&quot;, &quot;http://www.tipskom.co.cc/2009/07/about-me.html&quot;,&quot;&quot;]
ssmItems[3]=[&quot;Blog Tutorial&quot;, &quot;http://www.tipskom.co.cc/search/label/Blog%20Tuturial&quot;,&quot;&quot;]
ssmItems[4]=[&quot;Tips FaceBook&quot;, &quot;http://www.tipskom.co.cc/search/label/Tips%20Facebook&quot;,&quot;&quot;]
ssmItems[5]=[&quot;Tips Komputer&quot;, &quot;http://www.tipskom.co.cc/search/label/Tips%20Komputer&quot;, &quot;_new&quot;]
ssmItems[6]=[&quot;Free Antivirus&quot;, &quot;http://www.tipskom.co.cc/2009/07/free-antivirus.html&quot;, &quot;&quot;]
ssmItems[7]=[&quot;SEO&quot;, &quot;http://www.tipskom.co.cc/search/label/Tips%20SEO&quot;, &quot;&quot;]

buildMenu();
//----- Selesai Edit Menu
</script>

-  silahkan rubah WELCOME dengan tulisan apa saja yang cocok dengan kehendak sobat
-  kode yang berwarna kuning wajib sobat ganti dengan alamat-2 punya sobat. 
-  MY MENU boleh kita ganti dengan MENUKU, DAFTAR MENU dll.
-  masih banyak lagi yang bisa sobat utak-atik.
-  terakhir simpan. semoga berhasil

Membuat Teks Mengikuti Kursor

Sobat mau membuat kursor kamu di ikuti oleh teks ? jika mau, caranya sangat mudah... sobat hanya perlu mengikuti langkah di bawah ini

1. Log in ke blog anda > Layout (tata letak) >> Page Elements (laman elemen) >>> Add a Gadget (tambah gadget) >>>> HTML/JavaScript
2. Copy code di bawah ini dan paste di kotak konten

<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='TULIS TEKS SOBAT DISINI'.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+" color="+color+" size="+size+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer left="0" top="0" width="+a+" name="nsmsg'+i+'" height="+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>

3. Ganti tulisan yang berwarna merah dengan teks yang anda inginkan.

Selesai, selamat mencoba !!!

Membuat Judul Blog Pada Tab Bergerak

Paling tidak bagus menyimpan ilmu yang kita miliki sendirian, oleh karena itu saya akan berbagi sedikit ilmu yang punya. Kali ini ilmu yang akan saya ajarkan adalah cara membuat judul pada TabBar menjadi bergerak. Ok ... kita langsung saja ke inti permasalahannya, Ikuti cara-cara di bawah ini :

1. Login ke Blog anda, lalu klik Layout/Tata Letak.
2. Setelah itu klik Edit HTML lalu beri tanda centang di Expand Widget Templates.
3. Jika anda sudah masuk Edit HTML cari kode </head> (jika mau lebih mudah mencarinya klik ctrl + F pada keyboard dan tuliskan kata yang ingin dicari)
4. Jika kodenya telah di temukan copy kode di bawah ini dan letakan dibawah kode </head>

<script language='JavaScript'>var txt=&quot; TULIS TEKS ANDA DI SINI &quot;;
var kecepatan=120;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();

</script>

Nah... Mudah kan... sekarang giliran sobat sekalian untuk mencoba
dan jangan lupa komentarnya disini..