Tips Mengubah Kursor Mouse Pada Blog

Tips Mengubah Kursor Mouse Pada Blog - Bagaimana mengubah kursor mouse di blog blogger untuk kursor animasi. Banyak blogger yang menanyakan pertanyaan ini, tetapi tidak ada tersedia tutorial internet.Saya menciptakan posting ini karena ada seorang teman blogger yang bertanya bagaimana mengubah pointer / kursor pada blogger. Hal ini dapat Anda lakukan untuk menghiasi tampilan blog. Bisa Juga Anda Baca yang ini

Saya mengambil gambar kursor dari http://www.cursors-4u.com/ dan Anda dapat mengubahnya kapan saja tergantung pada suasana hati meriah Anda.

 

Tutorial ini akan membantu Anda untuk mengubah kursor mouse pada blog Anda untuk kursor animasi.
Petunjuk Untuk Ikuti:

1.    Login ke dashboard blogger anda.

2.    Pilih Rancangan > Edit HTML, centang Expand widget template.

3.    Carilah kode </head> pada template anda dengan menggunakan Ctrl F.
4.    Copy kode CSS dibawah ini dan letakkan tepat diatas kode </head> .

    <style type='text/css'> HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;} </style>

5.    Simpan template anda dan lihat perubahan pada gambar kursor

Atau Anda Bisa Juga Gunakan yang Ini :

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/dark_blue_3d_cursor.cur), progress;}</style>

Now Click Save Template

You can change the cursor image just change the above Red code

Some cursors are give bellow

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/FRUITY_CHERRY_HEART-bdlab.blogspot.com.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/BLOGGER-bdlab.blogspot.com.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/I_LOVE_MY_BLOG.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/BLUE_SNOWFLAKE.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/FRUITY_LIME_HEART.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/FRUITY_LEMON_HEART.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/FRUITY_KIWI_HEART.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/REALLY_ANGRY_ANIME_SMILEY.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/SORRY_ANIME_SMILEY.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/WATERMELON.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_POINTER.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_HANDWRITING.cur), progress;}</style>

Baca Selengkapnya: http://www.acehsaya.com/2011/05/cara-mengubah-kursor-mouse-pada-blog.html#ixzz1nqKLjWWE

Cara Mengganti Cursor (Panah) Mouse Di Blog

Diposkan oleh Abay-Cyber

Cara Mengganti Gambar Kursor di Blog  -  Gara-gara kepingin sekali mengganti gambar kursor di blog ini, akhirnya setelah googling kesana kemari nemu juga sebuah situs yang menyediakan banyak gambar-gambar kursor pilihan.
Gambar kursor yang disediakan situs penyedia gambar ini http://www.totallyfreecursors.com/ banyak sekali, jadi kita tinggal memilih sesuai selera aja. Untuk cara memasang gambar kursor ini di blog, kita harus menambahkan sedikit saja kode CSS supaya bisa dipasang pada template. Dibawah ini ada beberapa sample gambar untuk kursor yang saya ambil berikut URL alamat kursor tersebut.

              URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif

               

Cara mengganti gambar kursor di blog :

1.    Login ke dashboard blogger anda.

2.    Pilih Rancangan > Edit HTML, centang Expand widget template.

3.    Carilah kode </head> pada template anda dengan menggunakan Ctrl F.

4.    Copy kode CSS dibawah ini dan letakkan tepat diatas kode </head> .

<style type='text/css'> HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;} </style>

5.    Simpan template anda dan lihat perubahan pada gambar kursor

6.    Jika sobat ingin mengganti gambar kursor dengan gambar yang lain, sobat tinggal ganti URL gambar yang berwarna merah dengan URL gambar pada sample diatas atau sobat bisa langsung browsing sendiri ke TKP di http://www.totallyfreecursors.com/ .

Langkah mudah pasang emotion dipojok blog

