Mengganti Icon Blogger

1.  Kita harus punya akun di media penyimpanan gambar, seperti photobuket, dll.. Anda juga bisa meng upload melalui blogger
2. Jika udah punya akunnya tinggal upload gambar yang kita inginkan,, eiittt tunggu dulu menurut  sepengetahuanku gambar maksimal 32 x 32 pixel.
3. Kalo udah, tinggal kita copy linknya.. misalnya...

    http://1.bp.blogspot.com/-V-uTEbEqCS8/T9IKamnUVlI/AAAAAAAAAHE/5dWpzifWY_E/s1600/dice.png

4.Kalo udah dapet linknya, tinggal kita masuk ke blogger.com ==> Design ==> Edit HTML. Kalo udah,Jangan lupa centang Expand Widget Templates. Kita cari tulisan </head>  kalo temen-temen susah nyarinya tekan aja tulisan Ctrl + F .

5. Tuliskan kode ini di atas tulisan </head>.

<link href='http://1.bp.blogspot.com/-V-uTEbEqCS8/T9IKamnUVlI/AAAAAAAAAHE/5dWpzifWY_E/s1600/dice.png' rel='SHORTCUT   ICON'/>

 6.Kalian tinggal ganti tulisan berwarna merah dengan link gambar kalian
Tinggal di save aja, jadi, dehhh....
Selesai..  Mudah kan ??
Sekian..
Makasih...

Emoticon lucu di kotak koment blog

1. Buka blogger.com
2. Plih Design ==> Edit HTML
3. centang dulu  "expand widget template"
4. Lalu letakkan script berikut sebelum kode </body>  ( biar cepet pake CTRL+F)

<script src='https://sites.google.com/site/smkn1sidoarjo/java-script/scriptemoticon.js' type='text/javascript'/>

5. Cari kode <b:if cond='data:post.embedCommentForm'> (biar cepet pake CTRL+F lagi )
6. Kemudian Letakkan kode berikut ini, sebelum kode di nomor 5

    <center>
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/hi.gif' title='Hi'/>:hi
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/happy.gif' title='Happy'/>:-)
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/idea.gif' title='Idea'/>:*)
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/ok.gif' title='OK'/>:ok
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/so_happy.gif' title='So Happy'/>:s)
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/shame.gif' title='Shame'/>:D
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/wonder.gif' title='Wonder'/>:o)
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/thanks.gif' title='Thanks'/>:thx
    <br/>
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/cool.gif' title='Cool'/>:B)
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/laughing.gif' title='Laughing'/>:))
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/hihihi.gif' title='Hihihi'/>J:)
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/heh.gif' title='Hehe'/>:-J
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/angry.gif' title='Angry'/>:x
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/cry.gif' title='Cry'/>:((
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/no_words.gif' title='No Words'/>:|
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/sad.gif' title='Sad'/>:(
    <br/>
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/study.gif' title='Study'/>:iq
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/stress.gif' title='Stress'/>:#
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/confused.gif' title='Confused'/>:?
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/duh.gif' title='Duh'/>#-o
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/dizziness.gif' title='Dizziness'/>:@
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/vomit.gif' title='Vomit'/>J:P
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/omg1.gif' title='Oh My God'/>:o
    <img src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/omg2.gif' title='Oh My God'/>:-o
    </center>

Selesai,deh..
Gimana,? Gampang kan ???

Selamat mencoba

Kalimat melingkar mengikuti cursor

Kali ini saya akan berbagi ilmu mengenai kalimat melingkar mengikuti cursor  di blog agan-agan semua.....

Langsung saja ini dia caranya...


1. Masuk dulu ke blogger.com
2. Klik pada rancangan atau tata letak
3. Lalu klik pada Elemen Halaman
4. Klik pada tambah gadget lalu JavaScript
5. Pastekan script di bawah ini

<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='Ficars Site'.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>

6. Ganti tulisan berwarna biru dengan tulisan yg anda ingikan
7. Tinggal save dan selesai.... (Widget tersebut tidak perlu diberi judul )

Sekian deh...
Thanks,..

Mengganti cursor pada blogger

Dalam postingan saya sekarang, saya akan kasih tutorial tentang mengganti kursor Caranya pun sangat mudah.

Langsung saja, begini caranya:
1. Pilih tab “Tata Letak”.
2. Klik “tambah gadget” baik itu berada di bawah, atas atau samping.
3. Pilih “HTML/JavaScript”
4. Copy kode di bawah ini pada tempat pengetikan:

<style type="text/css">body {cursor:url("http://cursors2.totallyfreecursors.com/thumbnails/apple-tmani.gif"),default}</style>

5. Temen-tmen ganti tulisan berwarna biru dengan link gambar yang temen-temen mau
Selesai deh,
Nah, temen-temen tinggal liat aja hasilnya..

Jika anda ingin melihat kumpulan kursor lainnya,,..  Disini....!!!

Dan view image gambar yg anda inginkan....