Liên (Tú, Đăng's Mummy)

Cách làm footer

Wednesday, 14. March 2007, 19:35:59

1. Chọn ảnh thích hợp cho footer.

Như footer trong blog này là kích cỡ 812x393 pixels. Footer của tôi làm từ 1 background khác và xử lý bằng Photoshop.

2. Upload ảnh lên hosting của blog.

Các bạn bấm My Account- Files- chọn Upload new file và bấm Browse để chỉ đường link dẫn đến file ảnh, cuối cùng bấm Upload, hình của bạn sẽ được upload lên blog.

3. Tìm đường link của hình tới blog

Chọn Archive, trong mục Archive là toàn bộ các file của bạn. Bạn tìm đến file vừa upload lên kích phải chuột vào nó và chọn Properties, một cửa sổ pop up sẽ hiện ra và đường link Adress chính là đưòng link dẫn đến file hình làm banner của bạn. Nhớ copy nó để dùng cho đoạn code dưới đây nhé

Mời các bạn tham khảo bài trước tôi đã hướng dẫn nha:
http://my.opera.com/hoatrongvuon/blog/upload-hinh-vao-opera-va-lay-link-2

4. Đoạn code:

Khi đã có hình và đường link của hình trên blog, bạn sẽ cần đến đoạn code này:

#footer {

CLEAR: both;
max-width: 812px;
min-width: 739px;
MARGIN: 0px auto;
POSITION: relative;
TEXT-ALIGN: left;
height: 393px ;
background: url (http://img.photobucket.com/albums/v76/lienrom/hoafooter.jpg);
}

Bạn hãy kiểm tra lại footer của bạn có chiều cao bao nhiêu và đổi thông số, cùng lúc đưa đường link hình bạn đã upload lên host blog. Hãy đổi phần màu đỏ trong đoạn code trên nhé. Sau đó đưa vào phần css (xem bài hướng dẫn ở đây http://my.opera.com/hoatrongvuon/blog/hinh-nen-content) và bấm F5, banner của bạn đã được đổi rồi đấy.

Có thể các bạn chọn theme khác thì code nó sẽ khác 1 tí, nếu các bạn làm không được cứ thoải mái hỏi nha, Liên sẽ giúp trong khả năng của mình để bạn có được footer như ý nhé.

Slide.com và PicturetrailCách tìm code trong main css

Comments

snowmicky # 16. March 2007, 11:32

chị ơi hôm nọ em thấy chị có mấy flie flash (lá rơi) đẹp lắm nhưng em không bít cách add flie flash của em vào blog chị chỉ giùm em được không. chị post một bài hướng đãn rồi gửi qua Y!m của em nhé?. Y!m của em là:nghiangominh.
cám ơn chị nhé

cunquyen # 22. March 2007, 06:03

Chị ơi cứu em với , không hiểu sao cái footer của em không hiện ra
Em check đi check lại rùi mà không tìm được ra nguyên nhân tại sao
Đoạn code của em đây nè; chị xem hộ em với . Thanks a lot.

#footer {

CLEAR: both;
max-width: 812px;
min-width: 739px;
MARGIN: 0px auto;
POSITION: relative;
TEXT-ALIGN: left;
height: 335px ;
background: url (http://files.myopera.com/cunquyen/files/footer.jpg);
}

teletubies # 23. March 2007, 09:34

chị Liên ơi, sao em làm hoài mà footer ko hiện lên vậy? TRong main css của em hình như có 2 đoạn footer luôn thì phải. Chị xem dùm em nhé.

hoatrongvuon # 23. March 2007, 09:48

cunquyen: Chị check trên IE và FF thì footer của em rất đẹp rồi mà. Chị nhìn thấy em à. Vậy là yên tâm nhé.

teletubies: Em xem blog bằng gì vậy em, FF phải không vì trên IE cái blog của em nó ngang hết màn hình nhìn kỳ lắm. Phần footer em phải xóa bớt cái em copy về đi, còn giữ lại cái footer trong main css em là được. À hôm qua đi upload lịch của em mà nó bảo quá quote yousendit nó không cho.

teletubies # 23. March 2007, 10:27

đúng là em mở bằng FF đó chị. Em cũng thấy nó chạy ngang hết chứ ko có xuống dòng như của chị. Vậy phải làm sao? Lịch cho em, bữa nào em gọi chị trên ym nhe.

hoatrongvuon # 24. March 2007, 01:30

Chị nhìn lại thấy nó ok rồi em à.

danquynh # 16. April 2007, 23:50

Nếu chị thay height bằng padding-top thì dòng chữ "a proud member..." sẽ được đẩy xuống cuối trang, nhìn đẹp hơn nằm vắt vẻo phía trên footer như bây giờ

hoatrongvuon # 17. April 2007, 09:44

Yes mem, chị sẽ take note phần em chỉ nhưng chị thích để trên ấy em à.

Các bạn nếu đọc được phần comment của danquynh thích sửa thì sửa lại nhé.

vinhquang20 # 1. June 2007, 10:21

Em chao chi!!!
chi nco the dup em duoc khong?
em da lam y nhu cach chi bay roi,Tai sao cua em lai khong hien len a?
em copy code ben duoi de cgi sua dup em voi nhe?
cam on chi nhieu!!!

#footer {

CLEAR: both;
max-width: 812px;
min-width: 739px;
MARGIN: 0px auto;
POSITION: relative;
TEXT-ALIGN: left;
height: 393px ;
background: url (http://files.myopera.com/vinhquang20/files/1036-010-26-1069[1]87597.gif);
}

BinBeo # 2. June 2007, 11:33

Chị ơi, sao em đã làm theo đúng hướng dẫn rồi, nó cũng đã hiện lên một khoảng trống ở đó nhưng chẳng hiểu sao hình không lên chị à.

hoatrongvuon # 2. June 2007, 11:37

Các em hãy kiểm tra main.css của các em code là gì đi và thay vào, chứ theo bài của chị có khi sai chút đỉnh vì theme chị là theme cũ, bây giờ Opera nâng cấp theme rồi.

BinBeo # 2. June 2007, 16:33

Hix, kiểm tra cái đó là cái j hả chị, em mù tịt. Liệu chị có thể post lên một hướng dẫn làm footer mới phù hợp với theme mới đc không hả chị?
Mới cả em thấy banner vẫn nhận đc cơ mà, cớ j mà footer lại không đc, chắc tại em sai cái j đó.

BinBeo # 3. June 2007, 04:56

Hix, em thử đi thử lại mà nó vẫn thế chị à, chẳng lên hình j cả, cứ trắng tinh thôi. Chị có thể viết cách làm footer theo theme mới đc không hả chị ???

xuongrongden # 8. June 2007, 07:47

chị liên ơi, em cám ơn chị nhiều lắm, nhờ chị mà chỉ trong thời gian ngắn mà em đã làm được một cái blog rồi. àh, mà em có một câu muốn hỏi chị: em dùng themes mới của opera, khi em vào coi main css của nó, lại thấy nó tách ra làm thành 3 cái main css là main colour, main structure và main. em chả biết nên sửa cái nào cả chị ơi, vì trong main.css của em có mỗi 1 dòng footer àh
#footer {
WIDTH: 890px
}
buồn dễ sợ lun vậy đó chị. chị giúp em thử đi nha, em cám ơn chị nhiều nhiều

quangtrungprovn # 11. July 2007, 05:55

chào chị,em cũng đã thử làm như bạn "vinhquang20" rùi mà cũng không được theme của em cũng là them mới,chật khổ thật.

halongphuong # 16. July 2007, 10:39

chị ơi dạy cho em cách kiểm tra thông số của footer với chị, em hỏng biết kiểm tra va thay đổi như thế nào hết, em đổi footer thi cái hình của em no nằm 1 cục o ngay giữa hà. Cám ơn chi nhiều !

2thangcu # 23. October 2007, 17:27

Chị Liên ơi giúp em với, chẳng biết em bị mắc lỗi gì khi thiết kế blog mà bây giờ cái font chữ của em không đọc được. Chị có biết tại sao không ?? hepl me, hepl me hu hu

hoatrongvuon # 23. October 2007, 19:27

Em đưa phần này vào CSS thử nha:
#wrap1 {
font-family:Arial, Helvetica, sans-serif !important;
}
#content {
font-family:Arial, Helvetica, sans-serif !important;
font-size:13px;
}

