@KUpoom เดินไปตามทางที่ใจอยาก

ช่วงนี้เป็นเทศกาลวันพ่อ อยากแปะแถบคาด We Love The King ที่หัวเว็บบ้างเลยทำออกมาดู จริงๆคือ ทำไว้สำหรับแปะที่เว็บบริษัท P&T Hosting ค่ะ แต่เอามาใช้ที่นี่ด้วย 55 เลยเอามาเผยแพร่สำหรับชาว exteen ซะหน่อย

อันนี้เป็น script

<div style="position:absolute;top:30px;left:0px;width:209px;height:207px;background: url( url image ) left top no-repeat;z-index:9999;"></div> 

เอาโค้ทนี้ไปใส่ใน Theme > Widget ใน Custom Code นะคะ ส่วนตรง url image ให้เราใส่ภาพ tag ที่เราต้องการลงไปค่ะ โดยภาพตอนนี้มี 11 แบบ ที่ทำออกมาคล้ายๆกัน เลือกใช้เอาตามสะดวกค่ะ

1. http://uc.exteenblog.com/niciuzza/images/webtag/1.png

2. http://uc.exteenblog.com/niciuzza/images/webtag/2.png

3. http://uc.exteenblog.com/niciuzza/images/webtag/3.png

4. http://uc.exteenblog.com/niciuzza/images/webtag/4.png

5. http://uc.exteenblog.com/niciuzza/images/webtag/5.png

6. http://uc.exteenblog.com/niciuzza/images/webtag/6.png

7. http://uc.exteenblog.com/niciuzza/images/webtag/7.png

8. http://uc.exteenblog.com/niciuzza/images/webtag/8.png

9. http://uc.exteenblog.com/niciuzza/images/webtag/9.png

10. http://uc.exteenblog.com/niciuzza/images/webtag/10.png

11. http://uc.exteenblog.com/niciuzza/images/webtag/11.png

ตัวอย่างการใช้งาน

สมมติเราเลือกภาพที่ 1 ก็แปะโค้ดตามในนี้ ใน Custom Code ภายใน Theme > Widget

<div style="position:absolute;top:30px;left:0px;width:209px;height:207px;background: url( http://uc.exteenblog.com/niciuzza/images/webtag/1.png ) left top no-repeat;z-index:9999;"></div> 

แค่นี้แหละค่ะง่ายๆ มาร่วมกันแปะ Tag กันเยอะๆค่ะ ถ้าไม่ชอบรูป สามารถทำภาพเอง แล้วแปะตาม script ได้เลยค่ะ

ใครเอาไปใช้ ช่วยโพสบอกหน่อยก็ดีค่ะ เป็นกำลังใจ

ปล. ภาพที่แจก ไม่รองรับ IE6 นะคะ เพราะเป็น PNG มี drop shadow เล็กน้อย และ script นี้ แก้ให้ต่ำลงมา 30 px จาก top เพื่อให้ไม่บัง toolbar ของ exteen นะคะ ถ้าเอาไปใช้ที่อื่น ก็แก้ script ตรง top:30px เป็น top:0px นะคะ ก็จะไปชิดขอบบนพอดี