โย้เย่ ~!! เห็น Cursor จานบิน บินว่อนไปว่อนมาอยู่บนหน้าจอไหมครับ . . . ใช่แล้ว วันนี้ผมจะมาแนะนำวิธีทำ Cursor ง่าย ๆ เพื่อที่เพื่อน ๆ จะได้นำ Mascot หรือ Logo ที่ชอบ มาทำเป็น Cursor เพื่อใช้แสดงในบล็อคของตัวเองครับ

ก่อนอื่นต้องขอขอบคุณท่านริจ rije ที่ช่วยแนะนำครับ ต้องบอกก่อนเลยว่าหากเพื่อน ๆ จะนำ Cursor มาใช้บน exteen โดยที่ Browser ของเพื่อน ๆ คือ FireFox ละก็ สกุลของ Cursor นั้นจะต้องเป็น .cur เท่านั้นครับ และรูปแบบของ Code จะเป็นอย่างนี้

body { cursor:url(ลิงค์เคอร์เซอร์) ,auto; }
a
{ cursor:url(ลิงค์เคอร์เซอร์) ,auto; }

เอาหละ ๆ งั้นมาเริ่มกันเล้ย ~!!

 

อันดับแรกให้เพื่อน ๆ ดาวน์โหลดโปรแกรมนี้ก่อนครับ Cursor-Editor (1.76MB) . . . เมื่อดาวน์โหลดเสร็จแล้วจะได้ตัว Install ชื่อ Cursor-Editor ให้ติดตั้งโปรดแกรมให้เรียบร้อยน่ะครับ (ในที่นี้ขอไม่สอนวิธีติดตั้งน่ะครับ) แล้วจะได้ Shoutcut ของโปรแกรม ชื่อ Sib Cursor Editor คลิกเข้าไปเลยครับ

 

 

How to cursor

 

เมื่อคลิกโปรแกรมเข้าไปแล้วเจอเห็นหน้าต่างรูปหมีครับ ให้รอซักประมาณ 5 วินาที แล้วปุ่ม OK จะใช้งานได้ครับ . . . จากนั้นก็คลิก OK เข้าไปเล้ย

 

 

How to cursor
 

ให้ตั้งค่าทุกอย่างตามรูปเลยน่ะครับ . .

 

 

How to cursor

 

คราวนี้เราก็จะได้หน้าต่างสำหรับสร้างานแล้วครับ แต่ก่อนอื่นให้เราเลือก Add Image เพื่อที่จะใช้รูปในเครื่องมาทำเป็น Cursor ครับ

 

 

How to cursor

 

ถ้ารูปที่เราต้องการไม่สามารถเลือกได้ก็ต้องมาปรับการเรียกไฟล์สกุลที่ Files of type ตามลูกศรให้เป็น All flies ก่อนน่ะครับ แล้วโปรแกรมจะโชว์ไฟล์ทุกสกุลให้เราเลือก

 

 

How to cursor

 

เมื่อได้รูปที่เราต้องการแล้วก็เชิญเพื่อน ๆ ตกแต่งกันได้ตามสบายเลยคร้าบบบ แนะนำให้เติมลูกศรตรงมุมบนซ้ายเข้าไปน่ะครับ เวลาใช้งานจริง ๆ จะได้สะดวก . . เมื่อตกแต่งกันอย่างหนำใจแล้วก็ถึงเวลาเซพผลงานกันแล้วครับ

 

 

How to cursor

 

อย่างที่บอกเอาไว้ข้างต้นน่ะครับว่า ถ้าจะเปิดด้วย FireFox นี่ ต้องใช้ไฟล์สกุล .cur เท่านั้นครับ ถ้าใช้ไฟล์สกุลอื่น FireFox จะไม่สามารถแสดง Cursor ให้เห็นได้ครับ แต่ IE สามารถ . . เพราะฉะนั้นก่อนที่จะกด Save ให้กดเลือกไฟล์สกุลให้เป็น .cur ก่อนครับ

 

