สคริปต์แทรกอีโมสำหรับชาวฟอนต์ใน exteen

[กากก่อเกรียนนู้บ]

เนื่องจากผมก็เป็นคนนึงล่ะที่อัพบล็อกใน exteen
และผมก็เป็นคนนึงล่ะที่ติดในอีโมของเว็บนี้มากๆ  

ไอ้ครั้นที่ผมจะไปกด แทรกรูป แล้วเอา Path ของรูปอีโมที่นี่ไปใช้
มันก็ลำบากอยู่เวลาที่ผมจะใส่หลายๆ ตัว
และผมก็จำโค้ดอีโมได้บ้างด้วย

ดังนั้น ด้วยความขี้เกียจส่วนตัว ผมเลยทำ Script ตัวนี้ขึ้นมา เพื่อเอาใจแฟนๆ exteen ในบอร์ดแห่งนี้
(รวมถึงเอาใจตัวเองด้วย) และ Script ตัวนี้มีชื่อว่า

f0nt.com Emo Replacement ครับ

วิธีติดตั้ง
1. เข้าไปในส่วนของการจัดการบล็อก (Manage) แล้วคลิกที่ Theme ครับ


2. คลิกที่ Widgets


3. ลากเอา Custom Codes อันไหนก็ได้ จากกรอบด้านล่าง (ของผมเลือก Custom Codes 2 ครับ เพราะอันแรกผมใช้ไปแล้วเฉยๆ )
มาไว้ในช่อง Bottom menu ด้านบน (ตามรูป) **ต้องไว้ที่ Bottom menu นะครับ ไว้ที่อื่นไม่ได้**


4. กดที่ไอคอนรูปดินสอด้านหลังครับ แล้วมันจะเปิดหน้าต่างใหม่ขึ้นมา


5. คัดลอกโค้ดตรงนี้ไปใส่ในช่องครับ (เลือกเอา 1 ตัวระหว่าง 1.0 หรือ 1.2)
v1.0 (เวอร์ชั่น 1)

โค้ด เลือกทั้งหมด ขยายเนื้อหา

<script language="javascript" type="text/javascript" src="http://blog.korstudioxd.com/emoreplacement.js"></script>
<script language="javascript" type="text/javascript">emoReplacement();</script>

v1.2b (เวอร์ชั่น 1.2)
(ใครที่จะลองใช้ 1.2 ให้เอาโค้ดชุดนี้ แทนตัวเก่าได้เลยนะครับ)

โค้ด เลือกทั้งหมด ขยายเนื้อหา

<script language="javascript" type="text/javascript" src="http://blog.korstudioxd.com/emoreplacement1.2.js"></script>



6. กด OK เพื่อปิดหน้าต่าง แล้วก็กด Save ด้านล่างหน้าจอหลักในหน้า Widgets ด้วยครับ


7. เรามาทดสอบใช้งานกัน! (ตื่นเต้นมั้ยเนี่ย) ให้ลอง Edit entry ซักอันมาครับ แล้วใส่โค้ดอีโมในรูปแบบ

โค้ด เลือกทั้งหมด ขยายเนื้อหา

*รหัสอีโม*

เช่น ตอนนี้ผมจะแทรกอีโม ซึ่งมันเป็นรหัส 27 ผมก็จะพิมพ์ในเอนทรี่ว่า

โค้ด เลือกทั้งหมด ขยายเนื้อหา

*27*
ตามรูปครับ



8. ลองบันทึกเอนทรี่ แล้วกลับไปดูหน้าของเอนทรี่นั้น จะพบว่า....



มันกลายเป็นอีโมไปแล้วครับ


แจกไปใช้ฟรีเลยครับ สำหรับชาวฟอนต์-เอ็กซ์ทีนบล็อกเกอร์
ส่วนอีโมไหน รหัสอะไรบ้าง ดูได้ที่นี่ครับ
http://www.f0nt.com/forum/index.php/topic,20.msg1216995.html#msg1216995
(เครดิตรวบรวมอีโม: แมค เดี๋ยวบวกให้อีกที )

ข้อจำกัด
- ใช้ได้กับอีโมที่เป็นไฟล์ gif เท่านั้นครับ ถ้าใช้รหัสไหนแล้วอีโมไม่ขึ้นก็.. ลองหาทางเลือกดูครับ
- ใช้ได้กับ Theme / Theme ที่ทำจาก Apollo และ Dark Apollo เท่านั้นครับ (บวกให้เอ็มอีกที ถ้าไม่ส่งมาให้ดูก็ไม่รู้จริงๆ นะ)


