Custom Cursor Blog

6:46 AM | Filed under: , , | Posted by: Mravsanjani

Week-End menyingsing ! Beberapa hari yang melelahkan telah gue lewati. Rehat dan surfing dengan browser kesayangan " Safari ". Konektivitas mendukung untuk melanglang buana kemana saja. Dengan berbagai rutinitas sebagai mahasiswa bertitle lovely home ( pencinta kostan) atau dengan kata lain nggak ada kerjaan selain pulang ngampus langsung balik ke kostan, gue terkadang sangat jenuh dengan apa yang gue geluti. Untuk mengobati kejenuhan, akhirnya berinisitif mencari saran menghibur diri. Gue akhirnya kesasar kesalah satu blog yang nggak asing bagi gue " http://www.triomenggelinjang.blogspot.com/ ". Nggak asing karena disitu lagi-lagi nongol mukanya si Atit " Shitlicious". Wah benar-benar dah, kayaknya kesesatan Atit telah mengkontaminasi semua situs dan blog dengan kata kunci yang gue cari.

Satu hal yang mebuat gue tertarik, blognya kelihatan easy looking dengan gradasi warna yang hanya menonjolkan background putih. Tidak hanya itu, yang membuat gue paling excited banget adalah cursor unik gambar ketiga tokoh lawak @poconggg, benakribo dan Atit.
Dari situ, gue berinisiatif ngebagi tutorial, bagaimana cara membuat cursor dengan tampilan menarik di blog kita atau dengan kata lain Custom Cursor Blog ( CCB).

Bagaimana caranya Njas ?

1. View Page Source

Langkah pertama gue maksudkan, agar loe pada bisa sedikit tahu tentang dimana penempatan kode html yang kita cari, dalam hal ini kode cursor yang ingin kita cari.

Dari situ, gue tahu bahwa penempatan kode cursor itu, diletakkan dibawah,diluar atau didalam tag element ( Note : gunakan Ctrl + F ). Terserah.

2. Find Script
Setelah itu, gue udah dapatin script html nya.
<style type='text/css'> HTML,BODY{cursor: url
(http://i1259.photobucket.com/albums/ii545/triomenggelinjang/CRUSOR.png),auto;} 
















3.  Inisiatif




Dari pembahasan diatas, tentunya akan ada inisiatif sendiri untuk membuat 




cursor dengan gambar sesuai dengan keinginan kita.





Sebenarnya telah banyak situs-situs yang menyediakan cursor-cursor dengan tampilan menarik seperti :
cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1Txvw6czw2f_qHfmyX_Kxo3dGjTd4bipxhKgpUHxhtw8y4hiyTOoBJiZe-P4LDZAe89kbPwXkZ7VrUMhPuOVv0JBJ5gh3XpGYreCbJXTXjKs39V23cbjAep_BBx7CLXRJDm0TU1CWIgi6/s1600/jasablogsitus-web-id.gif"),text
4. Started Your Cursor
Disini, gue telah nyediain cursor buatan gue sendiri. Softwere yang bisa loa gunain beragam.
 yang pada intinya

bisa membuat sebuah gambar dengan file type (saya sarankan) PNG.


Scriptnya :
<style type='text/css'> HTML,BODY{cursor: url(http://4.bp.blogspot.com/
-tjxJLiKhZGs/T8rBpxwIlKI/AAAAAAAAAeY/CCQ18hMKH4s/s320/catstt.png),auto;}


5. Log in
Setelah segala sesuatu telah di siapkan, seperti biasa log in ke Blogger > Dashboard > Templates > Edit Html.
Lalu letakkan kode atau script cursor yang anda hendaki disekitar ( baik didalam maupun diluar) tag element <head>

6. Finish

Posted by Mravsanjani on 6:46 AM. Filed under , , . You can follow any responses to this entry through the RSS 2.0. You can leave a response or trackback to this entry

1 comments for "Custom Cursor Blog"

  1. Sherlocked June 21, 2012 at 8:52 AM

    Gan ente Nyimpen Kode style nya dimana ? Ane Bingung,Gagal Terus. Please Help.

   

Leave a reply