heyyy selamat pagi sobat rajacolek..dalam kesempatan ini tutorial newbei hadir kembali menyapa sobat dengan topcara mudah pasang emotion lucu dipojok blog  contohnya seperti yang tampil dipojok kanan blog ini.
jika sobat ada yang ingin coba pasang emotion lucu seperti itu silahkan baca sampai diahir postingan ini. saya akan berikan macam-macam pilihan emotion kerren yang bisa sobat pasang diblog sobat. kalau misalnya sobat punya logo sendiri seperti logo blog misalnya banner blog sobat yang mau dipasang itu jauh lebih kerren broo…
oke langsung saja pada tujuan diatas yaitu langkah mudah pasang emotion dipojok blog ——>>meluncur ke TKP —————–>>>
A->langkah pertama- dalamkeadaan login di blog masing masing ->pergi ke dasboard->appearance->widget-> dan pilih tex/html                                                      langkah diatas buat pengguna wordpress. dan untuk pengguna blogspot ikuti langkah dibawah ini
B->untuk blogger setelah login dan pergi ke dasboard->page elemen->add a gadget->dan pilih javascript/html
jika sudah  silahkan copy paste kode dibawah ini—–>>>
<div style=”position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;”>
<a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10″ target=”_blank”>
<img src=”http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif” border=”0″ />
</a><small><center><a href=”http://newbeingetop.wordpress.com” target=”_blank”></a>
</center></small></div>
Nota: silahkan ganti  teks yang berwarna merah dengan URL logo blog sobat  atau sobat pilih emotion-emotion lucu dibawah ini
tips:->untuk mendapatkan link/URL emotion-emotion dibawah ini klik kanan saja gambar yang sobat pilih->terus pilih “copy image  location “..beres deh…hehe

1->
2->
3->
4->
5->
6->
7->
8->
9->
10->
11->
12->
13->
13->
14->
15->
16->
17->
18->
19->
20->
21->
22-.
23->
24->

selamat mencoba tutorial newbei     –>>semoga bermamfaat–>>

Mozilla Mutez Saat Blog anda Load

caranya buat blog kita bikin browser pengunjung blog kita muter - muter. Tapi ini hanya akan berjalan di browser mozilla. Jadi mungkin ada di antara teman - teman yang iseng ingin blognya terlihat unik ikuti tutorial ini OK? langsung aja kita ke materinya.. cekibroot..

Langkah - langkahnya kayak gini nih :

1. Login ke Blogger kamu dulu.

2. Klik pilihan di dashboard yaitu Rancangan / Layout.

3. Pilih Edit HTML.

4. Setelah itu kamu cari kode <head> biar gampang tekan CTRL + F aja.

5. Kalau sudah ketemu langsung Copy code di bawah ini dan Paste di tepat bawah tag <head> tadi.

<script type='text/javascript'>

//<![CDATA[

window.scrollBy(0, 1)

window.resizeTo(0,0)

window.moveTo(0,0)

//setInterval("move()",10); ... Lihat Selengkapnya

setTimeout("move()", 1);

var mxm=50

var mym=25

var mx=0

var my=0

var sv=50

var status=1

var szx=0

var szy=0

var c=255

var n=0

var sm=30

var cycle=2

var done=2

function move()

{

if (status == 1)

{

mxm=mxm/1.05

mym=mym/1.05

mx=mx+mxm

my=my-mym

mxm=mxm+(400-mx)/100

mym=mym-(300-my)/100

window.moveTo(mx,my)

rmxm=Math.round(mxm/10)

rmym=Math.round(mym/10)

if (rmxm == 0)

{

if (rmym == 0)

{

status=2

}

}

}

if (status == 2)

{

sv=sv/1.1

scrratio=1+1/3

mx=mx-sv*scrratio/2

my=my-sv/2

szx=szx+sv*scrratio

szy=szy+sv

window.moveTo(mx,my)

window.resizeTo(szx,szy)

if (sv < 0.1)

{

status=3

}

}

if (status == 3)

{

document.fgColor=0xffffFF

c=c-16

if (c<0)

{status=8}

}

if (status == 4)

{

c=c+16

document.bgColor=c*65536

document.fgColor=(255-c)*65536

if (c > 239)

{status=5}

}

if (status == 5)

{

c=c-16

document.bgColor=c*65536

document.fgColor=(255-c)*65536

if (c < 0)

{

status=6

cycle=cycle-1

if (cycle > 0)

{

if (done == 1)

{status=7}

else

{status=4}

}

}

}

if (status == 6)

{

document.title = "Cljck"

alert("Cljck")

cycle=2

status=4

done=1

}

if (status == 7)

{

c=c+4

document.bgColor=c*65536

document.fgColor=(255-c)*65536

if (c > 128)

{status=8}

}

if (status == 8)

{

window.moveTo(0,0)

sx=screen.availWidth

sy=screen.availHeight

window.resizeTo(sx,sy)

status=9

}

var timer=setTimeout("move()",0.2)

}