แค่นี้ก็เสร็จเรียบร้อยแล้วครับ สำหรับ Cursor เจ๊ง ๆ สไตล์ตัวเอง . . แต่ . . อย่าลืมน่ะครับ ว่าเราต้องอัพ Cursor ของเราผ่านทาง host ก่อน เพื่อที่จะนำ Link มาใส่ใน Code CSS ของ exteen ครับ . . และผมก็ได้เตรียม host ฝากรูป .cur มาฝากเพื่อน ๆ แล้วด้วยยยย ~!! อยากบ่นนิดนึงว่า host ที่รับฝากไฟล์ .cur นี่หายากมาก ส่วนใหญ่ที่เจอก็จะเรียกเก็บตังค์ทั้งนั้น แต่ด้วยความพยายามที่จะใช้ของฟรีแล้วนั้น ผมก็สามารถหา host ฝากไฟล์ .cur ฟรี ได้แล้ว !! เย้ คลิกไปเลยครับ upfile ตอนอัพโหลดแนะนำให้เปลี่ยน ระยะเวลาที่ต้องการเก็บไว้ เป็น Forevor ด้วยน่ะครับ เพื่อที่จะให้ Cursor ของเราอยู่ได้นานที่สุด จะได้ไม่ต้องมาอัพโหลดใหม่บ่อย ๆ . . เมื่อได้ url ของ Cursor แล้วนั้นก็ให้นำมาใส่ใน CSS ตรงส่วนด้านล่างสุดของ CSS เลยน่ะครับ ตาม Code ข้างล่างนี้เลยครับ (ยกมาแปะให้อีกที)

body { cursor:url(ลิงค์เคอร์เซอร์) ,auto; }
a
{ cursor:url(ลิงค์เคอร์เซอร์) ,auto; }

คราวนี้เพื่อน ๆ ก็จะมี Cursor เป็นของตัวเองมาโลดแล่นในหน้าบล็อค exteen กันแล้วว !!!

Comment



smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry

Tweet

เยี่ยมจริงๆ

เดี๋ยวลองทำดูบ้างนะครับ

อ่ะ Hot! อยากเห็น cersor เยอะๆ
ได้ความรู้ดีครับ โปรแกรม curser นี้เป็น Trial ใช่ไหม ใช้ได้เท่าไรครับ ?
Hot!

#2 By mahaoath on 2009-03-16 20:14

#2 เอ่อ . . ลืมบอกไปครับ ใช่ครับ โปรแกรมเป็นแค่ตัว Trial อายุการใช้งานนับเป็นจำนวนครั้งที่เข้าโปรแกรมน่ะครับ คือ 40 ครั้ง . . จากในภาพแรกผมเข้าไป 5 ครั้งแล้วครับ big smile

#3 By ToBIDaSoU on 2009-03-16 20:37

โอววว
น่าสนใจ >v<

#4 By sage_nu on 2009-03-16 21:16

แหล่มมาก!@big smile

#5 By ไอ้ไทม์ on 2009-03-16 21:56

ว้าวHot!

#6 By นายโยจิ^_^ on 2009-03-16 23:15

เฮ้ย น่าสนใจ แต่ตอนนี้ Theme สิ้นหวัง...เหอๆๆๆๆๆๆ
จานบินน่ารัก Hot! Hot! Hot!

#7 By Hirumi Arika on 2009-03-17 00:05

ทำไม่ยากเลย surprised smile Hot!

#8 By ire_u on 2009-03-17 10:45

มีประโยชน์ๆ Hot!

ฮิ แต่เค้าชอบเม้า + สุดๆละ confused smile

#9 By ★ FANCiiFull ★ on 2009-03-17 11:45

Hot!

น่าสนใจมากๆ
แพนด้าก็มี cursor บนบล็อกนะครับ
แต่การทำทำคนละแบบbig smile

ของผมเอาไปใส่ใน linkbig smile
ต้องลองทำแล้วสิHot!

