tech & tips

 

การทำ Tech&Tips ตกแต่งเว็บไซต์

โค้ดราคาน้ำมัน

ขั้นตอนการวางโค้ด

2.ที่หน้าแก้ไข (editor) คลิ๊กเมาส์เลือกตำแหน่งที่ต้องการวางโค้ด

3.คลิ๊กไอคอนเครื่องมือ เพิ่ม/แก้ไข script แล้ว copy โค้ดที่อยู่ด้านล่าง ใส่ที่ช่องวาง script

4.คลิ๊กปุ่ม ตกลง

5.คลิ๊กปุ่ม บรรทุกข้อมูล

โค้ด

<IFRAME src="http://www.pttplc.com/th/oilprice.asp" frameBorder=0 width=170 scrolling=no height=345></IFRAME>

2. ทำเครื่องหมายถูกที่หัวข้อ "อนุญาตให้เว็บไซต์สามารถมองเห็นสถานะของMessenger ของคุณ และส่งข้อความถึงคุณได้" และคลิก บันทึก

3. คลิกเมนู "สร้าง HTML" (ตำแหน่งหมายเลข 1) จากนั้นทำการปรับแต่งการแสดงผลสี ขนาดของหน้าต่าง Chat Box ตามต้องการ (ตำแหน่งหมายเลข 2) และเมื่อปรับแต่งเรียบร้อยแล้ว ให้ท่าน Copy โค้ดที่ปรากฎในหัวข้อ  "คัดลอก HTML และวางลงในเว็บเพจของคุณ" (ตำแหน่งหมายเลข 3)4. นำโค๊ดไปใส่ไว้ในตำแหน่งที่ต้องการ ดังรูป



Wibiya Toolbar

สมบัติของ Wibiya Toolbar

- สามารถค้นหาสิ่งที่ต้องการภายในบล็อก และ ค้นหาจาก google

- เชื่อมต่อบล็อคของคุณผ่าน Facebook

- ช่วยในการแปลภาษา

- เครื่องมือสำหรับแชร์บทความดีๆในบล็อกของคุณ

- เชื่อมต่อกับ Twitter และยังสามารถ tweet บทความไปยัง Twitter  ได้ด้วย

- แสดงบทความล่าสุดของบล็อกถึง 10 บทความ

- สามารถแสดงบทความแบบสุ่มเลือกจากบล็อกของคุณได้

- มีเมนูสำหรับให้ผู้อ่าน Subscript เพื่อรับ Feed บล็อกของคุณ

- แสดงรูปภาพจาก Gallery ใน Flickr

- เชื่อมต่อไปยังหน้าวีดีโอของคุณบน youtubeได้

- มีกล่องข้อความ Notifierสำหรับต้อนรับผู้เยี่ยมชม

วิธีติดตั้ง Wibiya Toolbar

1. ไปที่ wibiya.com แล้วคลิกที่ปุ่ม Get It Now! เพื่อลงทะเบียน

2. กรอกข้อมูลให้ครบถ้วน ในขั้นนี้ต้องใช้ e-mail จริงเพราะจะต้องมีการยืนยันการสมัครจาก e-mail ของคุณ และเลือกภาษาเป็น English เมื่อเสร็จแล้วคลิก Next

3. ในขั้นถัดมาเลือก Theme ที่เข้ากับ Template ของคุณ

ในขั้นนี้นอกจากเลือก theme แล้วคุณยังสามารถเปลี่ยน icon ของ Toolbar โดย upload จากเครื่องคอมพิวเตอร์ของคุณได้

4. ต่อไปเลือก Application ต่าง ๆ ที่ต้องการให้ปรากฎบน Toolbar นี้

ถ้าต้องการลบเครื่องมือใดออกไปก็เพียงคลิกที่ icon นั้นก็ถือเป็นการลบ Application นั้นออกจาก toolbar ทันที

เมื่อทำครบที่ต้องการแล้วให้กด Next

5. เมื่อคลิก Next จากขั้นที่ 4 แล้ว จะปรากฎกล่องข้อความเพื่อให้เราใส่ รหัส user name หรือ feed สำหรับ Application ที่เราได้เลือกไว้

ให้กรอกข้อมูลต่างๆ ลงไปให้ครบ แล้วคลิกปุ่ม Done

ตัวอย่าง  ถ้าต้องการให้ Toolbar นี้เชื่อมโยงกับหน้า Fanpageบน Facebook ผมก็คลิกที่ icon Facebook แล้วใส่รหัส Fanpage ของ facebookลงไปเป็นต้นรหัส fanpageบน  facebook

6. ขั้นต่อมาเลือกแหล่งการติดตั้ง ให้เลือกตัวเลือก Install on websites and other blog platforms              

จากนั้นคัดลอกโค้ดเพื่อนำไปติดตั้งบน blogger

7. การนำโค้ดมาติดตั้งบน blogger ทำได้ดังนี้

Login เข้าไปที่ blogger>>ไปที่แผงควบคุม >> รูปแบบ >> แก้ไข HTML>>ไม่ต้องขยายแม่แบบเครื่องมือ

ค้นหาโค้ด </body> แล้ววางโค้ดที่ได้เตรียมไว้จากขั้นที่ 6 ลงไปก่อนหน้าโค้ดดังกล่าว แล้วบันทึกแม่แบบ ก็จบขั้นตอนการติดตั้งครับ

ตัวอย่างโค้ด

ผลลัพธ์ที่ได้ จากโค้ดที่ใส่จะได้  ดังภาพ