nawa, nawa vice-roy, vice-roy

Rabu, 17 September 2014

Cara Mengganti Icon Kursor Blog Dengan Gambar


Mau mengganti kursor blog standar yang berbentuk panah dengan icon atau gambar yang sesuai dengan pilihan supaya tampilan blog lebih keren dan indah , kelebihan kursor ini bisa di ganti-ganti kalau sudah bosan dan hanya tampil pada blog sobat yang telah di pasangi kode script nya .

Ada 2 cara untuk membuatnya yaitu pertama lewat edit HTML di template dan yang kedua lewat HTML/Java Script di tata letak. langkahnya sebagai berikut :

-> Langkah pertama
  1. Login dulu di Blogger agan .
  2. Pilih Template di Dasbor Blog.
  3. Klik Edit HTML Template.
  4. Cari kode  </head> di blog ( gunakan Ctrl+F untuk memudahkan pencarian kode ).
  5. Pasang kode kursor di bawah ini diatas kode </head> atau sebelum kode </head>

<style type='text/css'> body{cursor: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWqQ24ATlfoUxBrwokPky7VgFLaDOtkWbXWeJpeegu0n3ktkG0_uIMQSXebMhO-90M7flkN2r_cToW0dkidU5oI0_xKYGGhTTaTHoLmJ2zUUsl36DsAOfTD6bkb73xOx35Lqf0fu4vlA/s1600/Kursor_nawa_4.gif&quot;), auto;} body a:hover{cursor: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWqQ24ATlfoUxBrwokPky7VgFLaDOtkWbXWeJpeegu0n3ktkG0_uIMQSXebMhO-90M7flkN2r_cToW0dkidU5oI0_xKYGGhTTaTHoLmJ2zUUsl36DsAOfTD6bkb73xOx35Lqf0fu4vlA/s1600/Kursor_nawa_4.gif&quot;), auto;} </style>


Keterangan diatas : Kode warna merah adalah kode gambar atau icon kursor



NB : untuk gambar, agan bisa buat sendiri menggunakan photosop atau editor photo yang lain dan meng-upload-nya ke blog agan atau situs uploader kemudian ambil link gambar agan terus masukkan di kode yang berwarna merah diatas

     6. Simpan template dan lihat hasilnya

-> Langkah kedua

  1. Buka totallylayout.com atau klik Disini
  2. Pilih Kursor yang akan digunakan dengan cara mengekliknya
  3. Tunggu,
  4. Copy kode tersebut. Untuk meng-copynya, klik Kode HTML/Java Script pada kotak HTML.
  5. Lalu Login ke Blogger.
    masuk ke Tata Letak >>Tambah Gadget >> Pilih HTML/Java Script.
  6. Lalu Pastekan Kode HTML tadi yang telah di Copy,.
  7. Klik simpan dan sekarang lihat blog agan.

Selamat mencoba dan jangan lupa tinggalkan jejak agan utuk hasilnya...
Nawa Vice-Roy Admin

Berkomentarlah dengan baik, bila ada komentar yang tidak sopan akan admin hapus. Terima kasih telah berkunjung.

Tidak ada komentar:

Posting Komentar

Nawa Vice-Roy