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

Comment

Comment:

Tweet

มีประโยชน์มากๆเลยครับ...Hot!
Hot! Hot! Hot! Hot!

#34 By RUSH HOUR™ on 2013-04-16 17:18

ขอบคุณมากๆค่ะพี่เจน >< ได้พี่ช่วยไว้แท้ๆเลย 

#33 By Nuyai on 2013-03-07 16:10

@nuyai59 ส่งโค้ดที่หนูพิมพ์มาให้พี่ดูหน่อยจ้า ส่งมาทาง ems ก็ได้จ้ะ

#32 By เจนเนสซ่า on 2013-03-07 07:12

พี่เจนค่ะ.....หนูพิมพ์ตามแล้วแต่มันไม่ได้ Y^Y ไม่รู้ทำไม รูปมันขึ้นเป็นไฟล์เสีย แล้วพอคลิกไฟล์เสียเข้าไปก็เข้าไปที่ลิ้งไม่ได้ด้วย

#31 By Nuyai on 2013-03-05 07:44

ว้าวว!! เจ๋งมากๆเลย Hot!

#30 By GIFGIF on 2012-11-08 20:23

มันไม่ขึ้นภาพอะครับHot! Hot! Hot! Hot! Hot!
ต้องรอรึเปล่าembarrassed

#29 By Nitith28154 on 2012-10-24 19:47

เพิ่งสมัครบลอคนี้ ได้ความมากเลยค่ะsurprised smile เพิ่งสมัครบลอคนี้ ได้ความมากเลยค่ะ

#28 By sister"M" on 2012-08-17 23:37

อ๋อค่ะ ^ ^

#27 By Los ángeles ♥ on 2012-05-13 11:32

@yakumoscarlet โค้ดเป็นรูปภาพค่ะ ต้องพิมพ์เอาค่า

#26 By เจนเนสซ่า on 2012-05-13 11:30

ก็อปโค้ดไม่ได้ค่ะ

#25 By Los ángeles ♥ on 2012-05-13 10:43

ดีมากๆเลยค่ะ ; v ; ขอบคุณพี่มากเลย
เค้าหาวิธีทำตั้งนาน พึ่งจะมาเจอ TwT

Hot! Hot! Hot! Hot!

#24 By grail-sama on 2012-05-06 09:57

Hot! Hot! Hot! Hot! big smile

#23 By toneinheaven on 2012-05-06 08:21

ขอบคุณคับ confused smile

#22 By on 2012-05-01 11:49

งั้นก็ไม่เป็นไรค่ะ ^^; ขอบคุณมากนะคะ

#21 By Kirasagi Nene on 2012-04-27 10:35

โค้ดจริง ๆ แล้วเป็นรูปภาพน่ะค่ะ เพราะว่า exteen ไม่ให้ใส่โค้ดในเอนทรีอะค่ะ ต้องพิมพ์ตามเอาค่ะ ขอโทษด้วยค่า sad smile

#20 By เจนเนสซ่า on 2012-04-26 20:47

ก็อบโค้ดไม่ได้ค่ะorz รบกวนช่วยแก้ด้วยนะคะ อยากได้ไปใช้มากเลยT^Tขอบคุณล่วงหน้าค่ะ

#19 By Kirasagi Nene on 2012-04-26 18:46

ถ้าดูไม่ผิด เราก๊อปโค๊ดไม่ได้อ่าค่ะ T^T
แต่ยังไงก็ขอบคุณล่วงหน้าจ้า

#18 By ☻MAY☺ on 2012-04-22 21:34

อ๋าาา ขอบคุณมากๆเลยค่า น่ารักที่สุดเลย ♥big smile

#17 By VERORY on 2012-04-22 13:10

แง แง แง ทำไมมันไม่ติดอะคะ TT

#16 By Runako@JISAME. on 2012-04-22 12:33


เจ๋งงง

#15 By เพียงแผ่ว on 2012-04-22 09:12

ขอบคุณมากค่ะ มีประโยชน์มากทีเดียว Blog นี้ ช่วยหลายเรื่องแล้ว cry

#14 By tarsmile on 2012-04-20 17:03

ขอบคุณมากค่ะ

#13 By hot-oil on 2012-04-09 13:44

น่ารักมากเลย ขอบคุณนะจ๊ะ~ Hot!

#12 By iLollipoppO on 2012-03-29 23:27

ขอบคุณมากค่ะ ชอบมากเลยไม่เคยรู้มาก่อนว่าทำยังไงbig smile

#11 By y.Lokiz on 2012-03-29 15:55

เดี๋ยวจะลองเอาไปทำบ้างนะครับขอบคุณมากเลย >O<

#10 By MOONLIGHTY on 2012-03-29 13:28

ขอบคุณสำหรับ ฮาวทู มากๆค่ะ มีประโยชน์มาก
ชอบบล๊อคของพี่เจนมากๆ
มีอะไรดีๆมาอัพตลอดเลยcry
Hot! Hot! Hot!

#9 By Amadon on 2012-03-29 10:35

ขอบคุณคุณ jennessa มากค่ะ กลับมาอัพบล็อกอีก มีอะไรดีๆ ตลอด
แต่ถ้าไม่เป็นการรบกวน อยากให้ใส่ไดเรคทอรี่ Tech ด้วยอีกอย่างค่ะ
เพราะเรื่องการแต่งบล็อก ทำ css อะไรพวกนี้ จะได้ไปอยู่ Editors' Picks หมวดเดียวกัน

Hot! Hot! confused smile

#8 By เมพหมี shakri on 2012-03-29 10:21

อยากได้มาติดตั้งนานแล้ว ขอบคุณมากเลยค่ะ > w <

ได้จากบล็อกนี้หลายอย่างแล้วนะเนี่ย Hot!

#7 By HASE on 2012-03-28 22:20

ขอบคุณครับ ไว้จะลองเอาไปใช้ครับผมconfused smile Hot! Hot!

#6 By Born to be bear on 2012-03-28 22:04

เริ่ดHot!

#5 By มาย on 2012-03-28 21:39

#4 By hy92h on 2012-03-28 21:04

เยี่ยมไปเลย

#3 By K ToKa on 2012-03-28 19:57

โอ๊ะ สุดยอดเลย ขอบคุณที่แนะนำกันนะคะ >w<

#2 By Saru-kumi on 2012-03-28 19:16

น่ารักมาก ๆ เลยค่ะ ^^
จะลองไปนำปรับใช้ดูนะคะ
ขอบคุณมากค่า ~ Hot!

#1 By SchoneTier on 2012-03-28 18:23