Thủy Hiền

Trang trí bài viết của Blog Opera theo chủ đề

Thursday, 12. October 2006, 09:32:29

Thay đổi giao diện Blog Opera

Hôm nọ tình cờ view source Blog của Quang Hiếu, tôi... phát hiện ra cách trang trí từng bài viết theo chủ đề

Bài viết này của tôi là một ví dụ

Để làm được như vậy, bạn cần biết một chút HTML

Bạn có thể tham khảo tại W3Schools hoặc trang học HTML ở phần kinh nghiệm hay của tôi

Bạn cần tạo một thẻ table và chọn hình nền làm background cho thẻ này. Phần nội dung của bài viết nằm hoàn toàn trong thẻ table. Nếu bạn chưa biết tạo table thì bạn có thể tham khảo tại bài Thay đổi source code của webset dùng tables do tôi tự viết

Hoặc bạn có thể trang trí và viết bài bằng FrontPage rồi copy phần HTML code vào khung soạn thảo của Opera (tôi chưa thử nhưng nghĩ chắc cũng được

) Nói chung bạn phải paste phần mã HTML vào trong table, chứ không phải là văn bản soạn thảo thông thường.

Trường hợp bạn không biết HTML hay FrontPage, bạn có thể vào Blog của Quang Tú để xem hướng dẫn cách tạo skin cho từng post bằng một chương trình được thiết kế riêng. Có rất nhiều mẫu cho bạn lựa chọn. Tuy nhiên, lưu ý, bạn vẫn phải dùng một số code HTML đơn giản để soạn thảo bài viết của mình trước khi paste vào những skin được thiết kế sẵn.

Chúc bạn thành công!

Cháo gàĐừng hỏi Tổ quốc đã làm gì cho ta...

Comments

1 2 3 Next »

khanhquang # 13. October 2006, 12:51

Chào chị Lu,

bài viết của chị thật hữu ích. Thanks chị.
Chúc chị cuối tuần thật vui bên những người thân yêu.

Tự bản thân mình, xét thấy em còn nợ chị 1 (có thể là nhiều hơn

) comments trong phần "cuộc phỏng vấn khách đến thăm". Chỉ mong là vẫn còn phần cho em.

À, xíu nữa em quên mất, xin chúc mừng cô công chúa nhỏ chị nhé. Lúc nào chị cũng bảo rằng con gái sẽ khổ, tuy nhiên chị có đồng ý với em là con gái rất dễ thương và đáng yêu không nào!

mattrangxanh # 14. October 2006, 02:49

Chị Hiền post bài đều đặn ghê. Mỗi ngày lại thấy tìm tòi được cái mới. Công nhận là Blog bên Opera này nhiều cái hay ho hơn bên Yahoo, phong phú, đa dạng về phong cách. Chị sắp sinh em bé chưa? Lâu lâu, chẳng thấy ghé vào blog của em để comment cho xôm tụ gì cả.

danquynh # 14. October 2006, 06:37

Em Vịt ơi

Em làm chị mắc cỡ quá

Thăm blog của em từ khi chưa biết em, nhưng mà chưa bao giờ comment cả

Cứ mê mải, một hồi thấy trễ quá lật đật log out

Thật ra, chị cũng có view source để xem cái search engine của em, nhưng test hoài không được. Bây giờ Opera có công cụ đó rồi nên... nhụt chí tìm tòi luôn

Cám ơn em đã chúc mừng, nhưng chị vẫn sợ con gái khổ nên... ghen tị với em lắm lắm

Cái table này chị phải test rồi mới dám post. Nhưng bây giờ cũng vẫn còn mấy cái post edit không được, như post "Mẹ có thương con không?" Sao border chẳng hiển thị gì hết

Ai biết tại sao chỉ giúp nha

Em Hằng à, cả tuần mới post có 2 bài mà đều đặn gì em. Chị cũng có thăm blog của em, nhưng thật ra, phải có "tâm trạng" thì mới comment được

Chờ nhé

sotruotqua # 14. October 2006, 11:56

Chị Lu ơi, ghen tị với chị quá

!!! Chị thật là ham hiểu biết. Nhờ chị mà em học được nhiều điều

danquynh # 14. October 2006, 23:57

hehehe... chị toàn ham học mấy thứ để phục vụ giải trí không hà

sotruotqua # 15. October 2006, 12:49

Chị Lu ui, bài viết của Quang Tú em ko đọc được font

. Làm sao giờ chị??? Hay chị dịch em phát nhé

sotruotqua # 15. October 2006, 12:52

Chị ơi, Bài Thay đổi saurce code... của chị bị hỏng rồi. Em ko xem được

danquynh # 15. October 2006, 13:23

Trích từ Blog của Quang Tú

Tạo SKINMSG cho bài viết trên Opera

