Sidebar Sample Text

Kamis, 07 Oktober 2010

Mengganti bentuk cursor pada posting gambar: Tutorial BloGGeR Cursor

Kalau kita perhatikan kembali KODE gambar dari blogger di "Posting Mode HTML", maka akan terlihat sebuah code yang berkaitan dengan bentuk cursor yang akan ditampilkan. Persisnya kode dimaksud adalah cursor:pointer; . Memang, cursor yang paling sering dipakai adalah cursor berbentuk tangan dengan jari teracung, namun apabila kita menginginkan bentuk cursor yang sedikit berbeda dengan pada umumnya, kita bisa mengubahnya menjadi beberapa macam tampilan. Sebagai contoh, coba arahkan cursor anda kepada tiga buah gambar pada posting sebelumnya (Mengganti Gambar Posting ke bentuk Teks). Ketiga bentuk gambar cursor tersebut adalah: help, wait dan pointer. Cara mengubahnya sangat mudah karena langsung bisa diganti pada KODE yang tertulis.

Coba lihat KODE berikut yang merupakan kode gambar posting dari blogger.com, yang kita terima setelah melakukan proses UNGGAH GAMBAR.
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" 
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHmHrsa-a7uJv_BT3F9ZdHBrgNq9Yx5-DsXhoXC3tmkR46XW8gir2SPaD6fmweeBEpUObwhAatsF4jWVRz2tm9n7ZAby-r1UnrbM1mKP0CtJvBLLX0EqaJ_fTjkuJb5hHFEuKnMx-HQQY/
s1600-h/lamborghini_012.jpg">
<img style="margin: 0pt 10px 10px 0pt; float: left;cursor: pointer;cursor:hand; 
width: 150px; height: 110px;" src="http://3.bp.blogspot.com/_550XeJhg_o8/SuVNMH3XVuI
/AAAAAAAAACc/fOY2cCouSIE/s200/lamborghini_012.jpg" alt="" 
id="BLOGGER_PHOTO_ID_5396804599138440930" border="0" />
</a>
Cara merubah bentuk cursor dan macam cursor yang tersedia :

  1. Ganti Cursor : Ganti "pointer" dengan KODE lain yang tersedia, Misalnya menjadi --> cursor:help;.
  2. Buang Kode : Biasanya kode html sebuah gambar hasil upload di BloGGeR atau BlogSPOT akan menyertakan kode cursor:hand;. Hilangkan saja kode tersebut.
  3. Macam-Macam Cursor :crosshair, default, help, pointer, wait, auto, e-resize, ne-resize, move, n-resize, nw-resize,se-resize , s-resize, sw-resize, w-resize dan text.

Artikel Terkait di Bawah posting

0 komentar:

LOGIN

Template by : JON'S