//]]>

</script>

6. Kalau sudah klik Simpan Template.
7. Lihat deh hasilnya pakai Mozzilla, Semoga bermanfaat. :)

Cara Nama Blog Bergerak

Kadang-kadang ada nama blog yang agak panjang. Jadi, bila buka tab, tak nampak tulisan penuh nama blog tersebut. Dengan buat nama blog bergerak-gerak, mungkin lebih memudahkan. Mungkin juga dapat menjadikan tab tersebut nampak lebih menarik. =)

Caranya mudah.

1. Buka Dashboard > Design > Edit HTML
   
2. Cari (Ctrl + F) " <head>"
   
3. Copy code di bawah:
   
   <script language='JavaScript'>var txt=&quot;  Sini Aku Tulis Lagi  ||  Tulis apa saja yang terlintas di fikiran  || &quot;;var kecepatan=200;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>
   
4. Pastekan di bawah "<head>"
   
5. Ganti tulis merah dengan nama blog korang atau tambahan apa-apa perkataan/ayat lain mengikut kreativiti.
   
6. Tekan preview.
   
7. Kalau sudah berpuas hati, boleh save template.
   
8. Siap!

Animasi GIF untuk Blog Anda

Silahkan saja copy code di bawah gambar dan pasang di blog Anda masing-masing. Cuman yang perlu diingat, JANGAN UTAK-ATIK CODENYA DAN BIARKAN APA ADANYA, JUST COPY AND PASTE IT!!!

Team Kakashi (Naruto, Sasuke dan Sakura) lagi jalan-jalan but Kakashi malah sibuk mbaca buku karangan Jiraiya

<a href="http://iblogger.web.id/post/animasi-gif-bergerak-untuk-blog-anda/3/webq/" title="Aksesoris GIF untuk Blog"><img src="http://miqbalc.files.wordpress.com/2011/12/gudlux-blog-akesoris-kakashi-naruto-sakura-sasuke.gif"></a>

Team Asuma (Chouji, Shikamaru dan Ino) lagi jalan-jalan but Asuma seperti biasa, ngepal-ngepul kayak kereta api jaman doeloe

<a href="http://iblogger.web.id/post/animasi-gif-bergerak-untuk-blog-anda/3/webq/" title="Aksesoris GIF untuk Blog"><img src="http://miqbalc.files.wordpress.com/2011/12/gudlux-blog-akesoris-asuma-ino-shikamaru-chouji.gif"></a>

Kenshin alias Batoshai Si Pembantai lagi latihan pedang-pedangan

<a href="http://iblogger.web.id/post/animasi-gif-bergerak-untuk-blog-anda/3/webq/" title="Aksesoris GIF untuk Blog"><img src="http://miqbalc.files.wordpress.com/2011/12/gudlux-blog-akesoris-Kenshin-himura-latihan-pedang2an.gif"></a>

Gak tahu siapa namanya but kayaknya tendangannya oke juga!!!

<a href="http://iblogger.web.id/post/animasi-gif-bergerak-untuk-blog-anda/3/webq/" title="Aksesoris GIF untuk Blog"><img src="http://miqbalc.files.wordpress.com/2011/12/gudlux-blog-akesoris-tendangan-maut.gif"></a><br>