#11 By น้ามชา on 2009-03-17 12:24

แนวดี confused smile

#12 By .-.Chill.-. on 2009-03-17 12:29

ว้าวววbig smile Hot!

#13 By V@R on 2009-03-17 12:34

โอ้...

น่าลองมากๆ *-*

Hot!

#14 By [UdE - - MiwA]~!! on 2009-03-17 12:43

ว้าว เรื่องดีๆอย่างนี้ต้องให้อ่านกัน
โยนตู้มมมHot! Hot!

#15 By sericu on 2009-03-17 13:05

Hot!
อร๊ากกกก
แจ่มๆค่ะcry

น่าเอาไปลองทำมากๆ เลย

#16 By namnampai on 2009-03-17 13:55

สุโก่ยยยยยยยยยยยยยยยยย
Hot!

#17 By Nan-yaaa on 2009-03-17 14:20

ว๊าววว เจ๋งไปเลย

เดี่ยวลองทำดูบ้างค่ะ ^^

ขอบคุณที่แชร์เรื่องดีๆให้ได้รู้ :)

#18 By ☁ B u a .. on 2009-03-17 14:37

นึกถึงสมัยก่อนที่โดนหลอกให้ติด ActiveX เพื่อจะให้เคอร์เซอร์บนหน้าเว็บเปลี่ยนได้แล้ว รู้สึกว่าตัวเองงี่เง่าสิ้นดีเลย sad smile

#19 By NinkungZ on 2009-03-17 14:39

เำำพิ่งรู้ก็วันนี้ว่าเคอร์เซอร์มันทำกันยังงี้นี่เอง

#20 By atom on 2009-03-17 16:01

ดีมากเลยค่าcry

Hot! Hot! Hot!

#21 By ป.ปุ้น,,, on 2009-03-17 16:04

โอ้นี่มัน..ยอดเลยค่ะ ให้ดาวด้วยๆHot! Hot!

ขอบคุณสำหรับความรู้ค่ะ
Hot! ดีจริง

#23 By ลูกคนโตเอง on 2009-03-17 19:37

น่าสนใจ เดี๋ยวขอลองทำดูบ้างbig smile

#24 By ~memay~ on 2009-03-17 19:47

โอ้ ใช้ตัวเดียวกันเลยค่ะ

ก็ว่าทำไม เปิด FireFox ไม่ขึ้น

ความรู้มากมายเลยค่าาาcry

Hot! Hot! Hot!

#25 By PinkApple ™ on 2009-03-17 20:10

ขอบคุณมากค่ะ เดี๋ยวเอาไปเล่นในบลอคบ้างหละ big smile

#26 By ※ Rokang ※ on 2009-03-17 20:30

อย่างนี้นี่เอง

Hot!

#27 By iQ180 on 2009-03-17 20:46

Hot! Hot!

จะลองดูครับ

#28 By เฟงลุยไฟ! on 2009-03-17 21:15

Hot!
ขอบคุณที่แนะนำนะครับ น่าสนใจมากเลย เดี๋ยวทำมั่งดีกว่าcry

#29 By Deathgaze_Xlll on 2009-03-17 21:35

เริ่ดมากฮะ ได้เทคนิคดีๆเพิ่มอีกแล้ว

ขอบคุรมากๆเลยฮะ เพราะงั้น รับดราก้อนบอลไปกู้โลกต่อเลย = =+ Hot!
Hot! โอ้ววว

#31 By (^_^)/nana on 2009-03-17 23:56

Hot! ยอดไปเลยค่ะ cry

#32 By [ i ]Rin on 2009-03-18 02:03

โอ้วววววววววว
ขอบคุณสำหรับความรู้ใหม่ๆนะคะ ^^

Hot! Hot!

#33 By ★+::+@MilY+::+★ on 2009-03-18 11:16

น่าสนๆๆ
เดี๋ยวลองดูค่ะ

#34 By p^drosera^p on 2009-03-18 13:37

