จำนวนการดูหน้าเว็บรวม

วันเสาร์ที่ 3 มกราคม พ.ศ. 2558

การทำ Favicon เพื่อเป็นเอกลักษณ์เฉพาะตัว...และการ แลกลิงค์...!!!

ตั้งแต่หันมาเอาจริงเอาจังกับการเขียน Blog ...รู้สึกว่าจะ 6 ถึง 7 วันผ่านมา เห็นจะได้แล้วล่ะมั้ง จากในตอนแรกไม่รู้จักอะไรเลยเกี่ยวกับ Blog ...Blog มันคืออะไร มันยังไง...บอกได้คำเดียวว่าไม่รู้...สืบเนื่องมาจากเพื่อนคนหนึ่งของผม มันบอกว่าให้ลองเขียน Blog ดู ผมก็ถามมันว่า อะไรคือ Blog?... จากคำแนะนำของเพื่อนผม มันบอกว่าผมมีบัญชีของ Gmail อยู่แล้ว ก็ลองสมัครไปที่ www.blogger.com ดูซิ ...และนั่นคือจุดเริ่มต้น...ที่ผมได้ของเล่นชิ้นใหม่ คือการเขียน Blog...

ผมนั่งเล่นอยู่กับการเขียน Blog  พร้อมๆกับตกแต่งหน้าตาของ Blog ไปด้วย...ลองนึกภาพของคนที่ปลูกบ้านไม่เป็น...แต่ก็มีความกระเหี้ยนกระหือรือ...แปลว่าอะไรไม่รู้ พูดส่งเดชไปยังงั้น คืออยากจะทำด้วยตัวเอง ใช้เวลาอยู่กับเจ้า Blog วันละไม่ต่ำกว่า 15 ชั่วโมง บางครั้งก็ขำตัวเองจริงๆนะ...ทำไมมันโง่ได้ใจแบบนี้ฟร่ะ...ค่อยๆปรับ ค่อยๆแต่ง จนมาเป็นอย่างที่เห็นนี่แหละ...ขอออกตัวก่อนนะครับ ผมวาง Layout มั่วๆไปตามใจที่ผมอยากจะวาง ไม่รู้หรอกว่า อะไรมันควรจะอยู่ตรงไหน มันถึงจะดูดีมีสไตล์...เล่นกันแบบลูกทุ่งนี่แหละ...เป็นที่หนุกหนานเลย...

มาเข้าเรื่องดีกว่า...ก่อนที่ผมจะพาทุกท่านออกทะเลไปไกลกว่านี้ อิอิ...เริ่มจากเจ้าตัว Favicon...เชื่อมั้ย? ผมสงสัยเจ้าตัวนี้ทุกวัน เวลาผมเปิด Blog เพื่อที่จะเขียนงาน หรือตกแต่งโน่นนี่นั่นของผม...ผมถามตัวเองอยู่เงียบๆ มันคืออะไรว่ะ แล้วมันเอาไว้ทำอะไร...ผมคลิกเข้าไปดูทุกครั้ง มันก็ให้ผมเลือกไฟล์ ผมก็ลองเลือก...เลือกมั่วๆไป...มันก็บอกว่าไม่ได้คาฟฟฟ...รูปที่เลือกจะต้องเป็นสี่เหลี่ยมจัตุรัสอีกแน่ะ...เออ!! เริ่มรู้ขึ้นมาอีกนิด...แต่ก็ยังไม่มีอะไรคืบหน้า ในที่สุด อดรนทนไม่ไหวแล้ว...ถามอากู๋ดีกว่า ...คนไม่รู้เหมือนผม มีมากมาย ผมก็อาศัยการถาม การอ่านจากอากู๋นี่แหละ เข้าไปอ่านหลายๆเว็บ แล้วก็ลองทำมั่วๆตามสไตล์ถนัดของผม...จนในที่สุดมันก็เวิร์ค...ผมก็เลยจะมาสรุปว่าการทำ Favicon ของผมมันมีขั้นตอนการมั่วยังไง...เริ่มจากผมต้องหารูปที่ถูกใจก่อน...รูปนี้แหละถูกจาย...อิอิ

