Rabu, 21 Mei 2014

Cara Merubah Tampilan Kursor di Blogspot

Cara merubah tampilan kursor di blogspot Cara merubah tampilan kursor di blogspot. Mungkin kalian sangat penasaran kenapa tampilan kursor bisa berubah tidak seperti pada umumnya.Nah kali ini saya akan membagikan ilmu buat kalian yang ingin mempelajarinya.Perubahan kursor merupakan untuk mempercantik tampilan di blog saja,atau hanya buat kreasi kreatif saja.

Jika kalian sangat penasaran,tentunya hal ini sudah banyak sekali di berikan tutorialnya oleh para blog yang sudah lama membagikan kehalayak para pembaca.Akan tetapi saya hanya ingin mencoba untuk berbagi ilmu yang baru saja saya pelajari.

Nah bagaimana cara merubah tampilan kursor di blogspot ..? baik saya akan jelaskan satu persatu.
Pertama seperti biasa kita buka terlebih dahulu blog anda.Setelah itu,kita klik entri baru atau halaman baru dimana halaman itu yang biasa kita gunakan untuk menulis artikel atau apa saja,yang mana tampilannya tidak jauh berbeda dengan microsof word kurang lebih seperti itu,namun ada sedikit perbedaan diantara keduannya.




Sebagai langkah awal saya akan memberikan beberapa langkah sebagai berikut.
dimana tampilan laman blog ini terdiri dari compose adalah tampilan atu bentuk tulisan biasa,sedangkan HTML adalah bentuk tampilan tulisan berbentuk kode.nah jika kita ingin membuat sebuah perubahan pada kursor, maka kita gunakan kode HTML dengan cara mengkliknya.


Kedua kita masukan kode scripe ke kode HTML yang sudah kita klik tadi.
untuk mempermudah saya akan memberikan contoh kode scripe ini kepada kalian.Kodenya ada dibawah ini.

Sebagai contoh saya kasih bentuk kursor Mouse Pelangi silahkan kopy paste kode dibawah ini kedalam blog anda.


<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-1/cur18.ani), url(http://cur.cursors-4u.net/cursors/cur-1/cur18.png), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Wavy Tail"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Wavy Tail" style="position:absolute; top: 0px; right: 0px;" /></a>


Jika sudah selesai kalian tempel di blog HTML anda,maka kalian kembalikan pada kompose atau pada tulisan biasa.Jika kita ingin melihat hasilnya,langsung saja dipublikasikan.dan lihat blog

sebagai contoh ini hasilnya kursor yang saya miliki sekarang. terima kasih









Tidak ada komentar:

Posting Komentar