=[]=

โหย ยยน่าสนๆ
ลองทำๆ

#35 By i - dea on 2009-03-18 16:35

โซ ฮอท double wink

#36 By Chonz on 2009-03-18 17:27

เท่ เท่
big smile

#37 By chubbyhole on 2009-03-18 18:02

จะพยายามทำตามให้ถึงที่สุดแล้วกันbig smile
อย่ากลัว tag เลยค่ะ

#38 By thinkking on 2009-03-18 19:05

ขอคุณค่ะ big smile


Hot!
โอ้ ขอบคุณค่ะ เป็นประโยขน์มากเลย

#40 By kisatsu on 2009-03-18 21:50

Hot! Hot!

เคยใช้โปรแกรมอีกตัวนึงทำอ่ะค่ะ (แอบจำชื่อไม่ได้ ฮ่าๆ)
แต่ปัญหามันมีตรงที่หาเว็บฝากไฟล์ไม่เจอ sad smile

ขอบคุณนะคะ confused smile

#41 By HN * : ) on 2009-03-18 22:00

แล้วจะลองทำดูเนาะ

อัพแล้วนะะะะbig smile

#42 By ::housewife:: on 2009-03-19 11:39

เปลี่ยน Cursor ใหม่แล้ว confused smile

#43 By นายเป็ด!!! on 2009-03-19 20:09

อยากได้โปรแกรมแบบนี้มานานเหมือนกันครับ

ขอบคุณครับ

#44 By manop on 2009-03-21 07:44

อาฮะ ใช้อยู่นะโปรแกรมหมีนี่

นี่ๆ ถ้า รู้ว่าตัวจิง แบบไม่หมด อายุ มีขายที่ไหน ซื้อเผื่อ
เช็คบิล ด้วยเน้อ พี เคยไปหา ในเชียงใหม่ ไม่มีแฮะ
ตอนนี้ เหลือแค่ 30กว่าครั้ง ไม่กล้าใช้เลย angry smile

และขอขอบคุณสำหรับโค้ด เด้อแล้วซักวันจะเอา แมงก้าง
เป็นเม้า ชี้ open-mounthed smile

#45 By p.cobra on 2009-03-23 03:16

โทดน่ะค่ะ

คือหนูลองทำมาแล้วแต่ว่าทำไม่ได้

รบกวนพี่ช่วยทำให้หน่อยได้ไหมค่ะ

นี่urlรูปค่ะ

http://i359.photobucket.com/albums/oo36/T-min_2008/SHINee.gif

ถ้าได้แล้วรบกวนพี่ส่งไปให้ที่

calo_nan@hotmail.com

ขอบคุงล่วงหน้าน่ะค่ะ

#46 By แนน (222.123.139.80) on 2009-05-10 13:59

นี่ด้วยน่ะค่ะ

http://i725.photobucket.com/albums/ww255/sSHINee/02/2009050416292235977_1.jpg

แต่อยากได้อันอ้างบนก่อน

ขอบคุงน่ะค่ะ

#47 By แนน (222.123.139.80) on 2009-05-10 14:03

โอ้ ขอบคุณมากคร้าบบ confused smile confused smile

#48 By おきた on 2009-07-23 18:28

โปรแกรมSib cursor มีหมดอายุหรือไหมจ๊ะ จากพี่โจ้ขอบคุณมากจ๊ะ

#49 By kanyaput (124.157.231.16) on 2009-08-03 11:11

มันก๊ทำไม่ได้อยู่ดีอ่ะค่ะ

ทำไงอ่ะคะ

ได้ลิ้งมาแบบนีอ้ะค่ะ

http://upload.myjob.in.th/view.aspx?ItemID=3559

ที่จิงมันต้องเป็น .cur มะใช่หรอ

ทำไงหว่า

เอาลง Hi 5 อ่ะค่ะ

บอกหน่อยนะคะ

#50 By หลิง (125.27.176.76) on 2009-09-03 13:13