1) Dùng IE (6 trở lên) để truy cập vào trang http://atlantisboy.hostrocket.com/skinmsg/

Trang này sẽ tự động nạp các dữ liệu cần thiết vào các mục "Dịch vụ Blog", "Các site skin"...

2) Paste bài viết ở dạng mã HTML của bạn vào trường "Your HTML Code"

3) Ở phần Dịch vụ Blog, bạn chọn "OPERA"

3) Trong mục "Các site skin", bạn chọn "Atlantisboy_Hostrocket" hoặc những site skin khác, những skin hiện có trên host này sẽ hiện ra tất cả trong "Danh sách skin"

4) Chọn skin để xem mẫu.

5) Nếu skin đã load thành công, trang web sẽ thông báo "Click nut tao ma HTML de xem ket qua".

6) Click nút "Tạo mã HTML", một cửa sổ sẽ bung ra, trong đó có chứa PREVIEW và đoạn code HTML.

7) Copy đoạn code HTML đó, paste vào Opera Editor. Bạn có thể trang trí thêm nếu bạn hiểu mã HTML.

Ps. Nếu ai coi không được thì dùng menu Tools/ Internet Options/ Accessibility rồi check vào "ignore font styles specified on Web pages" nhé

Bài thay đổi source code không hỏng, nhưng tại link chị viết sai

Bây giờ thì ok gà đen rồi

Good luck

Anonymous # 16. October 2006, 00:37

Me Tý TK writes:

Bà chị định đổi nghề hay sao mà nghiên cứu mấy cái vụ này nhiều dzậy.

LTKO # 16. October 2006, 03:05

Lu ơi, Lu đã test thử phần này chưa? Sao mình làm mãi mà ko được. Mình đã copy đoạn code HTML từ FP rồi mà ko có được. Ko hiểu mình bị lỗi ở đâu nữa? Help me, pls!

"Hoặc bạn có thể trang trí và viết bài bằng FrontPage rồi copy phần HTML code vào khung soạn thảo của Opera (tôi chưa thử nhưng nghĩ chắc cũng được ) Nói chung bạn phải paste phần mã HTML vào trong table, chứ không phải là văn bản soạn thảo thông thường."

(He he, Comment đầu tiên là nhờ vả nhỉ, tệ quá!)

danquynh # 16. October 2006, 04:39

Mẹ Tý ơi, không tính đổi nghề, vì biết là không cạnh tranh nổi với tụi trẻ bây giờ. Nhưng muốn làm cho blog độc đáo nên mới tranh thủ tí

Nếu không có mấy bài hướng dẫn này, thì chẳng biết viết cái gì

và chắc cũng chẳng ai vô đọc blog của chị cả

Bibi à, test rồi, cái post "Mẹ thương con không?" làm bằng FrontPage, nhưng viết code, rồi view bằng FP (vì không biết xài mấy cái lệnh trong đó, học lại phiền phức quá

), sau đó copy phần HTML code vào khung soạn thảo đó

Thử lại nhé!! Good luck!!

sotruotqua # 16. October 2006, 12:18

Chị ơi, em đã add được code skin mới cho từng bài post rùi. Nhưng khi post bài thì chữ nó nằm dưới cái skin đó

. Em làm sai cái gì à? Vậy phải post bài ở đâu, ở giữa các dòng code hả chị???

danquynh # 16. October 2006, 13:04

Nếu em vào Blog của Quang Tú và chọn skin thì em sẽ có đoạn mã HTML để tạo tables như sau:


<table border="" width="" cellspacing="" cellpadding=""
>
<tr>
<td background="">
<img src="" border="" width="" height="">
</td>
</tr>
<tr>
<td  background="">
<div align="">
<font face="" size="" color="">

NỘI DUNG CỦA POST GHI Ở ĐÂY

</font>
</div>
</td>
</tr>
<tr>
<td background="">
<img src="" border="" width="" height="">
</td>
</tr>
</table>

Phần nội dung em phải viết ở phần chị viết thêm vào bằng chữ in. Tất cả những thông số em có thể thay đổi tùy theo ý mình, nhưng là mã HTML chứ không phải CSS nhé

Trừ những đoạn mã bắt đầu bằng "style" (custom style sheet)

Nếu em tự viết tables thì cũng tương tự, nội dung phải ghi trong cặp thẻ tables

quanghieu # 18. October 2006, 11:42

Blog đẹp quá, chúc chị những gì tốt lành.

danquynh # 20. October 2006, 12:20

Welcome quanghieu và cám ơn lời chúc của em

Mong em sẽ lại ghé thăm

n2hung # 21. October 2006, 11:59

Hồi trước vào blog anh Quang HIếu em cũng bắt chước làm trò này_mà còn định mỗi bài post một flash mà chậm blog lắm ah:D

danquynh # 22. October 2006, 00:03