รูปที่ 1
yutjoke.blogspot.com


เมื่อหามาได้แล้ว ก็เปิดเว็บที่ชื่อ "http://tools.dynamicdrive.com/favicon/" ก็ได้มาจากการถามอากู๋นั่นแหละ โดยที่เว็บนี้เขาให้การบริการเปลี่ยนไฟล์ภาพให้มาอยู่ในขนาดที่จะเอาไปทำ Favicon ได้ ก็เช่น 48x48 , 32x32 , 16x16 ทั้งหมดมีหน่วยเป็น pixels ซึ่งจะเป็นสี่เหลี่ยมจัตุรัสแบบที่บอกไว้ก่อนหน้านี้ไง แล้วก็จะมีนามสกุลว่า icon  พอเจ้าเว็บที่ว่านี้แปลงเสร็จ เราก็ต้อง download รูปนั้นมาเซฟไว้ก่อน แล้วทางเว็บก็จะบอกโค้ด HTML มาให้ด้วย...555 ชักมันแล้วใช่มั้ย ถ้าคนไม่เป็น ไม่เคยศึกษาการเขียน HTML มาก่อน...บอกได้คำเดียวว่า...มึน!!...ช่างมัน ไหนๆก็มาถึงนี่แล้วจะถอยกลับไปก็เสียสุนัขเปล่าๆนิ...อย่ากระนั้นเลย มั่วต่อดีกว่า จากโค้ดที่ได้มา เป็นเช่นนี้ <link rel="image/x-icon"href="/favicon.ico">
"...เอาล่ะตอนนี้ได้รูปที่เซฟไว้แล้ว โค้ดที่ได้ก็ยังไม่รู้จะเอาไปใช้ตรงไหน ไม่รอช้า ผมเข้าไป จัดการ Favicon ก่อน มันก็ให้เลือกไฟล์เหมือนหลายๆครั้งที่ผ่านมา....เย้ เย้ เย้ คราวนี้ผ่านด่าน...เราก็นึกว่าคงเสร็จแล้วมั้ง...แต่พอลองรีเฟรชคอมดู ลองเปลี่ยนบราวเซอร์ ลอง ลอง ลอง ...หลายประการ มันก็ยังไม่เห็นเปลี่ยนเป็นรูปที่เราต้องการ เหมือนแบบชาวบ้านชาวช่องเขาเลย...ผมเริ่มมามองเจ้าโค้ดที่ทางเว็บให้มา...ลองหาอ่านเอาในเว็บเพิ่มเติม...ตามไตล์มั่วบวกโง่ จนในที่สุดก็พอรู้ว่าต้องเอาโค้ดที่ว่านี้ไปใส่ตรงไหนของหน้าเว็บ..."


รูปที่ 2
yutjoke.blogspot.com
พอใส่ไปแล้ว  เท่านั้นก็จบ...หลายคนที่ไม่รู้ว่า เจ้า Favicon หน้าตามันเป็นยังไง...มันก็คือเป็นเอกลักษณ์เฉพาะตัวของแต่ละเว็บอ่ะ...มาดูกันเลย

รูปที่ 3
yutjoke.blogspot.com
มันเป็นผลสำเร็จของความมั่ว...ก็เลยดีใจที่เว็บของผม ก็มีเอกลักษณ์เฉพาะตัวเหมือนของชาวบ้านกัน...จบเรื่อง Favicon

มาต่อกันที่เรื่องการแลกลิงค์...สร้าง Traffic ก็เพื่อโปรโมทเว็บนั่นแหละ อาศัยเพื่อนๆชาวเว็บด้วยกัน ในทำนองที่ว่าแขกของบ้านโน้น อาจจะมาเยือนบ้านนี้ แล้วก็แขกของบ้านนี้ก็จะได้ไปเยือนบ้านโน้นบ้าง เพราะมีเส้นทางแล้วนิ...นั่นคือ ลิงค์...

