บทความ

กำลังแสดงโพสต์จาก 2023

วิธีแสดงกล่องข้อความโค้ด ( code textbox) ใน blogger

เล่าเรื่องโดย iEasyCom_Admin
รูปภาพ
วิธีแสดง code ในหน้าเว็บ  หากเราต้องการแสดง code ลงในเว็บไซต์ ต้องใส่แท็ก  <pre>   และ    <code>  แท็ก <code> ใช้ระบุว่าเป็น code  โดยปกติ จะรวมแท็กนี้ไว้ในแท็ก  <pre>  เพื่อบอก Browser และ Google ว่า code ในแท็กนี้เป็น code ที่ต้องการแสดง ไม่ใช่ให้แสดงผล รูปแบบ การแสดงอักขระต้องห้ามใน code  อักขระ < > ใน code อาจไม่แสดงแม้จะอยู่ในแท็กด้านบน เนื่องจากเป็นอักขระตัองห้ามของ HTML  ในกรณีนี้ให้แปลง  HTML tags  เป็น HTML entities  โดยแทนที่ < ด้วย  &lt;  และ > ด้วย  &gt;  ตัวอย่าง  code ที่อยากแสดง  ตัวอย่าง    code ที่เขียนเพื่อแสดง code การแสดง Code อยู่ในกล่องหรือเฟรม  กรณีต้องการแสดง Code อยู่ในกล่องหรือเฟรม สามารถเพิ่ม css จัดรูปแบบได้  ตัวอย่าง ใส่กล่อง code ลงใน blogger  ใช้โค้ด แบบที่ 1 ใช้ code แบบที่ 2   ถ้ามีวิธีที่น่าสนใจ เราจะนำมาเสนอเพิ่มเติมต่อไป หากสนใจการใช้ code ในการทำเว็บของท่าน ต้องการศึกษาเพิ่มเติม สามารถติดต่อครูน้อย โทร/ไลน์ 0843620912 เว็บไซต์ https://www.cnxservice.app/
Read more »

ทำไอค่อนติดต่อลอยด้านข้าง ด้วยภาพ

เล่าเรื่องโดย iEasyCom_Admin
รูปภาพ
โค้ดไอค่อนข้อมูลติดต่อ <style> .icon-bar { position: fixed; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .icon-bar a { display: block; text-align: center; padding: 6px 5px 1px 5px; transition: all 0.3s ease; color: white; font-size: 20px; } .icon-bar a:hover { background-color: #522; } .facebook { background: #3B5998; color: white; } .twitter { background: #55ACEE; color: white; } .google { background: #dd4b39; color: white; } .linkedin { background: #007bb5; color: white; } .youtube { background: #bb0000; color: white; } .image-button{ border: none; color: white; text-align: center; text-decoration: none; display: block; font-size: 8px; font-weight: bold; cursor: pointer; } .image-button img { height: 40px; border: none; } .content { margin-left: 75px; font-size: 30px; } </style> <body> <div cla
Read more »

แก้ไขคำเตือนเมื่อปรับ Template Blogger

เล่าเรื่องโดย iEasyCom_Admin
 1. Error:  There should be one and only one skin in the theme, and we found: <b>0</b> Template Code Problem เพิ่ม <b:skin> </b:skin>   ก่อน body 2. Error: We did not find any section in your template. A template must have at least one b:section tag I Make This Template Before Blogger Delete The Old Dashboard Interface, So I’m Sorry If the Code not Compatible with the New Dashboard Interface, for Solution... 1. Open “Supersized Under Construction.xml” in Notepad (Or) Adobe Dreamweaver or More, 2. Find this code… </body> 3. Add this code above it… <b:section id='fixelements' showaddelement='no'/> 4. Save Template.
Read more »

css เรียงภาพ

เล่าเรื่องโดย iEasyCom_Admin
รูปภาพ
ตัวอย่างโค้ด ตัวอย่างที่ได้ (2ภาพสีเหลืองด้านล่างของภาพ) ภาพจากเว็บ  เรียนพิมพ์สัมผัสกับครูน้อย, UP SKILL TOUCH TYPING, FREE ONLINE LEARNING.  https://upskilltouchtyping.blogspot.com/ 
Read more »

อ้างอิงไฟล์ภาพ html

เล่าเรื่องโดย iEasyCom_Admin
  < img  src =" url "  alt =" alternatetext " > กรณีอ้างอิงจากในโฟลเดอร์เดียวกัน <img src="touchtype1text.jpg" alt="UpSkill by Kru Noi" width="80%" height="auto"> กรณีอ้างอิงจากที่อยู่เว็บไซต์ < img  src =" url "  alt =" alternatetext " >
Read more »

Tag สำหรับการแสดงตัวอย่าง Code ในหน้าเว็บ

เล่าเรื่องโดย iEasyCom_Admin
สำหรับตัวอย่างโค้ดใช้ Tag <xmp> </xmp> สำหรับตัวอย่างผลลัพธ์จากโค้ดใช้ Tag <precode> </precode> อาจเพิ่ม style เพื่อให้เป็นกรอบของส่วน Tag นั้น ตัวอย่าง <precode  style="background-color: #eee;   border: 1px solid #999;   display: block;   padding: 20px;"> 
Read more »

ตัวอย่างโค้ดรายการ HTML แบบไม่มีหัวข้อ Nested List HTML

เล่าเรื่องโดย iEasyCom_Admin
โค้ด บทที่ 1 จับเวลา 1 นาที จับเวลา 5 นาที บทที่ 2 จับเวลา 1 นาที จับเวลา 5 นาที บทที่ 3 จับเวลา 1 นาที จับเวลา 5 นาที บทที่ 4 จับเวลา 1 นาที จับเวลา 5 นาที บทที่ 5 จับเวลา 1 นาที จับเวลา 5 นาที ตัวอย่างหน้าเว็บจากโค้ด บทที่ 1 จับเวลา 1 นาที จับเวลา 5 นาที บทที่ 2 จับเวลา 1 นาที จับเวลา 5 นาที บทที่ 3 จับเวลา 1 นาที จับเวลา 5 นาที บทที่ 4 จับเวลา 1 นาที จับเวลา 5 นาที บทที่ 5 จับเวลา 1 นาที จับเวลา 5 นาที
Read more »