Ini hanya sekedar contoh bagaimana cursor yang sisertai teks berputar bekerja. Anda bisa melakukan pengaturan sendiri agar cursor tampil sesuai selera. Kecepatan putar, diameter lingkaran, warna teks, jumlah karakter teks, kecepatan teks mengikuti cursor adalah beberapa variabel yang dapat diset ulang. Jika sebelumnya banyak blogger juga memposting cara membuat cursor ini dan anda pernah mencoba atau bahkan kini menggunakannya, pasti ada yang terlihat berbeda. Perbedaan terletak pada posisi antara cursor dan lingkaran teks. Pada tutorial lain cursor tepat berada ditengah-tengah lingkaran teks, tetapi untuk yang akan kita buat ini cursor akan berada di atas lingkaran teks. Apa yang melatar belakangi perubahan design ini? Jika anda sudah membaca tutorialnya di gubhugreyot pasti telah mengetahui tapi bagi yang belum silahkan baca panduan dan tutorialnya melalui link di bawah ini:
mas Gitosamin
Sekedar DEMO cara buat elemen baru tempat memasang adsense, banner atau yang lain di header sebelah kanan.
Tampilkan postingan dengan label Cursor. Tampilkan semua postingan
Tampilkan postingan dengan label Cursor. Tampilkan semua postingan
Minggu, 04 Maret 2012
Sabtu, 03 Maret 2012
Cursor bintang bertaburan
Cursor bertauran bintang ,cursor bertabur bintang atau cursor bintang bertaburan. Tiga istilah atau kalimat yang sulit dibedakan. Yah ..., untungnya ketiga istilah tersebut mempunyai makna yang sama yang menjelaskan tentang sebuah cursor yang disekitarnya bertaburan titik-titik bagaikan bintang. Cursor ini tersedia dalam berbagai warna, seperti red, green, blue, yellow, white, black, gray, lime, dan orange serta pink. Untuk mengganti warna anda cukup merubah alamat javascriptnya. Jika ingin warna merah tulis saja red atau mungkin warna biru tuliskan blue.
<script src="https://sites.google.com/site/gitosiminprojects/posting-demo/GRstar-red.js" type="text/javascript"></script>
Untuk warna biru ganti red dengan blue, begitu seterusnya dan berlaku untuk semua warna yang tersedia.
Jika ingin lebih jelas tentang cara backup template dan cari kode di template, silahkan buka gubhugreyot.
Carilah Special Tutorials yang terdapat di menu sebelah kiri halaman.
Javascript cursor warna merah:
<script src="https://sites.google.com/site/gitosiminprojects/posting-demo/GRstar-red.js" type="text/javascript"></script>
Untuk warna biru ganti red dengan blue, begitu seterusnya dan berlaku untuk semua warna yang tersedia.
Cara Menggunakan :
- Login ke Blogger.
- Setelah anda lihat halaman Dasbor (Dasboard), cari dan klik Rancangan (Design).
- Cari dan klik Edit HTML.
- Box Edit Template akan terlihat. Box ini penuh dengan kode html penyusun template/blog. Lakukan Backup template terlebih dahulu sebelum memasang dan menyimpan javascript cursor bintang bertaburan.
- Cari Kode </body> dan letakkan javascript di atasnya.
- Klik Simpan Template (Save Template).
- Buka blog dan lihat hasilnya!
Catatan/Keterangan:
Jika ingin lebih jelas tentang cara backup template dan cari kode di template, silahkan buka gubhugreyot.
Carilah Special Tutorials yang terdapat di menu sebelah kiri halaman.
Cursor Waruabangijo
Cursor ini merupakan hasil modifikasi dari cursor bertabunr bintang yang telah diposting oleh begitu banyak blogger. Sekalipun anda pernah mencoba atau menggunakan cursor bertabur bintang, namun ketika anda mencoba yang ini pasti terasa sekali perbedaannya. Jika yang telah anda coba hanya bertabur titik-titik kecil, namun cursor hasil modifikasi ini akan menaburkan begitu banyak cinta (waru abang waru ijo) berukuran sekitar 2 hingga 3 pixel. Anehnya, ketika cursor digerakkan ke kanan atau ke kiri maka cinta yang bertaburan tersebut akan berubah menjadi semakin besar dan pada akhirnya kembali menjadi butiran-butiran kecil yang semakin jatuh ke ujung terbawah halaman blog. Hai ... gimana ... terlalu banyak ngomong akan terlalu banyak membuat kesalahan, dus .... banyak kata tak tentu memperjelas maksud dan tujuan. Ha ... terlebih anda juga sudah melihat cursornya. Silahkan saja simpan javascriptnya di antara tag body. Anda bisa menyimpan di bawah <body> atau di atas </body>
<script src="https://sites.google.com/site/gitosiminprojects/posting-demo/GRlovestar-red.js" type="text/javascript"></script>
Cursor Waruabangijo tersedia dalam berbagai warna:
red, green, blue, yellow, white, gray, lime, black, orange dan pink.
Untuk merubah warna cursor anda tinggal merubah red yang terdapat dalam javascript sesuai warna yang tersedia.
Contoh kode warna hijau:
<script src="https://sites.google.com/site/gitosiminprojects/posting-demo/GRlovestar-green.js" type="text/javascript"></script>
<script src="https://sites.google.com/site/gitosiminprojects/posting-demo/GRlovestar-red.js" type="text/javascript"></script>
Cursor Waruabangijo tersedia dalam berbagai warna:
red, green, blue, yellow, white, gray, lime, black, orange dan pink.
Untuk merubah warna cursor anda tinggal merubah red yang terdapat dalam javascript sesuai warna yang tersedia.
Contoh kode warna hijau:
<script src="https://sites.google.com/site/gitosiminprojects/posting-demo/GRlovestar-green.js" type="text/javascript"></script>
Tutorial
Klik link tutorial di bawah ini untuk mendapatkan tutorialnya:
Tutorial: Cursor bertabur bintang cinta
Jumat, 02 Maret 2012
Membuat Cursor Animasi Mulur Mungkret di Blogger
Sebuah cursor animasi yang sangat cantik dan bisa mentul-mentul. Kita hanya butuh 1 buah image tetapi image tersebut digandakan melalui javascript. Berbagai pengaturan sudah tersedia di dalamnya. Anda bisa merubah jumlah penggandaan image cursor, jarak tiap image, efek mentulnya dll hingga mendapatkan cursor terindah. O, ya... anda bisa juga merubah ukuran image cursornya. Jika suka blognya penuh image cursor anda bisa membuatnya dalam ukuran jumbo biar yang kelihatan cuma cursornya doang ... He ... pasti aneh jadinya klo dibuat begitu, ya?!
Tutorial
Tutorial: Cursor animasi ndul gondal-gandul
Langganan:
Postingan (Atom)