♡ How2 ´ ॐ ธีม exteen แบบใช้โค้ด css [1]

25 ก.พ. 53 20:03 น. / ดู 9,257 ครั้ง / 146 ความเห็น / 6 ชอบจัง / แชร์


How2 ´  ॐ  ธีม exteen แบบใช้โค้ด css [1]

ฮาวทูนี้ อัยอึนทึก . รีเควสมาาาาแล้วก็มีหลายเสียงอยากให้สอน
เลยทำฮาวทูสอนซะเลย (: บอกไว้ก่อนว่าเป็นคนสอนอะไรไม่เป็น
มันเลยอาจจะงง ๆ ไปนิด . สงสัยอะไรหลังไมค์ได้นะคะ 

อย่าก๊อปปี้อย่าอย่านำออกไปแบบไร้เครดิต
. นะ! อย่าเลย!  เอาไปเผยแพร่ติดเครดิตลิ้งค์มาที่กระทู้นี้
หรือลิ้งค์ไปที่บล็อกจขกท. ก็ได้นะ  โอเค๊ ?
เครดิต :  QUIXOTICizm
ไปแวะทักทายกันที่บล๊อก iquixotic.exteen.com
* เปิดเข้ามากระทู้นี้น่ะ . เม้นต์ด้วยนะ T T พลีสสส~


ภาค 2 มาแล้วจ้ะ
♡ How2 ´ ॐ ธีม exteen แบบใช้โค้ด css [2]



1. ไปที่ Theme  > Theme


2. เลื่อนมาข้างล่าง เลือกธีมอันไหนก็ได้~ เดี๋ยวเราจะไปแก้เอาทีหลัง
คลิก copy to my slot



[https://upic.me/i/ot/sig03.jpg/img]

3. ไปที่ Widgets
* ตรงนี้เป็นเกี่ยวกับเมนูที่อยู่ส่วนต่าง ๆ




4. เลือก Widgets เสร็จ ไปที่ CSS editor
* ถ้าไม่อ่านดี ๆ สาบานว่างงสุดยอดเลยครับ
( เพราะจขกท. เขียนเองยังงงเอง 5555555 )



เปิดมาเจอโค้ดเป็นพรืดดดดด อย่า! อย่าเพิ่งมึนไป~

* ถ้าเกิดว่าจะเอาโค้ดธีมที่แจกมาลง ก็ลบโค้ดเก่าแล้ววางโค้ดลงไปเลย
* แต่ถ้าจะเริ่มทำเองทำใหม่ ก็แก้ทีละส่วน ๆ ค่ะ -_-;


โค้ดที่ควรจดจำ
background:#c7e1e9 url(urlรูปภาพ) repeat-x top left;
ใส่โค้ดสีเป็นแบ็คกราว
รูป bg . ถ้าเป็นรูปใสก็จะเห็นโค้ดสีที่ใส่ไปก่อนหน้าด้วย
Repeat-x ตั้งให้ภาพเรียงต่อซ้อนกัน ถ้าไม่ต้องการก็ให้ลบทิ้งหรือเปลี่ยนเป็น no-repeat
Top left เป็น การตั้งค่าว่าให้ภาพอยู่ที่ตำแหน่งไหนสามารถเปลี่ยนเป็น top/down/left/right ได้ตามต้องการ


text-align:left;      ตั้งว่าตัวหนังสือจะอยู่ด้านไหน ใช้ในการตั้ง ปกติจะเซทอยู่ด้านซ้ายมื
หากต้องการเปลี่ยนตำแหน่ง ให้เปลี่ยนจาก left เป็น Right = ขวามือ Center = ตรงกลาง

height:000px;      ตั้งค่าความกว้างสูง
width:000px;      ตั้งค่าความกว้าง
padding:32px 0px 0px 25px;       กำหนดช่องว่าง บน ล่าง ซ้าย ขวา ตามลำดับ
float:left;      กำหนดว่าให้ส่วนนี้อยู่ตำแหน่งไหน left = ซ้าย Right = ขวา Center = ตรงกลาง

border-right:1px solid #CCC;
ขนาดของเส้่น
รูปแบบของเส้น  ( Dotted = เป็นจุด , Dashed = เส้นปะ , Solid = เส้นเดี่ยว , Double = เส้นคู่
สีของเส้น


โค้ดที่ควรรู้จักไว้คร่าว ๆ น่าจะมีแค่นี้ก่อน (?)
ขาดเหลือไปรู้จักจากการปฏิบัติจริงเลยดีกว่านะ :') หึหึ .. .

รู้จักส่วนต่าง ๆ ของโค้ดก่อน
/* General */    คือทั้งหน้่าเลย ไม่รวมเเบล็คกราว
/* Header */    คือเฮด
/* Neck Menu */  คือแถบเมนูที่อยู่ข้างบน จะอยู่ใต้เฮด
/* Content */  คือส่วนเนื้อหา
/* Sidebars */  คือส่วนแถบเมนูด้านข้าง

/* Profile */  คือส่วนประวัติข้อมูลเรา ที่จะมาอวาต้า
/* Tags */  คือส่วน Tags
/* Comment Form */  คือส่วนของฟอร์มที่กรอกคอมเม้นท์
/* Comment (Showing Area) */  คือส่วนที่โชว์คอมเม้นท์ที่คนอื่นมาเม้นให้เรา
/* Leg Menu */  คือเมนูด้านล่าง
/* Footer */  คือส่วนที่แสดงพวก power by exteen blog ไรพวกนั้นแหละ
/*PNG support for IE*/ 


เริ่มจะรู้โค้ด Css ขึ้นจริง ๆ แล้วใช่มั้ยจ๊ะ ? =.,=
ต่อไปจะเป็นงานหนักเลยล่ะ!  ขอ 7 คอมเม้นต์จะมาสอนต่อ
( จริงๆ ยังเตรียมไม่เสร็จ 55555 . )
แก้ไขล่าสุด 25 ก.พ. 53 20:38 | เลขไอพี : ไม่แสดง

มุมสมาชิก กระทู้ล่าสุดโดย ก๊าซกรด.

แสดงกระทู้ล่าสุดโดยเปิด มุมสมาชิก และเลือกแสดงกระทู้ที่ตั้ง

อ่านต่อ คุณอาจจะสนใจเนื้อหาเหล่านี้ (ความคิดเห็นกระทู้ อยู่ด้านล่าง)

ความคิดเห็น

ขณะนี้แสดงแค่ 100 ความคิดเห็นล่าสุดเท่านั้น
คลิกที่นี่เพื่อดูความคิดเห็นทั้งหมด

#44 | iaM. | 5 มี.ค. 53 15:22 น.

ขอบคุณสวรรค์ที่ได้เจอกระทู้นี้ TT' ขอบคุณค่ะ

ไอพี: ไม่แสดง

#46 | ๒๖. (ไม่เป็นสมาชิก) | 10 มี.ค. 53 17:57 น.

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

ไอพี: ไม่แสดง

#47 | .ขมง | 10 มี.ค. 53 19:52 น.

จขกท.คือนางฟ้าตัวจริง

ถึงจขกท .จะบอกว่าตัวเองอธิบาย งง แต่ถ้าคนที่ต้องการทำจริงๆ

อธิบายแบบๆไหนก็จะพยายามค่ะ

สู้ๆ

ไอพี: ไม่แสดง

#48 | KP'||๒๙+๔๖ (ไม่เป็นสมาชิก) | 10 มี.ค. 53 22:38 น.

+ ขอบคุณมากจ้า
นอกเรื่อง :: ฟรอนท์ที่จขกท.พิมพ์เพิ่มเติมชื่อฟรอนท์อะไรหรอค่ะ ?

ไอพี: ไม่แสดง

#49 | kwankai | 10 มี.ค. 53 23:08 น.

ขอบคุณเน้อออ

ไอพี: ไม่แสดง

#50 | .เหมยลี่ของคุณลุง | 12 มี.ค. 53 16:51 น.

ขอบคุณขอบคุณณณณ ! 

ไอพี: ไม่แสดง

#51 | `.บีลีฟ|ยุนสิก้า'} (ไม่เป็นสมาชิก) | 20 มี.ค. 53 15:12 น.

ขอบคุณค่ะ เรางงมากๆเลยอ่ะ

ไอพี: ไม่แสดง

#52 | CS-PRI๛'ZEPP,.*ll | 22 มี.ค. 53 19:46 น.

ขอบคุณมากนะค่ะ ;DD

ไอพี: ไม่แสดง

#53 | `___อูยอง|หรเวชกุล> (ไม่เป็นสมาชิก) | 27 มี.ค. 53 05:36 น.

ขอบคุณครับ

ไอพี: ไม่แสดง

#54 | `kiitzkatz* | 3 เม.ย. 53 14:17 น.

ขอบคุณนะคะ
งมกับโค้ด css มานานมากก
มึน - -

ไอพี: ไม่แสดง

#55 | `.บีลีฟ|ยุนสิก้า'} (ไม่เป็นสมาชิก) | 6 เม.ย. 53 22:05 น.

เลิฟยูฟอเอเวอร์ ๕๕๕.
ขอบคุณจ้า 

ไอพี: ไม่แสดง

#56 | .eunhyukky|;ลีปัน (ไม่เป็นสมาชิก) | 9 เม.ย. 53 00:28 น.

ขอบคุณจ้า 

ไอพี: ไม่แสดง

#57 | rm'mylucky | 14 เม.ย. 53 20:53 น.

ขอบคุณมากค่ะ อ๊าคคคคค ;^^

ไอพี: ไม่แสดง

#58 | `pppgg | 17 เม.ย. 53 20:00 น.

ขอบคุณมากๆค่ะ  : )

ไอพี: ไม่แสดง

#59 | {B2ST}.อสูรคลั่ง | 18 เม.ย. 53 22:32 น.

ขอบคุณ จขกท มากๆค่ะ

ไอพี: ไม่แสดง

#60 | `ESHINe.holic? | 19 เม.ย. 53 14:00 น.

ที่แท้ก็มีสอนนี่เอง ว้าวว !

ไอพี: ไม่แสดง

#61 | ณัฐตระกูลโจ | 19 เม.ย. 53 22:57 น.

ขอบคุณค่ะ. บอกคำเดียวว่า งง 

ไอพี: ไม่แสดง

#62 | oOJ-pop_FRHOo | 19 เม.ย. 53 23:17 น.

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

ไอพี: ไม่แสดง

#63 | ๑๓llรักราชวงศ์ลิง (ไม่เป็นสมาชิก) | 20 เม.ย. 53 00:29 น.

ขอบคุณมากค่ะ เป็นประโยชน์มากจริงๆ
กำลังหาอยู่เลย 

ไอพี: ไม่แสดง

#64 | *nn | 20 เม.ย. 53 10:48 น.

ขอบคุณค่ะ  .

ไอพี: ไม่แสดง

#65 | '(โมมินเฮียปิ้นจ่า,) | 20 เม.ย. 53 11:08 น.

ขอบคุณนะคะ  

ไอพี: ไม่แสดง

#66 | DoRA_DoNGhO (ไม่เป็นสมาชิก) | 20 เม.ย. 53 11:31 น.

ขอขอบคุณอย่างแรงค่ะ

ไอพี: ไม่แสดง

#67 | ``ไลค์ซอบบีสท์. | 20 เม.ย. 53 20:19 น.

แปะๆ
ยากโคต*รอ่ะ T^T

ไอพี: ไม่แสดง

#68 | 950815|m' | 20 เม.ย. 53 21:34 น.

ขอบคุณมากนะจ้ะ
กำลังงงอย่างแรงกับบล็อค

ไอพี: ไม่แสดง

#69 | Black:zheep | 21 เม.ย. 53 13:40 น.

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

ไอพี: ไม่แสดง

#70 | `beamish. | 22 เม.ย. 53 17:36 น.

ขอบคุณขอบคุณ
ขอเรียนรู้ก่อน  5555 .

ไอพี: ไม่แสดง

#71 | amt.mm | 24 เม.ย. 53 21:06 น.

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

ไอพี: ไม่แสดง

#72 | `?-. | 24 เม.ย. 53 23:28 น.

ขอบคุณนะค่ะ ^ ^

ไอพี: ไม่แสดง

#73 | esophagus.* | 25 เม.ย. 53 15:08 น.

ขอบคุณมากจ้ะก้อย;
เห็นโค้ดแล้วมึนกันเลยทีเดียว = 0 =^

ไอพี: ไม่แสดง

#74 | `ชิคส์กาปู้ว.อุคริ | 25 เม.ย. 53 20:20 น.

ขอบคุณค่ะ : D

ไอพี: ไม่แสดง

#75 | คิมคีย์_91?-) | 26 เม.ย. 53 10:08 น.

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

><

ไอพี: ไม่แสดง

#76 | บิ๊กซี (ไม่เป็นสมาชิก) | 26 เม.ย. 53 23:23 น.

ไอพี: ไม่แสดง

#77 | [oPoR]เด็กพี่อึน89 | 27 เม.ย. 53 21:43 น.

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

ไอพี: ไม่แสดง

#78 | RYANHCR | 1 พ.ค. 53 11:41 น.

ขอบคุณมากเลยนะค่ะ

ไอพี: ไม่แสดง

#79 | teamvolturi* | 2 พ.ค. 53 17:48 น.

กรี๊ดดดดดดดดด
ขอบคุณค่ะ จะได้บรรลุซะที 55

ไอพี: ไม่แสดง

#80 | shixun. | 11 พ.ค. 53 02:11 น.

แปะแปะ .
ขอบคุณค่ะ

ไอพี: ไม่แสดง

#81 | +}_Yae|`น้องคุณดึ๋ย. (ไม่เป็นสมาชิก) | 12 พ.ค. 53 19:11 น.

แปะป้าบ !
ขอบคุณนะคะ : )

ไอพี: ไม่แสดง

#82 | (Amsecret+) | 17 พ.ค. 53 18:07 น.

ขอบคุณค่ะ แอบงงเล็กน้อย

ไอพี: ไม่แสดง

จขกท.เจ๋งมาก -..-
ขอแปะไว้ก่อนเลยๆ

ไอพี: ไม่แสดง

#84 | 13x129 (ไม่เป็นสมาชิก) | 18 พ.ค. 53 22:12 น.

ขอบคุณค่ะ
งงนิดๆ

ไอพี: ไม่แสดง

#85 | `ถ่าย.เดอะจิตทงเต (ไม่เป็นสมาชิก) | 18 พ.ค. 53 22:33 น.

thanks.

ไอพี: ไม่แสดง

#86 | with`KHR. | 20 พ.ค. 53 22:32 น.

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

ไอพี: ไม่แสดง

#87 | janjansii | 28 พ.ค. 53 19:10 น.

ขอบคุณนะคะ

ไอพี: ไม่แสดง

#88 | `(JK.|ฟีนฮีเหวี่ยง) (ไม่เป็นสมาชิก) | 6 มิ.ย. 53 13:16 น.

ขอบคุณก้อยมากเด้อ มีประโยชน์หลาย

ไอพี: ไม่แสดง

#89 | `{หื่นยั่ว;ทึกทึน.๑๓ (ไม่เป็นสมาชิก) | 14 ก.ค. 53 14:15 น.

ขอบคุณฮะ =[]=

ไอพี: ไม่แสดง

#90 | (งาดำ') | 21 ก.ค. 53 21:49 น.

• ขอบคุณครั

ไอพี: ไม่แสดง

#91 | `คนทางซ้าย | 21 ก.ค. 53 22:01 น.

ขอบคุณค่ะ 

ไอพี: ไม่แสดง

#92 | ``QuaiBr0y. | 3 ส.ค. 53 18:51 น.

แต๊งค์อะล็อท เจ้าค่ะ ><

ไอพี: ไม่แสดง

#93 | ยูสเนม? | 6 ส.ค. 53 13:45 น.

ขอบคุณนะคะ

ไอพี: ไม่แสดง

#94 | joong_hee_ri | 10 ส.ค. 53 18:29 น.

ขอบคุณที่สุด  เขา**มานาน T^T

ไอพี: ไม่แสดง

#95 | นุนิบุบิ | 23 ส.ค. 53 19:14 น.

ขอบคุณฮะ !

ไอพี: ไม่แสดง

#96 | KYNGSLAVE; | 9 ก.ย. 53 21:12 น.

(' ' ). ขอบคุณค่ะ > <

ไอพี: ไม่แสดง

#97 | #จ้า | 15 ก.ย. 53 14:37 น.

ขอบคุณนะคะ กำลังมึนๆอยู่เลยค่ะ TT'

ไอพี: ไม่แสดง

#98 | `JK.|ฅุณหณูเจ้าฆ่ะ.! (ไม่เป็นสมาชิก) | 18 ก.ย. 53 13:55 น.

ขอบคุณค่ะ .

ไอพี: ไม่แสดง

#99 | `2SKEABON`;* | 18 ก.ย. 53 14:15 น.

ขอบคุณมากๆฮะ^^

ไอพี: ไม่แสดง

#100 | tvxCinq | 18 ก.ย. 53 14:40 น.

' ขอบคุณค่ะ

ไอพี: ไม่แสดง

#101 | 'จียองยองยองหยอง. (ไม่เป็นสมาชิก) | 18 ก.ย. 53 14:40 น.

แปะคะ

ไอพี: ไม่แสดง

#102 | `ไฟว์ทงบังชินกิ. | 18 ก.ย. 53 15:17 น.

ขอบคุณครับ 

ไอพี: ไม่แสดง

#103 | Yeeun | 22 ก.ย. 53 21:48 น.

ไอพี: ไม่แสดง

#104 | `ซันนี่_:) (ไม่เป็นสมาชิก) | 5 ต.ค. 53 07:30 น.

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

ไอพี: ไม่แสดง

#105 | Yeeun | 5 ต.ค. 53 22:59 น.

 

ไอพี: ไม่แสดง

#106 | PepsiPum | 12 ต.ค. 53 11:50 น.

ขอบคุณจ้า  : D

ไอพี: ไม่แสดง

#107 | `bbjm|igot๗. | 12 ต.ค. 53 22:42 น.

ขอบคุณจ้า

ไอพี: ไม่แสดง

#108 | `-/LiTtl9BitC. | 5 พ.ย. 53 22:50 น.

แปะะะะะ 

ไอพี: ไม่แสดง

#109 | @Ice-Cream-Cake | 9 พ.ย. 53 17:29 น.

ขอบคุณครับ

ไอพี: ไม่แสดง

#110 | bbbban` | 15 พ.ย. 53 17:55 น.

แต๊งกิ้วว.

ไอพี: ไม่แสดง

#111 | jun_za (ไม่เป็นสมาชิก) | 2 ม.ค. 54 17:42 น.

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

ไอพี: ไม่แสดง

#112 | 'เด็กปาร์ค:}ติดปีก{{ | 29 ม.ค. 54 23:39 น.

ต๊งจ้าาา

ไอพี: ไม่แสดง

#113 | eqxurme | 30 ม.ค. 54 02:59 น.

กำลังมึนๆพอดี

ไอพี: ไม่แสดง

#114 | apred. | 25 ก.พ. 54 23:12 น.

แม้จะงงหน่อย แต่ขอขอบคุณมากค่ะ

ไอพี: ไม่แสดง

#115 | p14* | 16 มี.ค. 54 15:29 น.

ขอบคุณค๊า 

ไอพี: ไม่แสดง

#116 | groove. | 26 มี.ค. 54 16:19 น.

แปะ ๆ ขอบคุณ

ไอพี: ไม่แสดง

#118 | `.๕ยืมยิสคุณป้า? | 4 เม.ย. 54 18:54 น.

-ขอบคุณครับผม

ไอพี: ไม่แสดง

#119 | pacharamonyst | 4 เม.ย. 54 20:28 น.

ขอบคุณจ้าา <3

ไอพี: ไม่แสดง

#120 | .-Aciliqs. | 5 เม.ย. 54 09:17 น.

ขอบคุณมากจ้าา
รัก จขกท

ไอพี: ไม่แสดง

#121 | ๒m|l*.ปาร์ค!||+ | 18 เม.ย. 54 13:58 น.

ขบคุณมากค่ะ

ไอพี: ไม่แสดง

#122 | `21.Fetmd.+(?) | 22 เม.ย. 54 15:34 น.

ขอบคุณมากจ้า

ไอพี: ไม่แสดง

#123 | :฿alcoิnํyฯ | 4 พ.ค. 54 15:53 น.

แปะ .

ไอพี: ไม่แสดง

#124 | nqx` | 30 มิ.ย. 54 20:32 น.

ขอบคุณมากเลยนะคะ : )

