19 February, 2016

Blogger : 20 การเพิ่ม Code วัน เวลา ปฎิทิน ประดับในบล็อก (2)

0 ความคิดเห็น
 
หลังจากนำ Code Script เพื่อเพิ่ม วัน เวลา และปฎิทิน มาให้ได้แต่งเติมไปแล้ว ใน http://mediathailand.blogspot.com/2016/02/blogger-19-code.html ซึ่งจะเป็น Code script แบบ HTML5 ล้วนๆ เพราะแบบ Flash อาจจะไม่สามารถ แสดงข้อมูล ออกมาหรือ ไม่สมบูรณ์ โดยเฉพาะ Smartphone Android OS ได้ ในบทเรียนนี้ จึงแนะนำการใช้ภาษา code ที่เป็น HTML 5  มาใช้แทน ซึ่งเป็น code สำเร็จรูปเรียบง่าย แต่ ดูดี ก่อนอื่นหากท่านที่ยังไม่รู้วิธีทำ ก็ขอทบทวนการติดตั้งกันอีกที ดังนี้

การสร้างงานต้องทำผ่าน แดชบอร์ด ตรงส่วน Layout หรือ รูปแบบ ซึ่งมีอยู่ใน Blogger เอง โดยมีวิธีการ ดำเนินการ ดังนี้

1.เปิด แดชบอร์ด ไปที่ Setting หรือส่วนการตั้งค่า

2.เลือกรายการ Layout หรือ รูปแบบ ที่ฝั่งซ้าย ดังภาพด้านล่าง เมื่อได้ Layout Page มาแล้ว ให้กำหนดตำแหน่งที่ท่านจะวาง ส่วนที่ใช้วาง code script

3. เมื่อกำหนดบริเวณได้แล้ว ให้คลิกเลือกรายการ Add a Gadget หรือ เพิ่ม Gadget ที่อยู่ในบริเวณนั้น ซึ่งจะเกิดหน้าต่าง Add a Gadget  เลือกหารายการ ที่ชื่อว่า HTML/Java Script  คลิกเลือกที่เครื่องหมาย +

 
4. จะเกิดกรอบหน้าต่างสำหรับวาง code script ดังภาพ
5. ทำการตั้งชื่อ และนำ code ที่ต้องการวางลงในพื้นที่เขียน script
 
6. คลิกปุ่ม บันทึก แล้วปิดหน้าต่างได้
 
7. ตรงตำแหน่งที่กำหนดไว้ ก็จะมีนาฬิการ หรือ ปฎิทิน แสดงผล ตามที่กำหนดไว้
 
 
 
หมายเหตุ :  หากต้องการแสดงผล ให้อยู่ตรงกลาง ให้เพิ่ม คำสั่ง Tag Center ลงไป
 

<center> ................ส่วนที่เป็น code script..................... </center>

 
 ดูชุดหนึ่ง ที่ http://mediathailand.blogspot.com/2016/02/blogger-19-code.html
 
 
ต่อไปนี้เรามาดูรูปแบบพร้อม Code คำสั่งในแต่ละแบบกัน เป็นชุดที่ 2
 
 


code ที่ใช้
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:170px;height:50px;"src="http://www.clocktag.com/html5/dt161.html"></iframe>

.................................................................
 



code ที่ใช้
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:170px;height:50px;" src="http://www.clocktag.com/html5/dt162.html"></iframe>

.................................................................



code ที่ใช้
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:170px;height:50px;" src="http://www.clocktag.com/html5/dt163.html"></iframe>

.................................................................




code ที่ใช้
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:190px;height:50px;" src="http://www.clocktag.com/html5/dt172.html"></iframe>

.................................................................





code ที่ใช้
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:190px;height:50px;" src="http://www.clocktag.com/html5/dt173.html"></iframe>

.................................................................




code ที่ใช้
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:100px;height:100px;" src="http://www.clocktag.com/html5/m192.html"></iframe>

.................................................................




code ที่ใช้
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:100px;height:100px;" src="http://www.clocktag.com/html5/m193.html"></iframe>

.................................................................





code ที่ใช้
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:100px;height:100px;" src="http://www.clocktag.com/html5/m196.html"></iframe>

.................................................................





code ที่ใช้
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:120px;height:120px;" src="http://www.clocktag.com/html5/t21.html"></iframe>

.................................................................




code ที่ใช้
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:120px;height:120px;" src="http://www.clocktag.com/html5/t22.html"></iframe>

.................................................................




