Oh! โหหหห "โค้ดเพลง"

ลำดับตอนที่ #3 : (โค้ดอื่น) วิธีใส่ลิงค์แบนเนอร์จ้า

นอกบทความหน่อย ฮ่าฮ่า!!
อันนี้ก็ตามหัวข้อเลยจ้า ... คือวิธีใส่ลิ้งแบนเนอร์
บทความหรือMy.iD
....
เอิ่ม ! ไม่รู้ว่าจะเรียกว่า ละเอียดยิบ หรือปล่าว=A="

- - - - - - - - - - - - - -
 

โค้ดสำหรับใส่ลิงค์แบนเนอร์
<a href="url ที่จะลิงค์"><img src="url ของแบนเนอร์" alt="คำอธิบายแบนเนอร์เวลาเมาส์ชี้(ไม่สำคัญ)" border="0"></a>

วิธีหา url ของแบนเนอร์ (แบนเนอร์ส่วนใหญ่ขนาด 250*75 pixel)

ก่อนอื่น อย่างแรกเลยคือ.. สร้างBANNERขึ้นมา จะเป็นนิ่งหรือเคลื่อนไว้ก็ได้
**สำคัญ**
ถ้าแบบนิ่ง Save As.. ตามปกติ
**สำคัญ**
ถ้าแบบเคลื่อนไหวห้ามSave As.. เด็ดขาด เพราะมันจะไม่เคลื่อนไหวทันที
ให้Save for Web & Devices... แทน และให้สกุลไฟล์คือ GIF ส่วนตอนเซฟ
ดูตรง Format ด้านล่าง File name ให้เปลี่ยนเป็น Image Only



เมื่อเซฟเสร็จ ให้หาWebhosting สักเว็บหนึ่งเพื่อจะที่เอาurlของแบนเนอร์นั้นมา
คีย์แนะนำให้ใช้เว็บ photobuket  ลิงค์เว็บ

นี่คือหน้าHOME ของ เว็บ photobuket



ที่แนะนำเว็บนี้เพราะใช้ง่าย เร็วและสะดวกเพราะสามารถใช้facebook เปิดแทนที่จะสมัครใหม่ได้
เมื่อเข้าเว็บไซต์ สมัครหรือเข้าเรียบร้อยแล้ว คลิกที่ Uploadที่มีลูกศรสีเขียวข้างๆ 
จากนั้นก็จะมีหน้าต่างขึ้นมาอีกหนึ่งอัน คลิกที่ Browse Files เลือกแบนเนอร์ที่เซฟไว้
จากนั้นรอ...รอ...รอ...จนเต็ม 100% 


เมื่อเสร็จแล้วคลิกที่รูปแบนเนอร์..จากนั้นจะขึ้นหน้าต่างใหม่ขึ้นมา ให้เพื่อนๆดูที่ด้านขวาล่าง
จะมี
( E-mail & IM 
Direck link
HTML code
IMG code )
ให้คลิกที่ Direck link ..อย่าตกใจ!!
คลิกที่วงกลมสีแดงไว้ คลิกทีเดียวพอนะ เพราะมันจะก็อปปี้ให้อัตโนมัติ


  
ต่อไป..ให้กลับมาที่โค้ดลิงค์แบนเนอร์

<a href="url ที่จะลิงค์"><img src="url ของแบนเนอร์" alt="คำอธิบายแบนเนอร์เวลาเมาส์ชี้(ไม่สำคัญ)" border="0"></a>

เราได้url นี้ >> http://i1359.photobucket.com/albums/q789/TOng_Kn_Tlp/Untitled-1-1_zpse274682b.gif
ใส่ที่ url ของแบนเนอร์ ...

<a href="url ที่จะลิงค์"><img src="http://i1359.photobucket.com/albums/q789/TOng_Kn_Tlp/Untitled-1-1_zpse274682b.gif" alt="คำอธิบายแบนเนอร์เวลาเมาส์ชี้(ไม่สำคัญ)" border="0"></a>

ส่วน url ที่จะลิงค์ สมมติว่าเราจะลิงค์ไปที่..หน้าหลักบทความนี้ละกัน!!
ก็อปปี้เว็บมา...(หน้าเว็บบทความหรือMy.iD) http://my.dek-d.com/keynaftyaless/writer/view.php?id=907384 ใส่ไป
คีย์จะลบ คำอธิบายแบนเนอร์เวลาเมาส์ชี้(ไม่สำคัญ) ไปนะ! เพราะมันไปสำคัญจริงๆ =A="

นี่คือหน้าตาของโค้ดของเรา ที่เสร็จเรียบร้อย
<a href="http://my.dek-d.com/keynaftyaless/writer/view.php?id=907384"><img src="http://i1359.photobucket.com/albums/q789/TOng_Kn_Tlp/Untitled-1-1_zpse274682b.gif" alt="" border="0"></a> 

เขย
จากนั้นเมื่อเสร็จแล้ว..ก็นำไปแปะโลดดด!!! แปะที่ "ดูรหัส HTML" ของWhat's up หรือ บทความต่างๆจ้า!!

เป็นไงบ้าง? ทำได้มั้ย? !! ง่ายใช้มั้ยล่ะ 555 ทำบ่อยๆเดี๋ยวก็ชิน ขอคอมเมนท์หน่อย!!! >W<

 

เขียนเอง สอนเอง.. "NO COPY"

:)  Shalunla