Cara Menciptakan Dan Mengganti Cursor Sendiri Di Blog

Teknik Merubah Cursor Blog - Jika teman bersahabat masih suka dengan yang namanya utak-utik template blog kini ada lagi yang dapat teman bersahabat coba kerjakan yaitu mengubah cursor / mouse dengan gambar yang di buat sendiri sehingga gambar cursor bermetamorfosis lebih unik dan 100% beda daripada yang lain. melaluiataubersamaini memakai gambar  buatan sendiri tentu mengakibatkan blog lebih ekspresif cursor ini yang biasanya berupa gambar panah dapat bermetamorfosis gambar logo teman dekat. gambar tulisan, dan dapat apa saja. sebelum teman bersahabat mencoba melaksanakan tutorial ini terlebih lampau kita akan mengulas gambar yang akan kita buat sendiri disini saya mempersembahkan pola membuat gambar PNG dengan photoshop. bagi teman bersahabat yang belum pernah memakai photoshop mungkin saatnya latihan dan anggap saja sebuah tantangan kecil. dan bagi yang sudha hebat dengan photoshop harus dapat membuat cursor menjadi lebih anggun dan lebih keren dari yang saya buat ini. hehe..

 Baca Juga :  Aplikasi / Software Edit Foto Terbaik Terbaru Gratis Dan Berbayar

Teknik Membuat Gambar cursor mouse Sendiri dengan Photoshop CS3


Saya yakin hampir tiruana di antara teman bersahabat tiruana sudah kenal dengan namanya photoshop. Program ini sangat tepat untuk membuat dan mengedit banyak sekali macam gambar menyerupai gambar PNG, GIF, JPG, dan lainnya kali ini kita akan membuat gambar PNG semoga background nya tidak terlihat / transparent. 
  1. Pertama kali teman bersahabat dapat membuka jadwal photoshop.
  2. Klik "file" kemudian pilih "New" untuk membuat sebuah layer baru.
     Jika teman bersahabat masih suka dengan yang namanya utak Teknik Membuat Dan Merubah Cursor Sendiri di Blog

  3. Ukuran disini spesialuntuk sebagai pola saja, misalkan saja width/lebar : 75pixels, height/tinggi : 40 pixels dan resolusi 70 pixels dan lain sebagainya. kalau sudah simpulan mengukur dan menamai layer pilih "oke"
     Jika teman bersahabat masih suka dengan yang namanya utak Teknik Membuat Dan Merubah Cursor Sendiri di Blog

  4. Pastikan teman bersahabat berada di posisi move tool, dan cecklist bab select tool dan auto transform controls, semoga dapat mempergampang merubah / merotasi posisi gambar nantinya.

     Jika teman bersahabat masih suka dengan yang namanya utak Teknik Membuat Dan Merubah Cursor Sendiri di Blog

  5. Lalu menentukan shape / bentuk dari custom shape tool. 
     Jika teman bersahabat masih suka dengan yang namanya utak Teknik Membuat Dan Merubah Cursor Sendiri di Blog

  6. Saya memdiberi pelengkap semoga gambar memiliki bayangan dengan klik kanan pada layer yang ada di sebelah kanan, saya pilih "blending option
     Jika teman bersahabat masih suka dengan yang namanya utak Teknik Membuat Dan Merubah Cursor Sendiri di Blog

  7. Cecklist pada "drop shadow'  
     Jika teman bersahabat masih suka dengan yang namanya utak Teknik Membuat Dan Merubah Cursor Sendiri di Blog

  8. Kemudian gambar di putar sesuai keinginan.
     Jika teman bersahabat masih suka dengan yang namanya utak Teknik Membuat Dan Merubah Cursor Sendiri di Blog
     
  9. Tambahkan juga dapat di menambahkan goresan pena dengan "text tool"
     Jika teman bersahabat masih suka dengan yang namanya utak Teknik Membuat Dan Merubah Cursor Sendiri di Blog
  10. Jika sudah puas dengan editan gambarnya. saatnya menyimpan gambar tersebut menjadi PNG.
     Jika teman bersahabat masih suka dengan yang namanya utak Teknik Membuat Dan Merubah Cursor Sendiri di Blog

  11. Saya diberi nama gambar tersebut dengan cursor blog kemudian saya menentukan PNG sebagai extensi gambar semoga background tidak terlihat/ transparant. 
     Jika teman bersahabat masih suka dengan yang namanya utak Teknik Membuat Dan Merubah Cursor Sendiri di Blog

  12. Sobat dapat membuat gambar tersebut dua buah gambar yang hampir mirip, satunya lagi untuk gambar hover yaitu gambar yang berubah ketika gambar mengarah ke link. teman bersahabat tentu mengetahui kalau cursor dalam keadaan normal akan berbentuk "panah", namun kalau berada di posisi link gambar akan bermetamorfosis "tangan". dan Berikutnya ialah mengupload gambar tersebut ke internet, caranya dapat dengan mengupload ke blogger caranya persis menyerupai dikala teman bersahabat mengupload gambar pada artikel teman bersahabat yang akan teman bersahabat publish, namun untuk gambar biasanya saya mengupload lewat laman tanpa mempublishnya. 
     Jika teman bersahabat masih suka dengan yang namanya utak Teknik Membuat Dan Merubah Cursor Sendiri di Blog

  13. upload gambar menyerupai biasa, dan pada posisi HTML copy url gambar tersebut. dan teman bersahabat tidak perlu mempublish page tersebut, alasannya ialah meski tidak di publish gambar masih dapat di pakai. silahkan close saja. 

  14. Simpan Url cursor yag sudah teman bersahabat copy tadi di notepad lampau. 