ไอพี: ไม่แสดง

#125 | :ailada` | 14 ส.ค. 54 17:29 น.

ไอพี: ไม่แสดง

#126 | asdar. | 3 ก.ย. 54 22:33 น.

ไอพี: ไม่แสดง

#127 | -toneinheaven`` | 6 ต.ค. 54 16:30 น.

แปะ

ไอพี: ไม่แสดง

#128 | kbt. | 10 ต.ค. 54 17:55 น.

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

ไอพี: ไม่แสดง

#129 | chu.reen | 11 ต.ค. 54 17:04 น.

ขอแปะนะ

ไอพี: ไม่แสดง

#130 | Mei_xinxing | 15 ต.ค. 54 14:59 น.

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

ไอพี: ไม่แสดง

#131 | `รักแสงห้าคน | 20 ต.ค. 54 23:13 น.

ขอบคุณนะจขกท.
เว็บนี้มันไว้ให้คนเมพเล่นจริงๆ 555555555

ไอพี: ไม่แสดง

#132 | ฮิย้า.`ไก่เกรียน | 8 พ.ย. 54 15:08 น.

แปะๆ ขอบคุณค้าบ

ไอพี: ไม่แสดง

#133 | .iMA9iNEmm- | 1 ธ.ค. 54 17:56 น.

