Cách làm banner
Tuesday, 13. March 2007, 23:20:40
1. Chọn ảnh thích hợp cho banner.
Như banner trong blog này là kích cỡ 872x334 pixels. Banner của tôi xén 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
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:
#top2 {
height: 334px;
padding-left: 15px;
background: #2f569b
url(http://files.myopera.com/hoatrongvuon/hoclamblog/tubanner.jpg) top left repeat-x;
border-bottom: 1px solid #fff;
}
Bạn hãy kiểm tra lại banner 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 banner như ý nhé.
Như banner trong blog này là kích cỡ 872x334 pixels. Banner của tôi xén 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
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:
#top2 {
height: 334px;
padding-left: 15px;
background: #2f569b
url(http://files.myopera.com/hoatrongvuon/hoclamblog/tubanner.jpg) top left repeat-x;
border-bottom: 1px solid #fff;
}
Bạn hãy kiểm tra lại banner 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 banner như ý nhé.
WIDGETIZE
1 2 3 Next »
juanle # 31. March 2007, 09:54
.
Thanks Liên...
hoatrongvuon # 31. March 2007, 14:48
http://my.opera.com/danquynh/blog/show.dml/453865
Chỉ cần 10' thôi
Anonymous # 2. April 2007, 07:01
Chị ơi giúp em với! Em làm các bước giống như chị bảo nhưng mà cái banner nó vẫn không đổi gì cả?! không biết nó bị sai ở chỗ nào nữa. Em mới tập làm blog nên nhiều cái chưa biết, chị giúp em hen!(Em dùng theme mặc định số 2 của opera.)
thanks chị nhiều!
hoatrongvuon # 2. April 2007, 11:15
Hoanganh29 # 4. May 2007, 16:13
hoatrongvuon # 4. May 2007, 16:16
Cách hay nhất là em save as blog của ai đó em thích và copy user.CSS và đưa qua blog của em rồi chỉnh sửa lại là xong.
Rieng Mot Goc Troi # 5. May 2007, 12:18
thanks chị!
duckien # 5. May 2007, 16:13
anh chị design phải nói là số 1 ! ^^ rất đẹp !
hoatrongvuon # 5. May 2007, 16:14
double808dethuong # 13. May 2007, 14:58
#top {
font-size:11px;
width:799px!important;
height:287px;
margin:0 -10px;
text-align:left;
color:#fd0418;
background: #ffffff url(http://files.myopera.com/double808dethuong/trangtriblog/sea-pp.JPG) bottom center no-repeat;
}
#top2 {
height:109px;
padding-left:34px;/* chua chinh 520px/34px*/
}
#top2 {
height:109px;
padding-left:34px;/* chua chinh 520px/34px*/
}
#top h1 {
margin:0;
width:500px;
font-size:22px;
font-family:tahoma,arial,helvetica,sans-serif;
line-height:normal;
padding-top:120px;
}
hoatrongvuon # 17. May 2007, 08:42
double808dethuong # 17. May 2007, 15:30
Dangtrantueminh # 23. May 2007, 10:03
hoatrongvuon # 23. May 2007, 10:08
Anonymous # 29. May 2007, 08:29
Ban co' the cho minh xin line cua banner trang Web na`y dc ko ???
Neu dong y' gui cho mi`nh vo'i e-mail : thienchuong1993@yahoo.com.vn
hoatrongvuon # 29. May 2007, 09:28
hoangkhanh12a4 # 4. June 2007, 12:50
cám own chị trước nha !!! -=(-^>^- )=-
hoatrongvuon # 4. June 2007, 20:19
http://my.opera.com/hoatrongvuon/blog/thay-doi-kich-co-anh
links3 # 19. June 2007, 01:46
vanhkhuyen # 27. June 2007, 12:19
hoatrongvuon # 27. June 2007, 12:32
vanhkhuyen # 27. June 2007, 17:30
vanhkhuyen # 27. June 2007, 17:47
hoatrongvuon # 27. June 2007, 17:54
links3 # 27. June 2007, 18:58
hoatrongvuon # 27. June 2007, 19:06
links3 # 27. June 2007, 19:21
MyLena # 28. June 2007, 05:46
hoatrongvuon # 28. June 2007, 08:59
namkhanh_trinh # 28. June 2007, 09:59
Bạn hãy kiểm tra lại banner 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
Chị ơi cách đưa vào phần css như thế nào ạ? Em mở mãi bài hướng dẫn trên nhưng không được à. em vào change design rồi cope đoạn mã chị cho làm banner nhưng mà vẫn không được
hoatrongvuon # 28. June 2007, 10:01
http://my.opera.com/hoatrongvuon/blog/trang-tri-blog-nhanh
Cứ theo hình minh họa của chị là vào phần enter CSS thì em paste qua thôi.
vanhkhuyen # 28. June 2007, 12:56
Cái nữa, xén hình con làm banner và footer không đựoc vì không có hình nào được hết, nó bị mất đầu hoài hà. Bà có cái nào cho tui xin đi. Bà gắn vô cho tui luôn. Vẫn password cũ. Hoặc gửi cho tui ở chỗ nào cũng đựơc, rồi tui gắn há.
MyLena # 29. June 2007, 06:26
hoatrongvuon # 29. June 2007, 12:59
links3 # 29. June 2007, 14:35
hoatrongvuon # 29. June 2007, 14:40
links3 # 29. June 2007, 14:45
MyLena # 29. June 2007, 15:01
Have a nice weekend chị
cam111 # 1. July 2007, 11:04
LilKenChou # 12. July 2007, 09:51
hoatrongvuon # 12. July 2007, 10:21
muihech20042007 # 13. July 2007, 09:10
Em cảm ơn chị nhiều.
muihech WTT
hoatrongvuon # 13. July 2007, 12:17
#wrap1 {font-family:Arial, Helvetica, sans-serif !important;
}
#content {
font-family:Arial, Helvetica, sans-serif !important;
font-size:13px;
}
Nếu chưa biết đưa vào CSS chỗ nào thì xem bài này: http://my.opera.com/hoatrongvuon/blog/trang-tri-blog-nhanh
man_love221 # 16. July 2007, 07:32
hoatrongvuon # 16. July 2007, 10:56
man_love221 # 17. July 2007, 04:00
side:96*80px
bay jo e lam sao chi
have a nice day
e tram
MyLena # 24. July 2007, 00:36
Giờ banner chỉ là một màu đen thôi
Chị qua xem giúp em với nhé
Thanks chị
MyLena # 24. July 2007, 03:35
Em sắp crazy với nó, sáng giờ chưa làm được gì vì cứ loay hoay hòai :-((
Chị qua cứu em với
pandorar # 29. July 2007, 07:40
no3loveumu # 31. July 2007, 07:03