2thangcu # 24. October 2007, 01:06

Hình như blog của em sợ uy chị thì phải, mới hỏi chị lúc tối thì sáng mở ra đã thấy chị comment và câu chữ lại đây vào đó rồi, nhưng em vẫn chép cái này vào CSS để lỡ lần sau nó dở chứng ... Cảm ơn chị nhiều nhiều

12b1 # 15. November 2007, 12:43

chi oi giup em vóiao em muon lam fooret nhung khong duoc chi oi giup em voi
cam on chi truoc nghe
chi thu xem co ji sai sot khong chi giup em
#footer {

CLEAR: both;
max-width: 812px;
min-width: 739px;
MARGIN: 0px auto;
POSITION: relative;
TEXT-ALIGN: left;
height: 393px ;
background: url (http://files.myopera.com/12b1/blog/1b1.jpg );
}

12b1 # 15. November 2007, 12:59

giup em nge chi

12b1 # 15. November 2007, 13:02

giup em lan phan giong nhu "phan hoc lam blog "cua chico phan 1
2
3
.....
em giot lam chi giup em nghe
cam on chi truoc

Ngalinh # 18. November 2007, 21:58

Chị Liên ơi ! em là lính mới đang loạng quạng trong opera thì gặp Blog của Chị nên vào ghé thăm Chị luôn . Chị giỏi thật đấy Chị đã hướng dẫn cụ thể để cho mọi người cùng làm Blog để chia sẻ .Em cũng đang vào học hỏi Chị và tập làm Blog đây có gì Chị chỉ bảo em với nhé ! Em cám ơn Chị nhiều

