ExteenTheme

How to: ใส่ Social Media Icon ให้บลอค

posted on 28 Mar 2012 16:19 by jennessa in ExteenTheme directory Tech, Knowledge
สวัสดีค่ะ ทุกคน (^^)
 
วันนี้เจนจะมาอธิบายการใส่ social media icon ให้บลอคค่ะ เหมือนตรงมุมบนซ้ายของบลอคเจน วิธีทำง่ายนิดเดียวค่ะ
 
1. เตรียมไอคอนที่เราต้องการใช้ก่อนค่ะ เจนดาวน์โหลดมาจาก webexpedition18 ค่ะ
 
 
2. จากนั้นไปที่ Manage -> Theme -> Widgets ค่ะ ลาก Custom Code ไปใส่ที่ sidebar ค่ะ
 
 
 
3. กดรูปดินสอที่ Custom Code. ใส่โค้ดข้างล่างลงไปค่ะ เปลี่ยนตรง "YOUR XXX URL" เป็น URL ที่เราต้องการลิ้งค์ไปค่ะ จากโค้ดข้างล่าง เจนใส่ 3 ไอคอนนะคะ Facebook, Flickr และ RSS ค่ะ (โค้ดเป็นรูปภาพนะคะ ต้องพิมพ์ตามเอาค่า เพราะว่าเจนใส่โค้ดในเอกซ์ทีนไม่ได้ค่ะ)
 
 
 
4. กดปุม Ok แล้วกด Save ค่ะ เราก็จะได้ social media icon อยู่บนบลอคดังรูปข้างล่างค่ะ เย้ ~
  
 
 
 
5.  ถ้าต้องการเปลี่ยนตำแหน่งของไอคอน ลองปรับตัวเลขตรง top หรือ left ดูค่ะ จะเป็นการเปลี่ยนตำแหน่งของไอคอนค่ะ หรือจะลองเพิ่ม right,bottom ไปก็ได้ค่ะ ลองเล่น ๆ ดูค่ะ ;)
 
-jennessa
หวัดดีค่ะ ทุกคน (^^)
 
วันนี้เป็นบันทึกแต่งบลอควันที่สองค่ะ สิ่งที่ทำเพิ่มวันนี้ คือ ใส่กรอบให้ sidebar ให้ดูเรียบร้อยขึ้น 55
 
 
 
จากนั้นก็เปลี่ยน font ให้หัวข้อโพสต์กับหัวข้อตรง sidebar ค่ะ เปลี่ยนเฉพาะ font ภาษาอังกฤษค่ะ font ภาษาไทยยังไม่รู้ว่าจะใช้อะไรดี อืม...
 
 
จะตีหนึ่งแล้ว ต้องไปนอนแล้ว คืนพรุ่งนี้มาแต่งบลอคต่อค่ะ สู้ต่อไป !
 
- jennessa
หวัดดีค่ะ ทุกคน (^_^)
 
ไม่ได้เขียน exteen blog มาหนึ่งปีเต็ม ๆ โอ้วววว กลับมาอีกทีมีอะไรใหม่ ๆ ให้เลือกใช้เยอะแยะเลย มี default theme ให้เลือกมากขึ้นด้วย มีโฆษณาแอบมาตรง sidebar ด้วย แต่ว่าเวบมาสเตอร์ก็อนุญาติให้เอาออกได้ถ้าต้องการ ขอบคุณมากค่า
 
เนื่องจากเวลาผ่านไปนานมาก เจนคิดว่าได้เวลาที่จะต้องบอกลา theme สีชมพูอันนี้แล้ว โอ้วววว T^T 
 
เจนอยากออกแบบ theme ใหม่ที่ดูอ่านง่าย สบายตา จะได้ฝึก css ไปด้วย ตอนนี้บลอคก็เลยกำลังอยู่ระหว่างการปรับปรุงครั้งยิ่งใหญ่ค่ะ
 
หลังจากนั่งปรับ ๆ แต่ง ๆ มาซักพักนึง หน้าตาบลอคก็เปลี่ยนไปอย่างที่เห็นค่ะ
 
 
ยังมีอะไรต้องปรับแต่งอีกเยอะแยะมากมายเลยค่ะ เริ่มสนุกแล้ว เย้ สู้ต่อไป !
 
รูปจาก:
 
- jennessa