code ที่ใช้
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:120px;height:120px;" src="http://www.clocktag.com/html5/t23.html"></iframe>

.................................................................




code ที่ใช้
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:120px;height:120px;" src="http://www.clocktag.com/html5/t12.html"></iframe>

.................................................................
 

code ที่ใช้
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:120px;height:120px;" src="http://www.clocktag.com/html5/t13.html"></iframe>

.................................................................




code ที่ใช้
< iframe style="overflow:hidden;border:0;margin:0;padding:0;width:120px;height:120px;" src="http://www.clocktag.com/html5/t11.html"></iframe>


.................................................................
ข้อควรระวัง
อย่านำ code นี้ ไปใช้ในหลายที่นัก เพราะ อาจจะทำให้การแสดงผล ช้าลง
Readmore...
17 February, 2016

Blogger : 19 การเพิ่ม code วัน เวลา ปฎิทิน ประดับในบล็อก (1)

0 ความคิดเห็น
 
วันนี้ นำเทคนิคพิเศษหนึ่งมาใช้ประดับให้บล็อกดูมีสีสันและมีเสน่ห์ นั้นคือการเพิ่มนาฬิกา และปฎิทิน ที่จริงแล้วมีสคริปคำสั่งที่แสดงผลได้ ทั้งแบบ HTML5 และ แบบ Flash แต่เนื่องจากในบาง Device สคริปที่มาจาก Flash อาจไม่สามารถแสดงข้อมูลโดยเฉพาะ Smartphone Android OS ได้ ในบทเรียนนี้ จึงแนะนำการใช้ภาษา code ที่เป็น HTML 5  มาใช้แทน ซึ่งเป็น code สำเร็จรูปเรียบง่าย แต่ ดูดี (เนื่องจากการนำ code script มาแสดงผลเป็นจำนวนมาก อาจส่งผลให้การแสดงผลบนบล็อกช้าลงจึงขอแบ่งออกเป็น 2 ชุด)

การสร้างงานต้องทำผ่าน แดชบอร์ด ตรงส่วน Layout หรือ รูปแบบ ซึ่งมีอยู่ใน Blogger เอง โดยมีวิธีการ ดำเนินการ ดังนี้

1.เปิด แดชบอร์ด ไปที่ Setting หรือส่วนการตั้งค่า

2.เลือกรายการ Layout หรือ รูปแบบ ที่ฝั่งซ้าย ดังภาพด้านล่าง เมื่อได้ Layout Page มาแล้ว ให้กำหนดตำแหน่งที่ท่านจะวาง ส่วนที่ใช้วาง code script


3. เมื่อกำหนดบริเวณได้แล้ว ให้คลิกเลือกรายการ Add a Gadget หรือ เพิ่ม Gadget ที่อยู่ในบริเวณนั้น ซึ่งจะเกิดหน้าต่าง Add a Gadget  เลือกหารายการ ที่ชื่อว่า HTML/Java Script  คลิกเลือกที่เครื่องหมาย +



 
4. จะเกิดกรอบหน้าต่างสำหรับวาง code script ดังภาพ

5. ทำการตั้งชื่อ และนำ code ที่ต้องการวางลงในพื้นที่เขียน script
 
6. คลิกปุ่ม บันทึก แล้วปิดหน้าต่างได้
 
7. ตรงตำแหน่งที่กำหนดไว้ ก็จะมีนาฬิการ หรือ ปฎิทิน แสดงผล ตามที่กำหนดไว้
 
 
 
หมายเหตุ :  หากต้องการแสดงผล ให้อยู่ตรงกลาง ให้เพิ่ม คำสั่ง Tag Center ลงไป
 

<center> ................ส่วนที่เป็น code script..................... </center>

 
 
ต่อไปนี้เรามาดูรูปแบบพร้อม Code คำสั่งในแต่ละแบบกัน
 
 




code ที่ใช้
<iframe style="overflow:hidden;border:0;margin:0;padding:0;width:175px;height:80px;"src="http://www.clocktag.com/html5/d171red1.html"></iframe>

.................................................................
 




code ที่ใช้
<iframe style="overflow:hidden;border:0;margin:0;padding:0;width:175px;height:80px;" src="http://www.clocktag.com/html5/d171black1.html"></iframe>

.................................................................




 
 
code ที่ใช้
<iframe style="overflow:hidden;border:0;margin:0;padding:0;width:175px;height:80px;" src="http://www.clocktag.com/html5/d171blue1.html"></iframe>