ขั้นแรกก็ต้องเสาะแสวงหาเว็บที่เขาให้ลงโฆษณาฟรี หรือรับแลกลิงค์อะไรแบบนี้ เมื่อเจอแล้วก็ไปลงทะเบียนเป็นสมาชิกของเขา จากนั้นก็ลงประกาศ หรือไม่ก็แลกลิงค์เพื่อโปรโมทเว็บของเรา...ขั้นตอนก็คือว่า เขาก็จะให้โค้ด HTML ของลิงค์มาให้เราเอาไป Paste ลงในเว็บของเรา ...โดยเข้าไปเพิ่ม Gadget คลิกเลือกที่ เพิ่ม HTML/จาวาสคริปต์...ตามรูปที่ 4

รูปที่ 4
yutjoke.blogspot.com
รูปที่ 5
yutjoke.blogspot.com
เราก็ copy โค้ด HTML ในรูปที่ 5 ไป Paste ลงในหน้าเว็บของเรา โดยหลังจากการเปิดรูปที่ 4 มาแล้ว จะได้หน้าต่างดังรูปที่ 6 แล้วคลิกคำว่าบันทึก

รูปที่ 6
yutjoke.blogspot.com

จากนั้นเราไปดูผลงานกัน...ว่าลิงค์ของเว็บที่เราต้องการจะแลกลิงค์ด้วย เวิร์คมั้ย...??

รูปที่ 7
yutjoke.blogspot.com
เราได้สร้างลิงค์ของเว็บนั้นเสร็จเรียบร้อย เมื่อลองทดสอบด้วยการคลิก...ปรากฏว่า ถูกต้อง ไม่ติดปัญหาอะไร...เมื่อของเขาเสร็จ เราก็ต้องเอาโค้ด HTML ของเรา ไปฝากไว้ให้เว็บเขาทำเหมือนกับที่เราทำให้เขานั่นแหละ...แต่มันมีขั้นตอนเพิ่มเข้ามาอีกเล็กน้อยน้อย...นั่นคือ ถ้าเราต้องการใช้รูปที่เป็น Animation คือภาพเคลื่อนไหว เราก็สร้างขึ้น เมื่อสร้างแล้ว เราก็ต้องหาเว็บที่เขารับฝากไฟล์ภาพของเรา มีเว็บที่ให้บริการฟรีอยู่แล้ว ยกตัวอย่าง จากเว็บนี้ http://image.ohozaa.com/main/ ตามรูปที่ 8

รูปที่ 8
yutjoke.blogspot.com

เมื่อได้โค้ด HTML มาแล้ว เรามีหน้าที่เปลี่ยนจาก URL ของเขา มาใส่ URL ของเรา แล้วไป ส่งให้กับเว็บที่ต้องการแลกลิงค์...หน้าตาของโค้ดมันจึงออกมาเป็นเช่นนี้...
<a href="http://yutjoke.blogspot.com/p/httpyutjokeblogspot.html
" target="_blank"><img border="0" src="http://image.ohozaa.com/i/181/2Bmhr3.gif" /></a>

ตรงที่เป็นตัวหนานั่นแหละคือ URL ของเรา...เพื่อที่ว่าเวลาทางโน้นคลิก จะได้มาถูกบ้าน...ก็แค่นั้น...เมื่อส่งโค้ดให้เขาแล้ว เราก็ดูผลงานว่าเขาทำเหมือนที่เราทำให้เขามั้ย...ตามไปดู

รูปที่ 9
yutjoke.blogspot.com
ในกรอบสีน้ำเงินนั่นแหละเป็นลิงค์ ที่เมื่อคลิกก็จะวิ่งมาหาเว็บของผม......
ไปดูได้ที่...http://image.ohozaa.com/main/ โปรโมทให้เขาซะเลย...อิอิ...!!!




2 ความคิดเห็น: