การนำข่าว เว็บ www.maesod.info ไปติดหน้าเว็บไซค์ของท่าน

แจกโค้ด เว็บข่าวแม่สอด ฟรี

 

แจกโค้ด เว็บข่าวแม่สอด ฟรี

การนำข่าว เว็บข่าวแม่สอด www.maesod.info ไปติดหน้าเว็บไซค์ของท่าน

หลังจากที่เราได้ทราบข้อดี และ ข้อเสียของ iframe แล้วต่อไปเรามาดูวิธีการเรียกใช้งานกันนะครับ ซึ่งวิธีการใช้งานก็ง่ายๆครับ เอา code iframe ไปไว้ใน html ส่วนที่เราต้องการให้แสดงผลครับ โดย code iframe สามารถเขียนคร่าวๆได้ดังนี้ครับ

1
<p style=”text-align: center;”><strong>รวมข่าวแม่สอด – ข่าวอื่น ๆ </strong><iframe src=”https://www.maesod.info” width=”599″ height=”999″ scrolling=”auto”></iframe></p>

การนำข่าว เว็บ www.maesod.info ไปติดหน้าเว็บไซค์ของท่าน สามารถคัดลอกโค้ดด้านล่างไปได้เลยนะครับ

<p style=”text-align: center;”><strong>รวมข่าวแม่สอด – ข่าวอื่น ๆ </strong><iframe src=”https://www.maesod.info” width=”599″ height=”999″ scrolling=”auto”></iframe></p>

สำหรับ option ของ tag iframe นี้จะมีให้เลือกใช้อยู่มากมายครับ อยู่ที่เราจะใส่เข้าไปครับ ในที่นี้ผมจะช่วยเขียนอธิบายให้ทราบ เท่าที่หลักๆได้ใช้งานกันนะครับ

เป็น url ของหน้าที่ต้องการดึงมาแสดงใส่ได้ทั้งลิ้งค์ภายใน และ ลิ้งค์ภายนอกจากที่อื่นครับ

1
src="https://www.maesod.info/"

ในส่วนนี้จะเป็นความสูงครับ

1
height="599"

ความกว้างของกรอบ iframe ที่เราดึงมาแสดงครับ

1
width="999"

สามารถใส่ได้ (auto | yes | no) ในส่วนนี้คือกำหนดให้กรอบของเรามี scrollbar หรือไม่

1
scrolling="auto"

สามารถใส่ class และ id เช่นเดิม

1
class="{classname}"

หลักๆสามารถใส่ได้ (0 | 1 | yes | no) หรือตัวเลขครับ ในส่วนนี้จะเป็น border ของกรอบครับ

1
frameborder="1"

ระยะห่างจากขอบ

1
marginheight=""  marginwidth=""

สามารถใส่ style css ได้ตามปกติ

1
style=""

สีของเส้นขอบ border ของกรอบ iframe

1
bordercolor="#CCCCCC"

จัดกลาง / ขวา / ซ้าย

1
align="left"

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

หากท่านใดนำบทความเราไปใส่ในเว็บผมรบกวนใส่ลิ้งค์ที่มา ให้ผมด้วยนะครับ
ขอบคุณครับ

ตัวอย่าง อยู่ด้านล่างของบทความ
คลิกที่นี่

รวมข่าวแม่สอด – ข่าวอื่น ๆ