สคริปต์แทรกอีโมสำหรับชาวฟอนต์ใน 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

[iMyM]

ก่อ 

 +

[iannnnn]

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

[ก่อซ่าป่วนโลก]

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

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

[iMyM]

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

[ก่อซ่าป่วนโลก]

  ยังไงเหรอ

[iMyM]

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

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

[ก่อซ่าป่วนโลก]

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

[iMyM]

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

[i'sharp]

แอร๊ยยย 


ลืมไปตูไม่ได้ใช้ 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)

[iMyM]

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

เอา

[ก่อซ่าป่วนโลก]

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

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

Screenshots

Title, Entry content


Comment


Sidebar