Cara Mengganti Kursor Di Blog

Diposting oleh Muhammad Iqbal on Sabtu, 11 Agustus 2012

Bagaimana Cara Mengganti Kursor Di Blog? pertanyaan ini di lontarkan ketika sobat mbah trik sudah mulai bosan dengan tampilan kursornya saat ini, kita dapat sedikit berkreasi dengan mengganti gambar kursor default dengan gambar-gambar kursor yang lebih menarik, anda dapat mencarinya di www.totallyfreecursors.com  yang menyediakan kumpulan kursor yang bisa kita pakai. Saya akan membagikan 2 cara dalam pepbuatannya.
Langsung saja untuk cara yang pertama ikuti Cara Mengganti Kursor Di Blog di bawah ini:
1. Download dahulu template sobat mbah trik sebagai jaga-jaga apabila terjadi kesalahan
2. Login ke blogger account - Dashboard - Template -Edit HTML, jangan lupa beri tanda centang pada Expand Template Widget, kemudian cari kode ]]></b:skin> dengan bantuan CTRL + F untuk lebih memudahkan dalam pencarian. Selanjutnya sisipkan kode di bawah ini

body,a,a:hover{cursor:url(Cursor-Url),progress;}

diatas kode  ]]></b:skin> tadii

Keterangan : Text yang berwarna merah itu adalah URL gambar  yang dapat di di ganti dengan url gambar lainnya yang di inginkan.

Ini contoh kode script yang saya buat untuk mengganti kursor blog

body,a,a:hover{cursor: url(http://downloads.totallyfreecursors.com/thumbnails/eyebrown.gif),progress;}
</style>

Jika sobat semua ingin mengganti gambar kursor dengan gambar yang lain yang lebih variatif, dapat dilakukan mengganti URL gambar yang berwarna merah dengan URL gambar yang telah di dapatkan dari www.totallyfreecursors.com. Setelah mengklik kursor yang diinginkan, akan terdapat halaman yang kira-kira sepeti ini : To use this cursor as your primary cursor on your web page, copy and paste this code anywhere in your HTML code dan dibawahnya terdapat alamat kursor, seperti ini contohnya  http://downloads.totallyfreecursors.com/thumbnails/eyebrown.gif  yang tinggal dicopy paste untuk mendapatkan kursor yang rekan inginkan.

Dibawah ini ada beberapa sample gambar untuk kursor yang saya ambil berikut URL alamat kursor tersebut.
      http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif
        http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif
        http://downloads.totallyfreecursors.com/thumbnails/tail2.gif
        http://downloads.totallyfreecursors.com/thumbnails/banana1.gif
        http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif
                
        http://i1122.photobucket.com/albums/l524/riyosuke/7updot-ani-1.gif

       http://i1122.photobucket.com/albums/l524/riyosuke/banghead.gif

        http://i1122.photobucket.com/albums/l524/riyosuke/guitarblackglitter.gif
        http://i1122.photobucket.com/albums/l524/riyosuke/heartbowarrow1-1.gif


Dan untuk cara yang ke dua adalah pertama masuk ke alamat www.totallyfreecursors.com, pilih kursor yang diinginkan, sesudah kita menemukan kursor, lihat tulisan yang seperti ini 'To use this cursor as your primary cursor on your web page, copy and paste this code anywhere in your HTML code' copy paste kodenya, contoh

 <div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Eye Brown Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/eyebrown.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/eyebrown.gif"), auto;}</style>

pada html/javasript dengan cara login ke account blogger, masuk ke dashboard, tata letak, tambah gadget ,pilih HTML/javascript, dan masukan kode yang ada di pojok kanan bawah dari alamat.


Semoga artikel Cara Mengganti Kursor Di Blog ini dapat bermanfa'at

Ditulis Oleh : Muhammad Iqbal ~ Turitorial Blog

Anda sedang membaca sebuah artikel yang berjudul Cara Mengganti Kursor Di Blog. Terimakasih atas kunjungannya dan semoga artikel ini dapat bermanfa'at.

:: Thank you for visiting ! ::

Comments
0 Comments

{ 0 komentar... read them below or add one }

:) :( ;) :D ;;-) :-/ :x :P :-* =(( :-O X( :7 B-) :-S #:-S 7:) :(( :)) :| /:) =)) O:-) :-B =; :-c :)] ~X( :-h :-t 8-7 I-) 8-| L-) :-a :-$ [-( :O) 8-} 2:-P (:| =P~ :-? #-o =D7 :-SS @-) :^o :-w 7:P 2):) X_X :!! \m/ :-q :-bd ^#(^ :ar!

Bagaimana Pendapat Sobat Semua Tentang Artikel Di Atas???

Untuk menambahkan yahoo emotion pada komentar sobat adalah dengan cara menyertakan kode yahoo emotion diatas pada komentar yang sedang ditulis contohnya kode seperti ini :) yang terdapat di atas kotak komentar ini

Panduan Memberi Komentar
1.Masukan komentar anda
2.Lalu pada kata 'beri komentar sebagai' , pilih account yang anda punya, bagi yang belum mempunyai account pilih Name/url, isi nama anda dan Kosongkan URL atau isi dengan alamat facebook anda(untuk mengetahui alamat facebook anda silahkan login ke facebook dan pilih profile anda, anda dapat melihat alamat Facebook anda di atas, contoh alamat Facebook punya saya http://www.facebook.com/profile.php?id=1823916177
3.dan kemudian Publikasikan
4.Selesai dan anda tinggal menunggu komentar anda muncul
Semoga bermanfa'at.

 
^ Back to Top