hìhì... đó là lý do tại sao chị chỉ để có 1 post/ page

Anonymous # 8. November 2006, 07:58

Anonymous writes:

thử xem viết blog

nguyenanhduong # 30. November 2006, 09:58

Chị Lu ơi
Nhờ các bài giảng của chị mà em đã tạo được 1 blog cho con gái của em chị ạ,em cảm ơn chị nhiều nhiều...Chị ơi, chị cho em hỏi làm cách nào để post 1 bài/trang à chị, em tìm các bài của chị mà ko thấy?

danquynh # 30. November 2006, 10:13

Welcome mẹ Ánh Dương nhé. Chị đã ghé qua blog của Ánh Dương rồi, đẹp quá

Mẹ chịu khó ghê

Em muốn mỗi trang chỉ có 1 bài thì vô Preference/Blog Settings, ngay dưới phần Description là "number of posts per page", em chỉnh sửa lại theo ý muốn nhé. Good luck!

nguyenanhduong # 30. November 2006, 10:43

Em cảm ơn chị nhiều nhé!(chị ơi, cái phần của chị mà ai kiên nhẫn thì vào đọc mà em chưa đọc hết chị ạ (vì tính em ko kiên nhẫn

) Em sẽ chịu khó vào đọc dần dần vậy

Anonymous # 9. December 2006, 01:08

dieu_gian_di writes:

Hi chi danquynh!
dieu_gian_di rat muon doi giao dien giong chi lam,nhung dieu_gian_di doc khong hieu gi het.Chi noi ro ti xiu giup dieu_gian_di nhe!

danquynh # 9. December 2006, 11:29

dieu_gian_di, nếu em bắt đầu đọc từ post này thì không hiểu gì là đúng rồi

Em coi lại từ post "Trang trí Blog Opera theo sở thích cá nhân" nhé, và đọc theo thứ tự, nếu vẫn không hiểu thì nói cho chị biết nhé

Anonymous # 12. December 2006, 07:14

nau writes:

Blog của chị rất đẹp, và các bài viết về myopera rất hữu ích. Em học hỏi thêm được nhiều điều từ chị. Nhân đây em có một thắc mắc nhỏ: có một lần tình cờ em mở được file main css của user khác, nhưng những lần sau thì access denied, chả hiểu có phải opera đã cải tiến vụ này ko nữa.

danquynh # 15. December 2006, 07:29

Cám ơn em, chị rất vui vì đã giúp được em

Về cái file user.css, chị toàn save as rồi mở, chứ không mở on line. Em thử làm vậy coi có được không nha

falling_star # 4. January 2007, 12:48

hix hix em đọc cái này ko hiểu gì hết à

chị có thể nói rõ giúp em đc ko ? YM của em là falling_star_vnh
còn đây là blog của em : http://my.opera.com/falling_star

danquynh # 4. January 2007, 14:33

Em bấm vào các link (màu nâu) để xem các hướng dẫn. Em phải biết HTML một chút thì mới hiểu và làm theo được.

falling_star # 5. January 2007, 06:00

em viết xong cái phần trang trí rùi nhưng khi copy vào thì nó ko ra >_< hix hix ! ko hiểu sao nữa àh

danquynh # 6. January 2007, 12:42

Em post cái phần em viết cho chị xem chút được không?

Anonymous # 8. January 2007, 09:53

Bún bò.com writes:

vậy chỉ để 1 ảnh nền thôi thì làm thế nào _giúp em với em dốt lắm thanks

falling_star # 10. January 2007, 10:14

em làm hổng đc nên tức wá xoá mất tiu

để lúc nào em viết lại cái khác ^^ hihi

meomeoconmeo # 11. January 2007, 03:29

Chi oi chi em tao nen cho tung bai post di chi, em da lam theo loi chi nhung sao bai nao cung co 1 hinh nen giong nhau vay lam sao de thay doi day chi:((

danquynh # 11. January 2007, 04:31

Em bún bò, em xem lại post "trang trí Background blog Opera" nhé.

Em meomeoconmeo, muốn từng post có cách trang trí khác nhau, em phải biết HTML

Em đọc kỹ post này và các comments nữa nhé

falling_star # 15. January 2007, 13:28

hihi em lam` dc. rui`

vui qua'
KQ cua? em ne` ( sorry vi lam thu? nen lay hinh cua? chi. Hien )
http://my.opera.com/falling_star/blog/show.dml/678288

toantransp1 # 18. January 2007, 03:41

chào bạn,
Tôi mới lập blog để chia sẻ thông tin. Nhưng bài viết của tôi thường được chuyển từ file word qua. Tuy nhiên có tôi không thể đưa footnote (chú thích) vào trong post của mình được. Khi ctrl+A, ctrl C và past qua blog thì các footnotes biến mất.

Hy vọng bạn có cách giải quyết.

danquynh # 18. January 2007, 09:47

Em falling_star, chúc mừng nhé

Nhưng lấy hình của chị thì copy rồi upload vô host của em chứ

Chào thầy toantransp1

Muốn tạo footnote, thầy phải biết nhiều về ngôn ngữ W3. Thầy có thể vào đây tham khảo http://www.w3schools.com/xslfo/obj_footnote.asp

Em cũng chưa... mò tới ngôn ngữ này nên chắc không thể giúp thầy được

Ngược lại, thầy có thể làm... thủ công bằng cách tạo lại footnote trong bài viết (copy phần footnote trong word rồi paste), còn các số ghi ở trên phần chữ trong bài viết thì có thể tạo bằng thẻ superscript (S¹) hoặc subscript (S₁) trên cửa sổ soạn thảo của Opera. Chúc thầy thành công.

Cú_bông # 20. February 2007, 07:37

Chị ơi , chị cho em hỏi 1 tí nhé.
Em đọc hiểu tới phần này rồi.
6) Click nút "Tạo mã HTML", một cửa sổ sẽ bung ra, trong đó có chứa PREVIEW và đoạn code HTML.

Chị cho em hỏi Opera Editor nằm ở đâu thế chị?
Em cám ơn chị nhiều lắm.

danquynh # 20. February 2007, 10:00

Opera Editor trong bài hướng dẫn của Quang Tú chính là khung soạn thảo của Blog Opera đấy

Ba Đan Quỳnh

vominhkhoi # 22. February 2007, 15:43

http://my.opera.com/vominhkhoi/blog/thanks-nh-u-nh-u
Thanks sis ha ! Nhờ sis chỉ dẫn mà em làm dc cái này nè .hehehe Đem khoe sư fụ liền nè hihih

smilecake # 24. February 2007, 11:52

^^Cám ơn về những bài viết hường dẫn của bạn nhiều nha!

danquynh # 7. March 2007, 09:43

Em vominhkhoi, cái link của em... file not found

Anyway, chị cũng xem được rồi

Nhưng cái flash đó coi bằng Fire Fox không đẹp

Với lại, em dùng thẻ break để xuống hàng nhé

Welcome bạn smilecake nhé

Nghecon18 # 12. March 2007, 11:21

hihi, chi commen ben blog của em rùi làm em phải xóa hết đi viết lại cái commen nay. hehe. Thanks chị nhiều lắm , có j khó em sẽ làm phiền chị dài dài

danquynh # 12. March 2007, 13:43

Em đọc từ từ thì sẽ chẳng thấy gì khó cả đâu

nguyenanhduong # 15. March 2007, 07:30

chị ơi, em thích cái nền bài viết giống của chị cơ,mà sao em thay chỗ này, đổi chỗ kia theo cái đoạn code của Quang Hiếu mà ko tài nào làm được. Em đã upload ảnh lên host của em, rồi đổi địa chỉ chỗ "background" vẫn không được. Phải làm thế nào hả chị?

nguyenanhduong # 15. March 2007, 09:50

CHị ơi, sau khi hỏi chị xong thì em đã ngâm cứu được rồi, sung sướng quá. Chị nhớ ghé thăm nhé (công là của chị hết đấy, cảm ơn chị nhiều nhiều.

danquynh # 15. March 2007, 09:56

Em post đoạn code cho chị xem thử nhé

Hì hì... post xong thì mới thấy có new item. Hóa ra em làm xong rồi

Congrats!!

nguyenanhduong # 15. March 2007, 10:26

Chị ơi, cho em hỏi là phải cắt ảnh theo kích cỡ nào để cho vào bài phù hợp hả chị. Em phải cắt hơn chục lần mới ra nổi cái ảnh đó.Với đoạn này nữa chị ạ, phải để bao nhiêu px là phù hợp???
<td style="padding: 28px"

danquynh # 15. March 2007, 10:38

Nếu em dùng theme mặc định thì chiều rộng của ảnh (width) là 600px. Còn nếu em dùng theme của Phạm Lâm thì cắt ngắn hơn một chút

Đoạn mã mà em hỏi dùng để canh lề cho post, có nghĩa là khoảng cách giữa border và text. Blog của chị để 10 - 15px

Nghecon18 # 15. March 2007, 14:58

chị ơi em vào Blog của Quang Tú để chọn skin và có đoạn mã HTML để tạo tables rồi và em cũng paste phần nội dung vào theo như chị bảo rồi nhưng sao phần hình đấy không ở dưới bài viết mà chui tọt xuống dưới cơ chị a!! phù chang biết làm thế nào nũa

nguyenanhduong # 16. March 2007, 06:39

Em cảm ơn chị nhé!

1 2 3 Next »

Showing comments 1 - 50 of 106.