[twitter] ลองใช้ Saytweet กันมั้ย?
posted on 21 Apr 2009 02:58 by nechu in howtoกด f5 กันนิดนึง เมื่อคืนแก้ธีม แต่ก็หน้าตาเหมือนเดิมน่ะแหละ (^^;;
รู้สึกว่าต้องมีใครซักคนแน่ๆ ที่ต้องมาถาม?
แต่จริงๆ ก็อยากทำด้วยแหละ กร๊ากกกกก
(ทั้งๆ ที่ตัวเองก็เพิ่งลองเล่นด้วยนะ 5555)
คือวันนี้ (อันที่จริงคือเมื่อคืน) ไปเจอของเล่นของทวิตฯ ก็เลยเอามาแปะบล็อก
หน้าตาแบบนี้ อยู่ด้านล่างบล็อกเลย
(ถ้าสงสัย นั่นคือรูปนกทวิตฯ กับเจ้าของบล็อก, ซึ่งไม่เหมือนทั้งคู่ กร๊าก)
(แล้วก็อย่าสงสัยว่าทำไมไม่มีแขน---คือแขนเสื้อมันยาว TvT เราวาด SD แขนสั้นง่ะ...)
เป็น Badge แบบหนึ่ง (จริงๆ เรียกว่า widget ใช่รึเปล่า?) -- เราจะข้ามไป เจ้าของบล็อกก็ไม่ค่อยรู้อะไรแบบนี้ แค่พอทำได้และรู้เรื่อง กร๊ากกกก
เอาเป็นว่า มันเอาไว้โชว์ว่าเราอัพเดทอะไรไปแล้ว แบบเดียวกับของที่ เว็บ twitter ให้ใช้ น่ะแหละค่ะ
เพียงแต่อันนี้เราอัพโหลดรูปมาใช้เป็น badge เองได้
เห็นว่ายังไม่รู้จัก (ล่ะมั้ง? คือเราก็เพิ่งเคยเห็น) ก็เลยเอามาแนะนำหน่อย เราว่าถ้าทำดีๆ แล้ว มันก็น่ารักอะ
ก่อนอื่น,
๑. Saytweet นี่ ต้องใช้กับ Twitter นะคะ : )
๒. Sidebar และรูปที่ใช้ กว้างซักหน่อยก็ดีค่ะ (210 px+) ไม่งั้นก็คงได้ยัดลงส่วนอื่นแทน เช่นใส่ใน Footer (แบบเรา)
๓. กระนั้นเอย ถ้ารูปมันเล็ก เจ้านี่จะน่ารำคาญพอดูเลยล่ะค่ะ (รายละเอียดอยู่ล่างๆ) เพราะฉะนั้นลองดูก่อนจะเอามาใส่บล็อก ก็ดีนะคะ
ว่าแล้วก็จิ้มซะสิ
จะเจอหน้าตาแบบนี้
โอ้เย้! อยากบอกว่าที่เข้าไปตอนแรก เพราะรูปเจ๊แกนี่แหละ
ไม่รู้จะตื่นกลัว หรือตื่นเต้นดี 555555
เลื่อนลงมานิดหน่อย จะเจอส่วนนี้
ก็เลือกเอาจ้ะ ถ้ามีรูปอยู่ในเครื่องแล้ว ก็กด Browse ช่องบน แล้วหารูปซะ
หรือถ้ามีลิงค์รูปอยู่แล้ว ก็ใส่ url ลงไปในช่องล่าง
เสร็จแล้วก็ Get picture and continue นะคะ (ก็อปมาทั้งดุ้น)
แล้วเราจะถูกโยนมาหน้านี้
จากนั้น จิ้มค่ะ
จิ้มส่วนใดส่วนหนึ่งของภาพนั่นแหละ คือคิดว่าจะให้บอลลูนมันแสดงตรงไหน ก็ลองกะๆ ดู
มันจะขึ้นมาให้เราใส่ username ของ twitter ใส่ไปแล้วกด ok มันก็จะเด้งเป็นรูปบอลลูนคำพูดค่ะ
ทีนี้ล่ะปวดหัวลงตับเลยทีเดียว =______= เพราะถ้ารูปเราเล็ก ไอ้หางของบอลลูนคำพูด (ที่มันแหลมๆ) มันจะไม่ได้ดั่งใจเราเท่าไหร่หรอกค่ะ อยากให้ชี้ล่างจะขึ้นบน อยากให้ชี้บนจะอยู่ข้างล่าง
โชคดีหน่อย, ถ้ารูปเรากว้างพอ (อย่างที่เราเอามาทำก็ กว้าง 350 px ค่ะ) มันจะสามารถ rotate ได้ ลองกดปุ่มในบอลลูนนั่นดูค่ะ ถ้ามันหมุนได้ มันจะหมุนให้เลย
โชคร้ายก็ลองจิ้มต่อไปค่ะ
มันอาจจะมีวิธีที่ดีกว่านี้? แต่นี่คือดีที่สุดเท่าที่หาได้แล้วค่ะ กร๊าก
กรณีที่กะพลาด ไม่ได้ดั่งใจ กดตรงนี้ค่ะ
remove ซะ ทีนี้บอลลูนก็จะหายไป จิ้มต่อได้
อ้อ เจ้านี่มันสามารถโชว์ได้หลายๆ user นะคะ ก็จิ้มไปหลายๆ หน้าต่าง มันจะแสดงผลตามที่เราเห็นนั่นแหละค่ะ
พอจัดบอลลูนให้ถูกใจได้แล้วก็เตรียมกด submit ได้เลย แต่ต้องเจอเจ้านี่ก่อน
อย่าลืมกรอกตามที่เห็น สองคำนะคะ (เว้นวรรคระหว่างคำ) จากนั้นก็ Save and finish!
ทาดาา! จะได้หน้าต่างแบบนี้ค่ะ เอาไปใช้ได้เลย~
สำหรับเอามาใส่ในบล็อกนะคะ
ให้ copy ช่องที่สอง (HTML+JavaScript code for advanced web sites)
แล้วใส่ใน Custom Code อันใดอันหนึ่งในส่วน Theme > Widget ในบล็อกเรา จากนั้นก็กด Save
ก็จะมี Badge มาใช้แล้วล่ะค่ะ
แต่เดี๋ยวก่อน!
สำหรับคนที่ใช้ Favorites Extension นะคะ
ถ้าโชคไม่ดี มันจะแสดงผลเพี้ยนแหลก แบบนี้ (เฉพาะใน Firefox นะคะ Ie ยังดูปกติดีอยู่...ชิ)
มันจะกลายเป็นเหลี่ยมๆ แบบนี้ น่าตาอั๊กลี่เป็นที่สุด...
เป็นกับเราคนเดียวเปล่าไม่รู้ (ไม่มีเหยื่อทดลอง) แต่เอาเป็นว่าเราจะลงไว้นะคะ เผื่อมีคนเจอเหมือนกัน
( อนุมานเอาเอง ) คิดว่าเป็นเพราะ javascript มันตีกันมั้งคะ?
ทางแก้ก็คือ ให้ Custom Code ที่ใส่ Saytweet อยู่ด้านบนของ Custom Code ที่ใส่ Favorites Extension ค่ะ
จัดไว้ประมาณนี้ (ไม่ต้องสนใจ Categories กับ Links นะคะ แค่ให้มันอยู่ข้างใต้ก็ ok แล้ว)
ใครที่สนใจ ก็ลองดูละกันนะคะ :D
อ้ะ ถ้าจะถามอะไรนอกเหนือจากนี้ เราก็ไม่มั่นใจนะคะว่าจะตอบได้
เพราะเราก็เพิ่งลองใช้นี่แหละค่า เอิ๊กก อาศัยการมั่วเอา ฮาๆ
อ้อ! Twitter เราค่ะ :)
#1 By [ i ]Rin on 2009-04-21 10:29