(อัพเดตชั่วข้ามคืน )

Update Log:
v1.2b
- เพิ่มให้สามารถใช้อีโมได้กับหัวข้อบล็อก (Title), Sidebar (แถบด้านข้าง), ส่วนเนื้อหาเอนทรี่, และส่วนคอมเม้น
- แก้เรื่องตีมเก่าบางส่วน แต่ก็ยังคงซัพพอร์ตตีมใหม่มากกว่าอยู่ดี **กำลังแก้**

v1.0
- สามารถใช้อีโมฟอนต์ ในเอนทรี่ได้
- ใช้ได้กับธีม Apollo, Dark Apollo, และ Simple (exteen ตัวใหม่)



Screenshots

Title, Entry content


Comment


Sidebar

[IM]

ก่อ 

+

[iannnnn]

ไม่ได้เขียนบล็อกที่นั่นหรอก แต่รู้สึกว่าแจ๋วอ้ะ

[กากก่อเกรียนนู้บ]

อร๊ายย เร็วทันใจ
+ บวกคืน

พี่แอนก็ย้ายมาเขียน exteen เลยครับ

[IM]

มันใช้ใน Entry ไม่ได้ใช่มั้ย 

[กากก่อเกรียนนู้บ]

  ยังไงเหรอ

[IM]

ไม่รู้ซิ  ลองแล้วมันไม่ได้อ่ะ  

ไม่ได้ใช้ exteen มาปีกว่า  อะไรใหม่ๆ เยอะแยะไปหมด  ใช้ไม่เป็นซะแล้ว 

[กากก่อเกรียนนู้บ]

ได้สิ
ตูก็ใช้อยู่นี่อะ (เพิ่งอัพเอนทรี่ใหม่ไปด้วย)

[IM]

เข้าไปดู scoutmf.exteen.com

[iSharp]

แอร๊ยยย 


ลืมไปตูไม่ได้ใช้ exteen 

[กากก่อเกรียนนู้บ]

รู้สาเหตุแหล่ว มันเป็นข้อจำกัดนิดๆ หน่อยครับ

ตรงที่ธีมบางธีม มันใช้ชื่อคลาสใน div ไม่เหมือนกัน
เช่น ธีม Apollo ที่ผมเอาเป็นต้นแบบ เค้าใช้ชื่อคลาสว่า post แต่ของเอ็มมันไม่มี

ก็เลยตอนนี้ Fix ไว้ก่อนว่าเป็น Theme Apollo/Dark Apollo ก่อนนะครับ

[iannnnn]

งั้นแก้โค้ดเลย เอาให้ครอบคลุมหลายๆ ตีม

(ส่วน iannnnn.exteen.com ของตู เปิดไว้แดงๆ เฉยๆ)

[กากก่อเกรียนนู้บ]

ตอนนี้ ถ้าใช้ธีมที่มีอยู่ทั้งหมดใน exteen (มี Apollo, Dark Apollo, Simple) ก็ใช้ได้สคริปต์ได้แล้วครับ

เดี๋ยวผมว่าจะแก้ให้มันเปลี่ยนอีโมตรงส่วนที่เป็นคอมเม้นได้ด้วย
ขนาดตอนเม้นยังจะเอาอยู่นะ

(เพิ่ม) รอเวอร์ชั่น 1.2 ได้เลยนะครับ
ส่วนที่เพิ่ม:
- สามารถใช้ได้ทุกตีม (ใหม่/เก่า)
- ใช้อีโมตรงส่วนคอมเม้นได้ด้วย
(แก้ให้ตรวจแท็ก p ทั้งหมดแทน ตอนนี้กำหนดว่าเป็นแท็ก p ที่อยู่ในแท็ก div ที่มีคลาส post อีกทีนึง และทั้งหมดนี้ต้องอยู่ในส่วน content)

[IM]

ขนาดตอนเม้นยังจะเอาอยู่นะ

เอา

[กากก่อเกรียนนู้บ]

อัพเดตเวอร์ชั่น 1.2 แล้วครับ

ใครใช้ 1.0 อยู่ให้ลบโค้ดใน Custom Code ที่เกี่ยวกับตัว script ของผมออกทั้งหมดเลย
แล้วก๊อปตัวใหม่ไปใส่แทนครับ


Screenshots

Title, Entry content


Comment


Sidebar