Cara Membuat Dan Mengganti Cursor Sendiri di Blog


Saya yakin hampir semua di antara sobat semua sudah kenal dengan namanya photoshop. Program ini sangat sempurna untuk membuat dan mengedit berbagai macam gambar seperti gambar PNG, GIF, JPG, dan lainnya kali ini kita akan membuat gambar PNG agar background nya tidak terlihat / transparent. 
  1. Pertama kali sobat bisa membuka program photoshop.
  2. Klik "file" lalu pilih "New" untuk membuat sebuah layer baru.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjwa16fIX-yecKc27MxtCj444n2y9KqweS7fouTYJe2Aduef2nw_2jsnip3EK3muB6_qwOZvYmMR8FGYWn-ckhWpZsswKsr55QcppQu3TIUvpo8ddCyNQpAFYcGuVEARguUPx2Te0o6YAs/s1600/cara+membuat+cursor+blog+sendiri.png

  1. Ukuran disini hanya sebagai contoh saja, misalkan saja width/lebar : 75pixels, height/tinggi : 40 pixels dan resolusi 70 pixels dan lain sebagainya. jika sudah selesai mengukur dan menamai layer pilih "oke"
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5mEfCW6HhNkI0tCPcvcviRP7YzMGU6KSWxwYL6i5AZFTZ9d8f261Jb3MP10pKDrols5i8Bnm1wSR9TnystLmubR-gePi7Rbpb8pZruRIesIRxaIjZMAkJMx5Su6sZl6N4j4Ui8GM-OSwv/s1600/cara+membuat+cursor+sendiri+untuk+blog.png
·  Pastikan sobat berada di posisi move tool, dan cecklist bagian select tool dan auto transform controls, agar bisa mempermudah merubah / merotasi posisi gambar nantinya.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvPI88-LZmnWxhujaiaahA9xZA5rxHIO5R6zv2TxW5FzAlao1iBjZhi3fBgdhTS6GchWc0SwILMyz_mwO6BFmCt-b59YPXy_3ndrRHxqQZ8vTKExOZIXihaSypvIv5Fgi5bwCopiNvlcTA/s1600/cara+mengganti+cursor+blog.png

·  Lalu memilih shape / bentuk dari custom shape tool. 
cara membuat dan mengganti cursore blog

·  Saya memberi tambahan agar gambar mempunyai bayangan dengan klik kanan pada layer yang ada di sebelah kanan, saya pilih "blending option
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIIqakKOt9ikP8hddhBk_WEJIuJIq6vc_9hudXnnecnuB0jySj_rvJaSC6LrkX2ht141jk8WPLuLzjmC16bou3psfjHln4LXpohr48ekOHMWRsbi0iTqhgOjkn_qgKRPlZTa657ObRW01R/s1600/cara+mengganti+cursor+mouse.png

·  Cecklist pada "drop shadow'  
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs2cjHjMntKH9nxrfSbJY9SQOWCU2IQNzEajBIWJr0zAm-3NLY0IyfqEAVOi5L8Gew6opLQpaDX9cg9co2n319OEt5Y2bBTX4cdc48YO_8Hf0Ijq8aGukY0F30yLjPr0zOsLc55XBmnCOM/s1600/cara+membuat+cursor+untuk+blog.png

·  Kemudian gambar di putar sesuai keinginan.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPoWN6AlhDI2bqVywWhKjxibeW8TmOL31n2QYV01qP1ZQ4myOCemQ1vcDsg9s7hgX3RhpiSCWLpOZpuN7L3W27miqHbrax0p1wrWWusKc2lkkv6SmRx5TKG8oe-KRkkGqjrXqDsih9LkZB/s1600/cara+mengganti+kursor+di+blog.png
 
·  Tambahkan juga bisa di tambahkan tulisan dengan "text tool"
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYuIH5xlxnLFn1bYEa7WNo9SLGE2ddmTfzPGCWMtcm7BtapcDSX0BIjwY5a3AlxXfoNjfv5BaPaB_IwgZFbFgGW30g1JyjccVSjr8AjF9FL3nfQxFRWqGT2MhP9r-xLyHi79aGyrV66frn/s1600/cara+membuat+cursor+blogger.png
·  Jika sudah puas dengan editan gambarnya. saatnya menyimpan gambar tersebut menjadi PNG.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguAyRAZab3fkjcdVproY3pSF_SiGGoqxqVEoleuCEDugMtf9F2eTSfgh8wKRKsO6NPHUSy05V2MjliHA8glakawOOITswF3hYsaSdAmAUDMU7jy82CaZyNx3KjVGAfVppknI1XiS87va-d/s1600/cara+mengubah+kursor+pada+blog.png

