Cara Mengganti Kursor Di Blog -

Share on :
!. Cara pertama :

Kali ini Widget and Tutorial bakal membagikan tutorial tentang cara mengganti kursor di blogspot. Caranya mudah kok. Langsung praktik aja yuk. Begini langkahnya :

  • Login blogger kamu
  • Masuk ke Dashboard >> Design >> Page Element
  • Add a gadget dan pilih HTML/JavaScript
  • Copy Paste kode di bawah ini
Kode 1 : Mengubah kursor tapi tidak mengubah ketika menyorot link

<style type="text/css"> body{cursor: url("http://dl8.glitter-graphics.net/pub/330/330658m8v492ivpa.gif"), auto;} </style>

Kode 2 : Mengubah kursor walaupun saat menyorot link
<style type="text/css">body{cursor: url("http://dl8.glitter-graphics.net/pub/330/330658m8v492ivpa.gif"), auto;}body a:hover{cursor: url("http://dl8.glitter-graphics.net/pub/330/330658m8v492ivpa.gif"), auto;}</style>

Ganti tulisan yang berwarna ungu dengan link URL gambar kamu.

Berikut adalah link kursor koleksi saya (untuk mendapatkan link URL nya, klik kanan pada gambar >> Copy image URL) :
 
2. Cara ke dua
cara mengganti kursor di blog - Salam jumpa kembali para sahabat blogger..Pada kesempatan kali ini Banyuangi spot akan coba untuk share tutorial blog tentang cara mengganti kursor blog dengan kursor cantik ..Ok..cekidot..
Mungkin sahabat-sahabat melihat tampilan kursor yang berupa anak panah putih seperti ini sudah bosan....!!! Nah untuk sedikit variasi dan penyegaran mata ganti aja kursor pake kursor yang kita mau...nah berikut ini pemula punya blog coba memberikan beberapa alternatif yang bisa digunakan sebagai pengganti kursor tersebut dan langkah-langkah cara memasangnya diblog...Ok langsung aja ke T..K..P...
Langkah - langkah mengganti kursor yang cantik Sebagai berikut :
1. Copy script berikut ini :
<style type="text/css">
body {
cursor:url("
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP60b8cas1sl1dM71DRL6vtkUIh1SdC6OLp9zTxppwrr_R025tm0lrT187lic2wlSER13JGLkr85g92lFHkqXjLYDcrE04bEBhfliOhBTRorcjXqf5beoodHW0O5-NWn_tFYLI06fnFHs/h120/1.gif")
,default}
</style>
akan menghasilkan bentuk kursor seperti ini :



Berikut ini adalah beberapa pilihan cursor yang bisa digunakan Copy script yang ada dibawah masing-masing kursor yang anda inginkan ganti tulisan yang berwarna merah :
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP60b8cas1sl1dM71DRL6vtkUIh1SdC6OLp9zTxppwrr_R025tm0lrT187lic2wlSER13JGLkr85g92lFHkqXjLYDcrE04bEBhfliOhBTRorcjXqf5beoodHW0O5-NWn_tFYLI06fnFHs/h120/1.gif

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmeqtXiyNYMOR50cNpZZag1o2DoMhR5HYRA9LNZJ1APd18AL27Pm-PFJ6Jz8BEKRZQ-A7kLHR0vsKI9XczwLJV07advdeLAwskYcx5Izy00bAd36sepcUAkLIMuGdTDd4g1Z_v3MSULOw/h120/2.gif

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDT5nmClwHIFWHGc-kW7cQtdj0Uz0VVJ5Qy-KdCy0QncokqUTSoocGJ69ZM-DSuH38PZGXcMnVw27aM5HjQxYVS3-7hO6TpzzjYi4smnfmsfozwZVrSnRdhaAUiLsjIX9_78EcZPmODyw/h120/3.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5jVN3xEV9IjWFOK7qj4IxDFTEwOVR0-CmLNyF-ZJnAQCeJ9RQ-bphaAjjbMQ758NiTIHBHcDwZzlPw3OUqGen5fFnc3bDklJVsdpJxFbUm1vUFJUtSkp6kR95OYW9nu8BXvosTGlbRyo/h120/4.gif

Setelah di copy script di atas langkah selanjutnya pengaturan diblog sahabat sebagai berikut :

1. Klik Rancangan.
2. Pilih Tata letak.
3. Klik Tambah Gadget.
4. Pilih HTML/Javascript kemudian paste script tersebut.
5. Simpan dan lihat hasilnya...

Berikut ini adalah beberapa pilihan lain alamat link kursor yang bisa digunakan :
a. http://i771.photobucket.com/albums/xx357/cebol_01/Kursor.png
b. http://i34.photobucket.com/albums/d132/JuL14_ok/pinkbutterflies.gif  c. http://i40.photobucket.com/albums/e230/dh34sy/flame.gif
d. http://i425.photobucket.com/albums/pp332/hippmibjkt/sym455.jpg
e. http://i340.photobucket.com/albums/o350/tomrat2212/emon.gif
f.  http://i872.photobucket.com/albums/ab288/bebe_munya/kursor1.gif
g. http://i872.photobucket.com/albums/ab288/bebe_munya/kursor2.gif

1 komentar:

Unknown mengatakan... 7 April 2015 pukul 23.36

terimakasih gan ilmunya, bermanfaat bangt

Post a Comment and Don't Spam!

Please Don't Spam

Pages