Firebug โปรแกรมดู Source Code ที่เว็บมาสเตอร์ทุกคนต้องมี

สวัสดีครับ วันนี้ขอแนะนำ Add-Ons Firefox (ส่วนเสริม) ดีๆ สำหรับเว็บมาสเตอร์ซักหน่อยนะครับ นั่นคือ Firebug  เป็นโปรแกรมเสริมตัวเล็กๆ สำหรับติดตั้งใน Firefox โปรแกรมตัวนี้มีประโยชน์มากๆ เพราะสามารถเอาไว้ใช้ดู Source Code ในหน้าเว็บไซต์ได้ดี เช่น อยากรู้ว่า widget ในหน้านั้นโค้ดเป็นยังไง , สีของตัวอักษรตัวนั้นโค้ดเป็นยังไง ฯลฯ เหล่านี้ท่านสามารถดูได้ด้วย Firebug นี้เลย



 ขั้นตอนการใช้งาน

1. คลิกที่ปุ่มเต่าทองด้านบนแท็บบาร์     
2. กดที่ปุ่ม    และนำ Mouse ไปชี้ตรงตำแหน่งที่ต้องการทราบโค้ด เพียงเท่านี้ Firebug ก็จะทำการแสดงโค้ดนั้นขึ้นมาให้เราดูทันที
3.  หรือทำการไฮไลท์ตำแหน่งที่ต้องการก่อน และคลิกขวาตรงตำแหน่งที่ไฮไลท์ แล้วกดที่    โค้ดก็จะแสดงขึ้นมาเช่นเดียวกัน

เป็นยังไงบ้างครับไม่ยากเลยใช่มั๊ยครับ เพียงเท่านี้เราก็สามารถทราบโค้ดที่เราต้องการได้ทั้งหมดเลย เป็นโปรแกรมที่มีประโยชน์จริงๆ เว็บมาสเตอร์ควรมีเก็บไว้ใช้ทุกคนครับ


Download Now

License : Open Source
Support : Firefox
More information

 

Read More

Template สวยมากๆ สำหรับแฟน Blogger ทุกคน

สวัสดีครับ สำหรับใครที่ใช้ Blogger และกำลังมองหา Template สวยๆ อยู่ ผมขอแนะนำเว็บที่ทำ Template สวยๆ ระดับ Premimum ที่เจ้าของเว็บใจดีเค้าแจกให้ใช้กันฟรีๆ แถมยังสามารถสั่งทำตามที่เราต้องการได้ด้วยนะ จะปรับจะเพิ่มตรงไหนก็สามารถสั่งได้เลย เห็นว่ามีประโยชน์ก็เลยเอามาฝากครับ




เลือก Template สวยๆ คลิก ที่นี่ เลยครับ

 

 

Read More

สร้างเว็บไซต์ฟรี

สวัสดีครับ บทความนี้ก็ต่อเนื่องมาจากบทความ ฟรีโดเมน และ แนะนำโฮสติ้งฟรี กล่าวคือในการทำเว็บไซต์ทุกวันนี้นั้นสะดวกสบายมาก มีเครื่องมือในการสร้างเว็บไซต์มากมายให้เราได้เลือกใช้ เช่น cms smf หรือโปรแกรมสร้างเว็บไซต์อื่นๆ แต่ก็ยังมีอีกหนี่งบริการดีๆ ของ Google ที่ให้เราสามารถสร้างเว็บไซต์ได้เองแบบง่ายๆ โดยแค่สมัครใช้บริการกับเค้าเท่านั้น เราก็จะมีเว็บไซต์ที่สวยงามเป็นของตัวเองทันที บริการที่ว่านี้ก็คือ Google Sites เป็นบริการที่ให้เราสามารถสร้างเว็บไซต์ได้เอง มีเทพเพลตให้เลือกมากมาย ในการใช้งาน Google Sies นี้ไม่มีค่าใช้จ่ายใดๆ ทั้งสิ้น ฟรีทั้งโฮสและโดเมนเนม และเรายังสามารถจดโดเมนเนมเป็นชื่อที่เราต้องการได้อีกด้วย หากใครใช้ Blogger อยู่แล้วก็แนะนำให้ลองสร้างเว็บไซต์เพิ่มอีกหนึ่งเว็บโดยใช้บริการของ Google Sites ดูเข้าท่าดีว่ามั๊ยครับ


สมัครใช้บริการ : Google Sites

Read More

ฟรีโดเมน

สวัสดีครับ สืบเนื่องจากบทความที่แล้ว แนะนำโฮสติ้งฟรี วันนี้ผมเลยจะขอเขียนเกี่ยวกับการทำเว็บไซต์อีกซักหน่อย
ในเมื่อเราได้โฮสฟรีแล้ว แต่เราจะยังไม่สามารถมีเว็บไซต์ได้ ถ้าหากเรายังไม่มี โดเมนเนม (ชื่อที่อยู่อ้างอิงเว็บไซต์ หรือ URL เว็บไซต์นั่นเอง) ดังนั้นผมจึงหาเว็บไซต์ที่ไว้สำหรับจดโดเมนเนมมาฝากครับ และที่สำคัญฟรีอีกแล้ว นั่นหมายความว่า เราได้โฮสฟรี และ จดโดเมนเนมฟรี สามารถมีเว็บไซต์ได้ฟรีๆ โดยไม่เสียสักแดงดีมั๊ยล่ะ ส่วนเรื่องจะทำเว็บไซต์แบบใดนั้นก็ลองเลือกเอา อย่างเช่นใช้พวก CMS SMF หรือเขียนเว็บเองก็ตามแต่สะดวกเลยครับ


