How to: ใส่ link ให้ logo ด้วย CSS

posted on 23 Mar 2013 13:25 by jennessa in ExteenTheme directory Tech
สวัสดีค่ะ ทุกคน ^^
 
เคยสังเกตป่าวคะว่า ปกติแล้วเวบส่วนใหญ๋ ตรงรูปโลโก้จะเป็น link ไปหน้า homepage อย่างเช่นที่ www.exteen.com เป็นต้น ตรงโลโก้ก็เป็น link ไปหน้า homepage เช่นกันค่ะ
 
มาดูที่บลอคของเรา โลโก้ในหน้าบลอคของเจนเนสซ่า ไม่ได้ link ไปที่หน้า homepage ของบลอคล่ะค่ะ ของทุกคนเป็นเหมือนกันป่าวคะ (o.o)?
 
เจนก็เลยหาวิธีทำให้ logo เป็น link ไปหน้า homepage วิธีทำง่ายมาก ทำตามขั้นตอนนี้ค่ะ
 
1. ไปที่ Manage -> Theme -> CSS Editor ค่ะ
 
2. หาคำว่า #header แล้วคอมเมนต์ตรง background ออกค่ะ ดูอันที่มี background url อยู่ค่ะ ให้คอมเมนต์ออก เดี๋ยวเราจะเอา background ไปใส่ตรงอื่นแทนค่ะ
 
 
3. มองลงมา จะเห็น #header h1 a ให้ก็อปปี้ background ที่เราคอมเมนต์ออกเมื่อกี้ มาใส่ตรงนี้แทนค่ะ background ก็คือรูปโลโก้นั่นเองค่ะ
 
 
4. ใส่ height กับ width ใน #header h1 a ตามความสูงและความกว้างของรูปโลโก้ค่ะ
 
 
5. ใส่ display: block; และเจนเนสซ่าปรับ margin-top เป็น 0 เพื่อให้รูปโลโก้ขยับขึ้นข้างบนนิดนึงค่ะ
 
 
6. อย่าลืม Save ค่ะ
 
เสร็จแล้วค่ะ เท่านี้ โลโก้ของบลอคก็จะ link ไปที่หน้า homepage ของบลอคเราค่า
 
มีคำถามสงสัยอะไรตรงไหน คอมเมนต์ไว้ได้ค่ะ 
 
 
ขอบคุณค่า
jennessa

Comment

Comment:

Tweet

Good Post........I really appreciate your writing and keep sharing your views

 

#18 By Latest Railway jobs 2016 (49.206.56.219) on 2016-03-30 13:29

I have visited this blog first time and i got a lot of informative data from here which is quiet helpful for me indeed........

#17 By johnvessy (49.206.39.15) on 2016-03-19 19:05

This is awesome blog with smart content, Nice to see your post. Thanks

#16 By Latest Railway jobs 2016 (49.206.39.15) on 2016-03-19 18:30

Result

#15 By jack (117.201.89.252) on 2016-02-22 18:41

Great Information in the post

 

#14 By egovtjobs (175.101.67.180) on 2016-02-03 15:03

โค้ดนี้เลยที่ตามหายุเนี่ยย

 

 

 

 

 

 

-------------------------------------------------------------------------

คาสิโนออนไลน์ / holiday palace / gclub

#13 By ku25312531 on 2015-10-06 18:57

ขอบคุณทริคเด็ดๆค่า ทำมาแบ่งปันเยอะๆนะคะ ให้กำลังใจ สู้ๆค่ะ
บาคาร่า
บาคาร่าออนไลน์

#12 By pimmy (183.89.85.237|183.89.85.237) on 2015-05-21 03:29

#11 By สติ๊กเกอร์ไลน์ (183.89.83.82|183.89.83.82) on 2014-11-28 10:49

เข้ามาเรียนรู้ บล็อกนี้ตั้งแต่แรก จนปรับแต่งหน้าตาบล้อกแล้ว แต่พอเข้าไปเปลี่ยนภาพพื้นหลัง widgets ข้างๆ ก็หายไปเลย ทำยังไงก็ไม่ยอมกลับมา ไม่ทราบว่าควรแก้ตรงไหนดี รบกวน คุณเจนเนสซ่าแนะนำด้วย

#10 By thonpai on 2013-11-22 21:10

ขอบคุณค่ะ

#9 By Tourist history on 2013-07-29 09:48

ชอบธีมเรียบๆแบบนี้มากๆเลยค่ะ ดูเหลี่ยมๆมีระเบียบ ขอนำโค้ดธีมไปใช้ได้ไหมคะ?? แล้วจะนำไปเปลี่ยนรูปเปลี่ยนสีทีหลังนะคะ ขอบคุณล่วงหน้ามากๆค่ะ  Hot! Hot! Hot!

#8 By Exteen Intersomnia on 2013-07-22 18:31

ต้องลองดูก่อน

#7 By et-ipsum-cursus on 2013-05-03 11:07

Hot! ว่างๆจะลองเปลี่ยนบล๊อคตัวเองดูอีกรอบ

#6 By misika on 2013-04-17 17:18

wink มีวิธีแบบนี้ด้วย ขอบคุณที่เอามาแบ่งปันค่ะ confused smile Hot!

#5 By ใบบัว on 2013-04-17 12:28

ปล. ชอบวิธีใส่ social media icon : D

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

เป็นบล็อคที่แจ๋วมากเบย
แบ่งปันเทคนิคให้บล็อกเกอร์คนอื่นทราบด้วย
Hot! Hot! Hot! Hot!

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

@cushyshop ขอบคุณค่า ได้ค่ะ surprised smile

#2 By เจนเนสซ่า on 2013-04-01 13:11

ชอบ theme มากเลยครับดูเรียบๆผมขอ css ได้ไหมครับ เด๊ยวไปเปลี่ยนพวกรูปเองครับ ขอบคุณครับ surprised smile surprised smile surprised smile

#1 By Cushyshop on 2013-03-31 20:36