[kkuu][ppinn] # 6. January 2008, 04:15

chi oi!! giup em voi!! gio e muon lay hinh trong may de lam footer thi dung code na`o

hoatrongvuon # 6. January 2008, 09:45

Code trong bai huong dan phia tren em a.

[kkuu][ppinn] # 7. January 2008, 14:42

e chang lam dc!! i' e la` lay hi`nh trong ma'y chu hok fai hin`h tren web, co doan code na`o khac hok chj? chj~ e zoi!!!!!

hoatrongvuon # 7. January 2008, 22:47

Thì upload hình vô Opera và lấy link rồi add vào code mà làm thôi em à.

TL2457 # 15. February 2008, 04:04

hix cháu làm hoài mà hem được cô ơi
à tiện thể cho cháu hỏi làm sao để có thể viết tiếng việt được trong blog vậy cô
cám ơn cô trước

£€j£a # 24. February 2008, 14:47

Hiz, chị Liên ơi........help em với.
Em chả bik mô tê rì về blog cũng như là css cái gì gì đó. Chị Liên làm ơn chỉ em cái chỗ css được hông?

hoatrongvuon # 24. February 2008, 23:11

Em vào link
http://my.opera.com/hoatrongvuon/blog/trang-tri-blog-nhanh
để xem CSS nhé.

oneheart # 20. May 2008, 08:00

day la doan footer cua em .. chi xem dung ko hen ^^ thanks !!!
#footer {

CLEAR: both;
max-width: 812px;
min-width: 739px;
MARGIN: 0px auto;
POSITION: relative;
TEXT-ALIGN: left;
height: 393px ;
background: url (http://i162.photobucket.com/albums/t260/oneheart07/CELINE20BANNER/256B-1-1.jpg);
}

hoatrongvuon # 20. May 2008, 09:38

Hình em delete mất rồi phải không? Có thấy hình hiếc gì đâu.

nmkl # 22. May 2008, 15:28

chị Liên ơi, kiểm tra code của css ở chỗ nào? Em mò hoài không thấy?

hoatrongvuon # 22. May 2008, 16:35

Coi chỗ này đi em
http://my.opera.com/hoatrongvuon/blog/hinh-nen-content

nmkl # 23. May 2008, 01:42

Em thấy chỗ Enter CSS rồi và paste nguyên đoạn code làm footer của chị nhưng vẫn không thấy hình trong blog. Ở trên thấy chị nói có thể là code khác mà em không biết lấy code nào nên mới hỏi chị cách kiểm tra code gì đó. Mà các đoạn code mình cứ paste liên tục nhau trong CSS vậy hả chị? Chị hướng dẫn tiếp giùm em nhé. Cám ơn chị

TanAn12A4 # 25. June 2008, 01:31

Chị ơi, nói rõ cho em chỗ chèn code CSS đi. Sao em chèn hoài mà không được? Có cấn @import gì không?

À, trong 3 radio button bên trên Save chọn cái nào vậy chị?
Chị chỉ rõ cho em chỗ này để em biết lảm thêm....
Thanks !

oneheart07 # 14. July 2008, 10:50

em cung làm y chang như huớng dẫn...nhưng nó ko hiện ra cái footer ..em đã F5 nhiều lần rùi...mong chị giúp đỡ..thanks chị nhiều lắm...
đây là blog của em..em mới bắt đầu làm à..
http://my.opera.com/oneheart07/blog/

CLEAR: both;
max-width: 812px;
min-width: 739px;
MARGIN: 0px auto;
POSITION: relative;
TEXT-ALIGN: left;
height: 393px ;
background: url (http://files.myopera.com/oneheart07/nguyenchi/72.jpg);
}

hoatrongvuon # 14. July 2008, 13:25

Chị nhìn thấy em bỏ vào folder nguyenchi, có lẽ vì thế nó không hiện ra, em hãy bỏ file 72 vào thẳng không qua folder nào nó sẽ hiện ra đó.

oneheart07 # 18. July 2008, 13:15

sao cũng vậy à chị ơi !! :cry::cry::cry::cry::cry::cry::cry:

hoatrongvuon # 18. July 2008, 14:59

Em phải làm sai chỗ nào rồi

manhdoan # 10. August 2008, 16:40

hjc hjc chị ơi, giờ em làm theo chị sửa css nó tùm lum hết lên rùi em phải làm jì nó trở lại bình thường để em lại sửa được css vậy chj hu hu

ngoisaonho022 # 4. September 2008, 07:14

chị ơi, cho em hỏi làm sao tạo đựoc chữ nằm lồng vào hình nền luôn vay chị, em tạo cai background mà bị đè mất hêt bời chữ rùi

Socconhonganh # 16. September 2008, 07:59

Chị ơi, em làm theo chị hướng dẫn nhưng banner thì được mà sao footer lại không được hả chị? Dạo qua nghía hộ em nhé. Thanks chị

qmlovesu # 11. June 2009, 06:52

làm hình nền cho bài viết sao hả cô.

nguyenhoa2007 # 26. July 2009, 10:04

Em ơi cho chị hỏi nhé. Với chiều cao hình của mình chỉnh chị hiểu rồi, còn chiều rộng hình của chị là 946. Nhưng chị chưa hiểu 2 kích thước max thì chị làm giống em là thay 946 vào. Còn cái min thì chị nên điền bao nhiêu? Để nguyên 739 hay làm thế nào? Chị suy diễn là min kém mác 5 nên chị tự điền min của chị là 941.
max-width: 812px;
min-width: 739px;
Của chị là max - width: 946
min - width: 841

BepNha # 29. October 2009, 23:07

Cho em hỏi 2 câu trong phần này nha:

1."Footer" là gì vậy chị Liên? Có phải là hình nền cho blog không?

2. Em cứ nghe chị đề cập vào Archive có toàn bộ hồ sơ trong blog nhưng khi em bấm vào Archive của em chỉ có 1 danh sách ngày nào mình post món gì .... vậy thôi, không có gì khác cả.

Nếu được chị giải thích giùm em nha. Cám ơn chị Liên nhiều nhiều

hoatrongvuon # 30. October 2009, 14:11

Footer là cái hình cuối cùng của trang blog chị đó em

http://www.pennyparker12.com/nature23.jpg

Cái Archive em đòi nó là cái gì nữa hả em?

BepNha # 30. October 2009, 15:55

Trong Archive của em chỉ duyệt danh sách các món ăn đăng ngày nào thôi. Chẳng hạn như:

"October 2009
29th Bò Cuốn Lá Lốt
29th Mắm Tép Chua "

Em hỏi là vì chị có đề cập là trong Archive sẽ có "toàn bộ LINKS" của các files trong blog nhưng của em không có.

hoatrongvuon # 30. October 2009, 18:30

À cái này là hướng dẫn cũ em à, và khác hoàn toàn bây giờ.