|
| 1 |
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 | |
|
|
|
|
|
|
|
กรอบนับคอมเม้นต์
หลังจากที่เราได้แต่งกล่องคอมเม้นต์กันไปแล้ว คราวนี้เราจะมาทำกรอบนับคอมเม้นต์ที่เพื่อนเข้ามาเม้นต์ไว้ใน blog ของเรากันนะคะ
** code นี้เป็นของคุณกึ่งยิงกึ่งผ่านค่ะ <*script> HTML = document.body.innerHTML; CommentCount = 0; var reg = new RegExp("-- Comment", "gm"); while(reg.test(HTML)) CommentCount++; CommentCount--; for(i=1; i<=CommentCount; i++){ originalHtml = document.getElementById( i ).innerHTML; beforeHtml = '<*fieldset style="border: #ff3399 solid 2px; padding:6"> <*legend align=center style="border: #ff99cc dashed 2px; padding:3; background: none"> <*font color=#9933ff size=-1><*img src=...urlภาพ...> ...ข้อความที่ต้องการ... ' + i + ' <*img src=...url ภาพ... >'; document.getElementById( i ).innerHTML = beforeHtml + originalHtml; }<*/script>
| Code ด้านบนนี้ เมื่อทำแล้วรูปแบบจะออกมาเหมือนกับ กรอบนับคอมเม้นต์ใน blog ของไหมนี่แหละค่ะ
วิธีทำ + copy code ด้านบนไปไว้ที่ Script area จากนั้น ลบ * ที่อยู่ใน code ออกให้หมด (มีอยู่ 7 อัน) + นำ url ของรูปภาพที่ต้องการมาใส่ในตำแหน่งที่เป็นสีแดง ค่ะ + เปลี่ยนข้อความที่ต้องการ + จากนั้นกด save
เสร็จแล้วค่ะ...ง่ายๆ ไม่ยากเลยใช่มั้ยคะ
ทำแล้วได้ผลเป็นยังไงอย่าลืมมาบอกกันบ้างนะคะ
Create Date : 07 สิงหาคม 2552 |
|
19 comments |
Last Update : 11 เมษายน 2557 0:37:57 น. |
Counter : 6616 Pageviews. |
|
|
|
|
| |
โดย: รัชชี่ (รัชชี่ ) 9 สิงหาคม 2552 20:17:55 น. |
|
|
|
| |
โดย: Lan_Dao 10 สิงหาคม 2552 23:28:03 น. |
|
|
|
| |
โดย: fuf IP: 82.245.190.198 14 สิงหาคม 2552 6:16:28 น. |
|
|
|
| |
โดย: Lan_Dao 15 สิงหาคม 2552 3:15:24 น. |
|
|
|
| |
โดย: Lan_Dao 20 สิงหาคม 2552 2:34:19 น. |
|
|
|
| |
โดย: อุ้ย (janaui ) 15 กันยายน 2554 12:13:16 น. |
|
|
|
| |
โดย: แอน IP: 110.169.218.81 31 กรกฎาคม 2558 4:10:54 น. |
|
|
|
|
|
|
|