รายชื่อเว็บไซต์รับจดโดเมนเนมฟรี

• dot.tk


• uni.cc


• za.net


• net.ru


• biz.ly


• xe.cx


• org.ua


• pp.ua


• ok.pe


• 1x.net


• gv.vg


• de.vu


• co.vu


• me.pn


• biz.nf


• 1.vg


• 1x.de


• 1x.biz


• kku.im


• eu.org


• cu.cc


• co.ms


• za.net


• or.hn


• cz.cc


• co.tv


• co.cc


• eu.tv


• rr.nu


• yi.org


• da.ru


• be.pl

Read More

มารับหมาน้อยไปเลี้ยงในเว็บหรือบล็อกกันเถอะ

สวัสดีครับ ผมหา Gadgets น่ารักๆ มาฝากครับ นั่้นคือเจ้าสุนัขผู้น่ารัก เลี้ยงง่าย ไม่ยุ่งยาก เล่นกับมันก็ได้นะ สั่งให้มันนั่งหรือหมอบหรือนอนก็ได้ ด้วยการดับเบิ้ลคลิกที่พื้น มันก็จะนั่งหรือหมอบหรือนอนครับ สนุกดีและเพลินดี ปรับความกว้างหรือสูงที่ width กับ height ครับ รับมันไปเลี้ยงในเว็บหรือบล็อกของคุณกันได้เลยครับสวัสดี

รับโค้ดไปติดเว็บ: คลิกที่นี่

 

Read More

แจก Icon ปุ่มกดต่างๆ

สวัสดีครับ วันนี้ผมเอา Icon Button ไอคอนปุ่มกดต่างๆ มาฝากครับ สำหรับเอาไปทำเว็บไซต์หรือบล็อก มีมากมายเลยลองเอาไปใช้กันดูนะครับ

 

ข้อความซ่อน

Download Icon ปุ่มกด

 

 

Read More

วิธีทำลิงค์แบบง่ายๆ แต่มีประโยชน์มาก

สวัสดีครับ วันนี้จะมาบอกวิธีทำตัวอักษรให้เป็นลิงค์กัน (Anchor Text Link) ถ้าเทียบกันกับการใส่ URL ลงไปตรงๆ แล้ว Anchot Text Link ดีกว่าแน่นอนครับ เพราะถ้าสังเกตตามเว็บบอร์ดต่างๆ จะเห็นได้ว่า ส่วนใหญ่จะนิยมใช้กันมากกว่า เช่น การทำรูปให้เป็นลิงค์ เพราะถ้าเราใส่ลงไปตรงๆ แบบนี้  http://xn--42c2de1arqm.blogspot.com/2010/12/blog-post.html  ก็จะเห็นได้ว่ามันยาวไม่น่าดูเลยใช่มั๊ยครับ แถมยังไม่มีความหมาย ดูไม่น่าคลิกเลยถ้าเทียบกัน ดังนั้นจะเป็นการดีที่จะลองมาเรียนรู้วิธีทำลิงค์แบบ Anchor Text Link กันครับ ให้นำโค้ดด้านล่างนี้ไปใช้ได้เลยครับ เป็นโค้ด HTML แบบง่ายๆ แต่มีประโยชน์มาก

รับโค้ด

ข้อความซ่อน

<a href="ใส่ URL ที่ต้องการให้เปิดเมื่อคลิกที่ข้อความ" target="_blank">ใส่ข้อความที่ต้องการ</a>

ตัวอย่าง: <a href="http://xn--42c2de1arqm.blogspot.com/" target="_blank">เว็บสาระคอม</a>

เว็บสาระคอม

Read More

วิธีป้องกันหน้าเว็บด้วยการให้ใส่ Password ก่อนเข้าดู

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

รับโค้ด

ข้อความซ่อน

<script language="javascript">

<!-- BEGIN Script
// where to go if wrong password...
var wrong="ใส่ URL ที่นี่ หากใส่รหัสผิดจะเปิดหน้านี้";
// password...
var password="ใส่รหัสที่นี่";
// prompts the user this...
var name = prompt("ENTER PASSWORD");
// if... else statement... right, confirm this, wrong, go to wrong...
if (name == password) {(confirm("The correct password"))}
else {location.href=wrong}
// END Script -->

</script>

(ให้ใส่ Password คือ สาระคอม ไม่อย่างนั้นจะเปิดไปหน้าอื่น)
*ใช้ Firefox หรือ Google Chrome เพื่อดูตัวอย่างนะครับ

Read More

Icon น้องหัวหอมน่ารัก

วันนี้ผมเอา Icon น้องหัวหอม น่ารักๆ มาฝากครับ

อ่ะนี่! แถมให้อีกจ้ะ

 

Read More