Teknik mengganti Cursor Blog melaluiataubersamaini Cursor Buatan Sendiri

Sampai disini saya anggap teman bersahabat sudah membuat gambar cursor dan sudah mengupload ke blogger, langkah selanjutnya ialah merubah cursore yang ada di blog dapat tampil seuai dengan keinginan. hingga di sini teman bersahabat dapat melaksanakan dengan simpel step-step diberikut ini.

  1. Pertama kita masuk ke blogger pilih "Template" kemudian "Edit template
     Jika teman bersahabat masih suka dengan yang namanya utak Teknik Membuat Dan Merubah Cursor Sendiri di Blog

  2. Berikutnya copy code warna biru diberikut ini dan ganti aba-aba yang berwarna merah dengan ULR cursor milik teman bersahabat sendiri. cursor yang hover maksudnya ialah gambar cursor akan berubah ketika cursor di arahkan ke link.

    <style type="text/css">body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBblWA9MJ-GDcI62FVliPAebP7XefEzAeEkeYeRyu2KGVpVa6vHdo4Y5NW3p1-wg95fabgoBSdqoIU2sBRd51FkcWsDBhEY_8CUeQ2jFzxFTAuLOwpQtW4gTj7zOqoC_I1ZeFs9sSH0ew/s1600/cursor.png"), auto;}body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBblWA9MJ-GDcI62FVliPAebP7XefEzAeEkeYeRyu2KGVpVa6vHdo4Y5NW3p1-wg95fabgoBSdqoIU2sBRd51FkcWsDBhEY_8CUeQ2jFzxFTAuLOwpQtW4gTj7zOqoC_I1ZeFs9sSH0ew/s1600/cursor2.png"), auto;}</style>

    lalu pastekan di atas aba-aba </head>  . kalau sudah silahkan simpan template
     Jika teman bersahabat masih suka dengan yang namanya utak Teknik Membuat Dan Merubah Cursor Sendiri di Blog
     
  3. Lihat hasilnya. 

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

Komentar

Postingan populer dari blog ini

Do we need a change for treatment into Eating Disorders?

CRAZYWISE - the Brecon screening

Festivals and the wellbeing scene