| SenTimEntaL's profilePouR's Space™PhotosBlogLists | Help |
☆.วิธีใส่ตัวนับคนเข้าชม Space (Counter)เค้าเตอร์ก็มีหลากหลายเว็บที่ให้บริการด้วยกัน แต่ที่จาเอามาแนะนำ มีอยู่ 3 เว็บที่ใช้ดีๆ มีให้เลือกหลายแบบ อันแรกและเป็นอันที่แนะนำให้ใช้ก็คือ ของ ShinyStat™ น้า
♪~ Ω`pÕur`Ω™ 1. ก่อนอื่นก็ต้องเข้าไปลงทะเบียนที่เว็บของเค้าก่อน คลิ้ก Get your free counter Now! เลย
2. จากนั้นก็ใส่ชื่อ แล้วคลิ้ก Continue (ชื่อที่ใช้ก็จะเป็น ID. ของเรานะ แนะนำว่าใช้ชื่อเดียวกะ ID Space เลย จำง่ายดี)
3. ใส่ข้อมูลให้ครบถ้วน
- Password ไม่เกิน 7 ตัวอักษร
- URL (อย่างของเราก็คือ http://spaces.msn.com/members/pourboire/ )
- Email
- อื่นๆ
จากนั้นก็กด Register ได้เลย
4. จากนั้นเค้าจะให้เลือกรูปแบบของ Counter (Choose the Counter you want to use) ให้เลือกอันแรก คือ Standad นะ
5. เลือกรูปแบบที่ชอบได้เลย มีทั้งแบบบรรทัดเดียว และแบบ 2 บรรทัด (2 บรรทัด โชว์ได้ 2 อย่าง) แนะนำให้เลือกตามรูปแบบของการแสดงตัวเลขดังรูปข้างล่างนี้ จากนั้นก็คลิ้กที่ Accept
6. ต่อไปก็จะมาตั้งค่าของหน้า Report Page กัน ที่หัวข้อ Sections ให้เลือกได้ 3 อย่าง ว่าเราอยากรู้อะไรบ้าง เกี่ยวกับคนเข้ามาชม แล้วก็คลิ้ก Accept
7. หัวข้อ Preferences เอาเครื่องหมายหน้า E-mail weekly report ออกก็ได้นะ จากนั้นก็ Accept
8. จากนั้นก็ คลิ้กที่ HTML Code แล้วติ๊กที่ Page on MSN Blog ละก็คลิ้ก Create The Code ต่อเลย
9. ทีนี้เราก็จะได้โค้ดมาชุดนึงสมมติโค้ดที่ได้มาคืออันข้างล่างนี้นะ แต่เราต้องแก้โค้ดชุดนี้อีกนิดหน่อย
http://www.shinystat.com" target="_top">
http://www.shinystat.com/cgi-bin/shinystat.cgi?USER=pourboires" ALT="Simple counter" BORDER="0"> simple/">http://www.shinystat.com">Simple counter
10. จากนั้นก็โค้ดไปใส่ใน Blog entry หรือ ใน Custom HTML โดยคลิ้กที่ HTML ก่อนวางโค้ดนะ (ทำเหมือนกับวิธีใส่รูปลงใน Blog นั่นแหละ) แล้วก็กด Publish Entry ก็เสร็จแย้ว
จบในส่วนของการสมัครและใส่ Counter
.................................................................. **โค้ดที่นำไปใส่ใน Blog ควรจะแก้ไขให้ได้ตามรูปด้านล่างนี้ วิธีแก้ไขอ่านด้านล่าง** แนะนำว่าใครจะนำไปใส่ใน Custom HTML ให้ตัดโค้ดให้เหลือเท่านี้ หรือ copy โค้ดนี้ไปแล้วเปลี่ยน จาก YourID เป็น Name ตอนที่สมัครเค้าเตอร์นะ (จาก Step 2.) http://www.shinystat.com/cgi-bin/shinystat.cgi?USER=YourID>
วิธีแก้โค้ดแยกแก้ทีละส่วน + คำอธิบายความหมายของ Code HTML
(ใครอ่านไม่เข้าใจก็มะต้องทำก็ได้นะ)
ส่วนแรก http://www.shinystat.com" target="_top">.......
...... ก็คือ ไม่ว่าอะไรก็ตาม(รูปหรือข้อความ) ให้ link ไปที่เว็บตามที่ URL กำหนด
target=_top ก็คือ เมื่อเรา คลิ้กที่ลิ้งค์นี้ ให้แสดงเว็บ"http://www.shinystat.com"ที่เราคลิ้กไปด้วยหน้าต่างเดิม
[ เมื่อเข้าใจส่วนแรกแล้ว ที่ต้องทำก็คือ ให้เปลี่ยน URL เป็น " http://s2.shinystat.com/cgi-bin/shinystatv.cgi?L=1&NH=1&USER=Your-ID " ]
และ target=_top ให้เปลี่ยนเป็น target=blank เพื่อ!ให้เวลาคลิ้กแล้วจะเปิดหน้าต่างใหม่ขึ้นมาแทนการใช้หน้าต่างเดิม
ส่วนที่ 2 http://www.shinystat.com/cgi-bin/shinystat.cgi?USER=pourboires" ALT="Simple counter" BORDER="0">
< URL จะแสดงตาม ส่วนนี้เป็นส่วนของการแสดงรูปภาพ ......>
alt="Simple counter" ส่วนนี้คือ เวลาที่เราเอาเม้าส์ไปชี้ จะให้ขึ้นประโยคว่าอะไร ในที่นี้มันจะขึ้นว่า Simple counter
border="0"> อันนี้หลายคนยังไม่ทราบ มันก็คือ เวลามี link ติดๆกัน link แต่ละอันจะไม่แสดงกรอบสี่เหลี่ยมล้อมรอบ ถ้าเอาโค้ดส่วนนี้ออก เวลามา link ติดๆกันจะสังเกตได้ว่าจะมีกรอบสีม่วงๆขึ้นล้อมรอบรูป
ส่วนที่ 3
simple/">http://www.shinystat.com">Simple counter ส่วนนี้ไม่สำคัญเลยแต่อธิบายเอาไว้เป็นความรู้หน่อยๆ
คือขึ้นบรรทัดใหม่ ที่ต้องทำกับส่วนนี้คือ ตัดทิ้งไปเลย
อีก 2 เว็บที่ ให้บริการ Counter ก็คือ
และ
Comments (119)
TrackbacksWeblogs that reference this entry
|
|
|