แปะ
มึนมากฮ้าบ TUT ไม่เคยงมโค้ดสำเร็จ
555555555

ไอพี: ไม่แสดง

#134 | `.PISMEe์} | 25 ธ.ค. 54 22:54 น.

ขอบคุณค่ะ แอบงง !!!! 5555555 ชอบชอบ

ไอพี: ไม่แสดง

#135 | .คะน้า` | 26 ก.พ. 55 13:42 น.

เคยทำเป็นจนลืมไปแล้ว 
ขอบคุณค่ะ . 

ไอพี: ไม่แสดง

#136 | mimie | 16 มี.ค. 55 17:13 น.

ขอบคุณคะ

ไอพี: ไม่แสดง

#137 | ``เด็กหนึ่งทับเก้า.- | 17 มี.ค. 55 20:12 น.

ขอบคุณครับ 

ไอพี: ไม่แสดง

#138 | HONEY. | 4 เม.ย. 55 13:21 น.

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

ไอพี: ไม่แสดง

#139 | :peachํ | 24 เม.ย. 55 11:04 น.

แต้งแท้เหลา

ไอพี: ไม่แสดง

#140 | shixun. | 7 พ.ค. 55 04:14 น.

ขอบคุณมากครับ

ไอพี: ไม่แสดง

#141 | LMGT* | 17 มิ.ย. 55 15:39 น.

