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
Terima kasih semoga proses mengganti cursor blog berjalan sukses. selamat mencoba
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.
- Pertama kali teman bersahabat dapat membuka jadwal photoshop.
- Klik "file" kemudian pilih "New" untuk membuat sebuah layer baru.
- 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"
- 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.
- Lalu menentukan shape / bentuk dari custom shape tool.
- Saya memdiberi pelengkap semoga gambar memiliki bayangan dengan klik kanan pada layer yang ada di sebelah kanan, saya pilih "blending option"
- Cecklist pada "drop shadow'
- Kemudian gambar di putar sesuai keinginan.
- Tambahkan juga dapat di menambahkan goresan pena dengan "text tool"
- Jika sudah puas dengan editan gambarnya. saatnya menyimpan gambar tersebut menjadi PNG.
- Saya diberi nama gambar tersebut dengan cursor blog kemudian saya menentukan PNG sebagai extensi gambar semoga background tidak terlihat/ transparant.
- 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.
- 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.
- 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.
- Pertama kita masuk ke blogger pilih "Template" kemudian "Edit template"
- 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 - Lihat hasilnya.
Terima kasih semoga proses mengganti cursor blog berjalan sukses. selamat mencoba














Komentar
Posting Komentar