.................................................................
 
 

 
code ที่ใช้
<iframe style="overflow:hidden;border:0;margin:0;padding:0;width:270px;height:25px;" src="http://www.clocktag.com/html5/dt41.html"></iframe>

.................................................................


code ที่ใช้
<iframe style="overflow:hidden;border:0;margin:0;padding:0;width:130px;height:100px;" src="http://www.clocktag.com/html5/dt151.html"></iframe>

.................................................................
 
 

code ที่ใช้
<iframe style="overflow:hidden;border:0;margin:0;padding:0;width:130px;height:100px;" src="http://www.clocktag.com/html5/dt152.html"></iframe>

.................................................................




code ที่ใช้
<iframe style="overflow:hidden;border:0;margin:0;padding:0;width:165px;height:130px;" src="http://www.clocktag.com/html5/dt231.html"></iframe>

.................................................................
 



code ที่ใช้
<iframe style="overflow:hidden;border:0;margin:0;padding:0;width:165px;height:130px;" src="http://www.clocktag.com/html5/dt232.html"></iframe>

.................................................................
 
 

code ที่ใช้
<iframe style="overflow:hidden;border:0;margin:0;padding:0;width:165px;height:130px;" src="http://www.clocktag.com/html5/dt233.html"></iframe>

.................................................................
ข้อควรระวัง
อย่านำ code นี้ ไปใช้ในหลายที่นัก เพราะ อาจจะทำให้การแสดงผล ช้าลง

ดู Code Script ชุดที่ 2 ที่ http://mediathailand.blogspot.com/2016/02/blogger-20-code-2.html
Readmore...

Blogger : 18 การลบ Comment

0 ความคิดเห็น
 

ผู้ใช้งาน Blogger ในระยะยาวที่เปิดให้คนทั่วไปสามารถแสดงความคิดเห็นที่เรียกว่า comment  จะประสบปัญหาหนึ่งที่ส่งผลต่อการเผยแพร่ผลงาน นั่นคือ  comment ที่แฝงการโฆษณา หรือใช้ข้อความก่อกวน ซึ่งเราจะพบว่าข้อความเหล่านั้นไม่ระบุชื่อผู้ส่ง สิ่งเหล่านี้ เราอาจจะเรียกมันว่า SPAM ก็คงไม่ผิด หากมาทีละข้อความก็อาจจะลบได้ทางหน้าเนื้อหานั้นๆได้ แต่ถ้าเข้ามาเป็นจำนวนมาก การลบทีละข้อความ นับเป็นภาระที่หนัก และเกิดความรำคาญ ในบทความนี้ จะแนะนำให้ท่านสามารถเข้าถึง comment เหล่านั้น และเลือกลบข้อความต่างๆมากกว่า 1 รายการได้ เรามาดูวิธีการกัน

1.ไปที่หน้า Dashboard

 
2.ที่เมนูรายการด้านซ้าย คลิกเลือกรายการความคิดเห็น (Comments) จะพบรายการความคิดเห็นที่มีผู้โพสต์เข้ามา ให้ทำการคลิกเลือกที่ช่อง checkbox
 
 
3.ทำการคลิกที่ปุ่มลบ หรือหากคิดว่าสิ่งนั้นมาจากแหล่งก่อกวน ให้เลือกรายการ สแปม ได้เลย ระบบจะป้องกันการก่อกวนนี้จากเลข IP หรือชื่อของผู้ส่ง เป็นการถาวร
Readmore...

test

สาระ เนื้อหา เรื่องราว ที่ปรากฎอยู่ในบล็อกแห่งนี้ จัดทำขึ้นเพื่อรวบรวมผลงาน แนวคิด จากการศึกษาเรียนรู้ และประสบการณ์ในการทำงาน รวมถึงการนำมาจากแหล่งข้อมูลอื่น(ซึ่งจะแจ้ง links ต้นทาง) นำมาเผยแพร่ให้กับท่านที่สนใจ ผ่านช่องทางและเวทีบล็อกแห่งนี้ หากท่านต้องการที่จะแนะนำ หรือแสดงความคิดเห็นที่เป็นประโยชน์ในการจัดทำบล็อกความรู้นี้ ติดต่อพูดคุย(ฝากข้อความ) ได้นะครับ
ขอบคุณที่กรุณาเข้าเยี่ยมชม

นายมีเดีย : mediathailand
สุวัฒน์ ธรรมสุนทร (mediath@hotmail.com)
ข้าราชการบำนาญ สำนักงาน กศน.
กระทรวงศึกษาธิการ

++ ความคิดเห็นจากเพื่อน Facebook