ข อ บ คุ ณ ค้ า .

ไอพี: ไม่แสดง

#142 | .โนเนม/ | 29 มิ.ย. 55 20:12 น.

thnx mak ka 

ไอพี: ไม่แสดง

#143 | `.#สQ๊อยเgิ้ลร์[]-/ | 31 ก.ค. 55 17:56 น.

Thanks.  

ไอพี: ไม่แสดง

#144 | pjiyn_ | 24 ม.ค. 56 17:44 น.

ขอบคุณมากค่า หามานาน 

ไอพี: ไม่แสดง

#145 | `เฮอร์เซมอะเกิร์ล | 27 เม.ย. 56 10:04 น.

แปะนะคะ ขอบคุณมากเลยค่ะ 

ไอพี: ไม่แสดง

#146 | `ซิลเวอร์:32 | 23 มี.ค. 57 21:59 น.

ขอบคุณมากฮะ 

ไอพี: ไม่แสดง

แสดงความคิดเห็น

จะต้องเป็นสมาชิกจึงจะแสดงความคิดเห็นได้
เป็นสมาชิกอยู่แล้ว ลงชื่อเข้าใช้ระบบ
ยังไม่ได้เป็นสมาชิก สมัครสมาชิกใหม่
หรือจะลงชื่อเข้าใช้ระบบด้วย Google หรือ Facebook ก็ได้
ลงชื่อเข้าใช้ระบบด้วย Facebook
ลงชื่อเข้าใช้ระบบด้วย Google