·  Saya beri nama gambar tersebut dengan cursor blog lalu saya memilih PNG sebagai extensi gambar agar background tidak terlihat/ transparant. 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmRpHft-JtTpTMl5Qe3E54phAasamZ_FnOD1eorNulABIoI1kIsNJ8Msoibr_54vN_3PqfD6fwBmyYQNFB2MT9bW6FDHH0Fh2U0LE9CzdAWecqnBoqKZFTQAcIywFT5iCsxInGLJcQyAF1/s1600/cara+mengganti+mouse+di+blog.png

·  Sobat bisa membuat gambar tersebut dua buah gambar yang hampir mirip, satunya lagi untuk gambar hover yaitu gambar yang berubah ketika gambar mengarah ke link. sobat tentu mengetahui jika cursor dalam keadaan normal akan berbentuk "panah", namun jika berada di posisi link gambar akan berubah menjadi "tangan". dan Berikutnya adalah mengupload gambar tersebut ke internet, caranya bisa dengan mengupload ke blogger caranya persis seperti saat sobat mengupload gambar pada artikel sobat yang akan sobat publish, namun untuk gambar biasanya saya mengupload lewat laman tanpa mempublishnya. 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6ILOjLCxMZLjieL_F0HSn2JwM9lgkg_o9EzkdCCGA8vmJjfH29fcu4FV2kZAgO5aZdbdjBDlmaKTmQBWIDeHb8NCeRvbL2Mq6pFwuKYsdukwoPVHppicbySUMZF4ym4ej7jxsBoEyxph9/s1600/cara+upload+cursor+blog+ke+blogger.png

·  upload gambar seperti biasa, dan pada posisi HTML copy url gambar tersebut. dan sobat tidak perlu mempublish page tersebut, karena meski tidak di publish gambar masih bisa di pakai. silahkan close saja. 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVQ1qR1IiD8IGI6c_FTnx3XUiC74EXLqzZ10j1jc5cZogcjWeMwzBlVGfIqgOLFLOP2Y9kkA0iEQeMlstJG68YqdBgjqU-lVeAlZTWD6twUbyUwdCdfqNiGTAnlnKdtDfsyW84HjRPfXqz/s1600/copy+url+gambar+cursor+ke+blog.png

·  Simpan Url cursor yag sudah sobat copy tadi di notepad dahulu. 

Cara mengganti Cursor Blog Dengan Cursor Buatan Sendiri

Sampai disini saya anggap sobat sudah membuat gambar cursor dan sudah mengupload ke blogger, langkah selanjutnya adalah merubah cursore yang ada di blog bisa tampil seuai dengan keinginan. sampai di sini sobat bisa melakukan dengan mudah step-step berikut ini.
  1. Pertama kita masuk ke blogger pilih "Template" lalu "Edit template
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEYF64F7H8R1byGdchkmxLl_V-u8f4IvngTjYhyYvYmxxnDmGvp0GocOcxKh8eqPnnwR0EAf_V9ySJIM19ccBU3Oh73mFLhfVnNUxvamnJ1iVnGN4xRRu7An3guPX91x4J55TO1IOOUBGH/s1600/cara+mengubah+cursor+pada+blog.png

  1. Berikutnya copy code warna biru berikut ini dan ganti kode yang berwarna merah dengan ULR cursor milik sobat sendiri. cursor yang hover maksudnya adalah gambar cursor akan berubah ketika cursor di arahkan ke link.



    lalu pastekan di atas kode
  . jika sudah silahkan simpan template
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmnDooofqGLZpah4OEVWjWvaBLhy7KERkmHnUOJLfMj-FNeK0Fp-ge5wIf-YfvsTGOrDet_X8dmT8mqmRowCicJPNROlr1OiRE7OB1z20Bm0ml1YrUkEyU-ghvzzhr7kCUdSkISt1jFaLs/s1600/mengganti+kode+cursor+blog+sendiri.png

  1. Lihat hasilnya. 

Terima kasih semoga proses mengganti cursor blog berjalan sukses. selamat mencoba