Giới thiệu về tôi
Thứ Tư, 15 tháng 8, 2012
Viết về từ thiện
Chủ Nhật, 12 tháng 8, 2012
HƯỚNG DẪN - Tạo Blogspot và Google+ đơn giản
Các bạn thấy thuận tiện thì nên làm, 1 căn nhà ở Blogspot, 1 căn nhà ở Opera. Chờ khi MUL nó cung cấp công cụ để dọn nhà và nó hợp tác được với Blogspot hay Opera thì mình có sẳn nhà để Import tài sản của mình qua.
http://walkinclouds01.blogspot.com/
Đăng ký:
Vô www.blogspot.com và Sign Up
Nhập chữ để xác nhận, chọn I agree...và ấn Next step
Nhập số điện thoại di động và SEND VERIFICATION CODE....mình sẽ nhận được 1 số để xác nhận tài khoản đăng ký từ điện thoại của mình
Sau đó nhập vào và VERIFY
Click chọn ADD PROFILE PHOTO để tạo hình hiệu cho mình tải lên từ máy tính của mình và ấn NEXT STEP
Sau đó lick GET STARTED
Vậy là đã có email gmail, blog trên Blogspot và Google+
Vào www.Blogspot.com để tạo Blogspot
SIGN IN
Và CONTINUE TO BLOGGER
Vào NEW BLOG để tạo trang blogspot
Đặt tên blog Title, Địa chỉ Blog address, và chọn mẫu blog template
Sau đó ấn CREATE BLOG
Ấn tiếp VIEW BLOG góc trên bên phải
Mình sẽ có trang blog trống chưa chỉnh sửa
Phía trên bên phải là NEW POST để post bài, Và DESIGN để chỉnh sửa blog theo ý thích.
...............
--------------------------------------------------------------------------------------
Cách add "reading list" vào trang Blogger : ( Copy từ nhà bạn mai01anh)
Vừa học được cách này chia sẻ với mọi người nghen:
Trang Blogger phức tạp hơn trang G+ rất nhiều nhưng mọi người an tâm từ từ mỗi ngày chung ta sẻ khám pha ra một "trò" mới rồi chia sẻ cùng nhau để tất cả mọi người sẽ có một thế giới blog hoàn hảo ngay thôi. Mọi người đừng quá vội chán nản nghen.
Nếu muốn vào trang blogger cua mọi người đọc bài hoặc muốn biết bài mới của bạn trong FL thì phai lam sao? Mình lúng túng hoài về việc này rất nhiều, mất rất nhiều công toàn đi đường vòng... vòng riết muốn chóng mặt luôn.
Công dụng: Khi muốn đọc hay view blog bạn không cần đi đi vòng sang G+ tìm tên rồi lại trở qua Blogger của bạn đọc bài.
Trước tiên bạn vào trang chính của Blogger nha, (mặt tiền blog đó)
-chọn Design (trên cùng bên tay phai) ngay email - New post-design-Sign in (out)
-Sau khi chọn Design bạn sẻ vào trang Blog cua bạn- Bạn sẻ bấm vào "My blogS" bên tay trái phía dưới chữ BLOGGER
-Đến trang này bạn sẽ thấy "Reading list" bên tay trái....
-Phía dưới có chữ Add, bấm vào add...
Sau khi bấm vào add bạn sẽ thấy hiện ra một cửa sổ mới, ở cửa sổ đó ta chọn:
-add from URL.......
Nào, giờ blog của bạn nào bạn muốn add vào bạn phải sang nhà đó, vào trang chính copy cả cái liink URL và paste vào trong khung đó.
Bạn có thể add một lần nhiều link....
-Cuối cùng bấm "Follow" để save lại.
Sauu khi save bạn sẽ thấy tên của blog ban mới add hiện trong danh sách "reading list" bên tai trái....
Vậy là từ nay bạn có thề bấm trực tiếp vào tên blog của FL mình mà không cần đi tìm vòng vòng rồi nhé.
Chúc các bạn may mắn nha. Không quên cám ơn chị Mai Anh chỉ "chiêu" này cho mih2 biết mọi người nhé.
***************************************
Xem tham khảo thêm LINK này :
http://multiply.com/mail/message/cohuynh:notes:565?replies_read=12
Và LINK này:
http://12345678as.multiply.com/photos/album/10/10?replies_read=21
******************************************
[doanchithuy] Thêm tiện ích cho Blogspot
Bước 4 : Lưu
********************************************************
[doanchithuy] Tạo style cho bài viết giống kiểu 1 tạp chí
[FD's BlOg] -
Có nhiều cách để làm cho bài viết của bạn trông đẹp mắt hơn, ví dụ như
tạo bố cục rõ ràng, phối màu trong bài viết, chèn 1 hiệu hứng nào đó vào
bài viết... Hôm nay mình sẽ hướng dẫn cho các bạn cách tạo chữ to đầu
dòng bài viết. (giống như các bài báo hay tạp chí).
Đây là minh họa:
Có
nhiều cách để làm cho bài viết của bạn trông đẹp mắt hơn, ví dụ như tạo
bố cục rõ ràng, phối màu trong bài viết, chèn 1 hiệu hứng nào đó vào
bài viết... Hôm nay mình sẽ hướng dẫn cho các bạn cách tạo chữ to đầu
dòng bài viết.
Có 2 cách để thực hiện điều này :
Cách 1: Phương pháp thủ công
- Với cách này mỗi khi bạn tạo hiệu ứng trên thì phải gõ cả đọan code vào.
- Và dưới đây là đọan code:
<span style="float:left;color:
#0C3259;background:#BCBBBB;line-height:80px; padding:1px 5px 0 0;
font-family:times; margin: 0px 5px 5px 0px; font-size:100px;"">{Kí tự
đầu tiên}</span>
Trong đó:
- background:#fff -> màu nền của ô chữ (ở đây là màu trắng)
- line-height:80px -> độ cao của ô chữ
- font-size:100px -> độ cao của chữ
Ưu điểm của bước 1 là bạn có thể thay đổi style tùy thích bằng cách thêm hay bớt các thuộc tính của thẻ <span>
Cách 2: Tạo 1 class trong CCS
Khi đã làm ở cách 1 nhiều lần, và bạn thấy thích nhất 1 kiểu nào đó (tạo
1 style chung cho các bài viết) khi đó hãy tạo 1 class trong CCS, và
mỗi khi sử dụng thì ta chỉ cần gọi class đó ra thôi, không cần phải đánh
cả đọan code vào.
Dưới đây là cách làm:
1. Viết 1 code cho riêng mình, có thể tham khảo code bên dưới:
/* magazine drop caps */
.magazine {
float:left;
color:#000;
background:#fff;
line-height:80px;
padding-:1px 5px 0 0;
font-family:times;
font-size:100px;
}
2. Đăng nhập vào blog của bạn, vào Chỉnh sửa Code HTML
3. Tìm đọan code sau : ]]></b:skin> và copy đọan CCS bên trên ngay trên dòng code đó.
4. Save template --> xong.
5. Như vậy mỗi lần muốn tạo kiểu chữ như vậy, bạn chỉ cần làm như sau
<span class="magazine">{Kí tự đầu tiên} </span>************************************************************
[doanchithuy] Cấu hình Blogger để tự động post bài lên Google+
Bạn muốn chia sẻ bài viết của mình lên google Plus? Sau đây mình xin
trích dẫn lại bài viết của Nguyễn Trọng Thơ để chia sẻ cùng các bạn ...
Google đã có nhiều thay đổi, đặc biệt là đồng bộ hóa toàn bộ hệ thống các sản phẩm với nhau.
Cách thông thường mọi người hay làm: đăng bài lên blogger, sau đó chia sẻ lên Google+ = cách copy URL và paste vào G+.
Để đăng bài tự động từ Blogger lên Google+ bạn làm theo các bước sau:
1/ Đồng bộ profile Blogger từ Google +
(Chính xác là Liên kết profile Blogger tới profile Google+)
Truy cập địa chỉ: http://www.blogger.com/switch-profile.g
2/ Sau khi liên kết profile, bạn soạn bất kỳ bài viết nào, bấm Xuất bản (Publish)
--> Hộp Chia sẻ (Share box) hiện ra mời bạn chia sẻ bài viết lên G+
--> Lưu ý: mặc định là chia sẻ Public.
Cách này vẫn có vẻ thủ công quá!
3/ Nếu không muốn hộp Chia sẻ xuất hiện mỗi khi đăng bài,
bạn vào mục Cài đặt >> Bài đăng và Nhận xét >> chọn CÓ.
4/ Nếu bạn chỉ muốn chia sẻ từng bài viết, bạn có thể bấm vào nút Chia sẻ.
**************************************************************
[doanchithuy] Chèn “Đọc thêm” cho bài đăng của blogspot
click vào phần này thì bài viết đầy đủ mới hiển thị ra. Nội dung phía
trên tóm tắt bài viết. Sử dụng thủ thuật này giúp blog bạn chuyên nghiệp
và trông giống một website hơn.
- Cách 2: Bạn sử dụng code
http://www.thuthuatblog.com/2007/08/chn-c-thm-cho-bi-ng-ca-blog.html
*********************************************************
Các bạn có nhu cầu tám chuyện với nhau như Mul thì làm thế này...cách để quote comments của người mình muốn là thế này...
***********************************************************
Để Comment trong Blogspot :
THÊM TIỆN ÍCH ĐỒNG HỒ VÀ LỊCH VÀO BLOG :
* THÊM LỊCH :
XEM LINK SAU : http://anhoaipham.blogspot.com.au/2012/08/bo-lich-ep-cho-blogger.html
* THÊM ĐỒNG HỒ :
XEM LINK :
http://www.clocklink.com/gallery.php?category=ANALOG
VÀ
http://www.clocklink.com/gallery.php?category=DIGITAL
*************************************************************************
Thứ Bảy, 11 tháng 8, 2012
Tham Khảo làm Blog ở Opera
Saturday, 9. September 2006, 13:03:18
Có một trick dành cho những người không thích tốn công. Bạn chỉ cần dùng menu "Save As" của Internet Explorer để lưu toàn bộ Blog mà bạn thích. Sau đó bạn mở file user.css, copy toàn bộ và paste vào phần Enter CSS của menu My Account/ Design/ Change design/ Custom Style Sheet, rồi save với option "Use my custom style sheet together with the current theme". Tuy nhiên, bạn cần phải biết theme gốc của Blog đó (bằng cách xem trong file main.css).
1. Bạn vào phần My Account

2. Nhấn tiếp vào Change Design

3. Chọn tiếp custom style sheet.

4. Tại ô Enter CSS các bạn có thể gõ code hoặc copy paste code CSS vào sau đó đánh dấu chọn vào ô Use my custom style sheet together with the current theme và nhấn Save để kết thúc.

Nhưng chắc bạn không thích copy y chang source code của user khác như vậy phải không? Muốn tạo sự độc đáo cho Blog của mình, trước tiên, bạn cần chuẩn bị một số file hình ảnh và upload vào Opera host, dùng menu My Account/ Files. Bạn cũng cần xác định đường dẫn của những files này để thay vào những files hình ảnh của theme gốc trên Opera.
Sau đó, bạn cần chọn một theme trong số những themes dựng sẵn của Opera. Bạn trở lại trang Blog, và dùng menu "Save As" của Internet Explorer để lưu vào ổ cứng của bạn. Lúc này, trong ổ cứng của bạn sẽ có một file.html và một folder lưu một số hình ảnh và các file.css. Bạn tìm file main.css và mở bằng notepad, wordpad, hoặc Microsoft FrontPage. Bạn cũng cần mở sẵn một trang trắng (untitled của notepad/ wordpad hoặc new page của MS FP). Tất cả những thay đổi của bạn sẽ được lưu trong trang trắng này để sau đó paste vào ô Enter CSS (như đã hướng dẫn ở trên).
Thay đổi background Blog Opera
Saturday, 9. September 2006, 17:04:42
Background của trang Opera của bạn thể hiện ở đoạn mã sau trong file main.css (lưu ý, đối với các theme khác nhau, phần mã này cũng có thể khác nhau):
BODY {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-SIZE: 12px;
BACKGROUND: #b6b8b1;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
COLOR: #111;
LINE-HEIGHT: 145%;
PADDING-TOP: 0px;
FONT-FAMILY: arial,'trebuchet ms',helvetica,sans-serif;
TEXT-ALIGN: center
}
#wrap1 {
BACKGROUND: url(/community/graphics/users/2/wrap1.gif) #acaea7 repeat-y left top;
MARGIN: 0px auto;
max-width: 882px
}
#wrap2 {
BACKGROUND: url(/community/graphics/users/2/wrap2.gif) repeat-y right top
}
#topbar {
BACKGROUND: #fff;
MARGIN: 0px -10px;
OVERFLOW: hidden;
LINE-HEIGHT: 23px;
HEIGHT: 28px;
max-width: 852px
}
#content {
CLEAR: both;
BACKGROUND: #fff;
MARGIN: 0px auto;
POSITION: relative;
TEXT-ALIGN: left;
max-width: 812px;
min-width: 739px
}
#footer {
CLEAR: both;
BACKGROUND: #fff;
MARGIN: 0px auto;
POSITION: relative;
TEXT-ALIGN: left;
max-width: 812px;
min-width: 739px
}
Để cho dễ hiểu, bạn hãy nhìn vào ảnh minh họa sau:

- Body là phần hiển thị những chiếc lá maples đủ màu;
- Wrap1 là phần border bên trái (repeat-y left: hình nền lập lại theo trục Y, bên trái; Nếu bạn muốn thay đổi border ở trên, thay vì bên trái, bạn có thể sửa đoạn này thành repeat-x top);
- Wrap2 là phần border bên phải (repeat-y right; tương tự, muốn đổi thành border ở dưới cùng, bạn sửa thành repeat-x bottom);
- Topbar là thanh trên cùng của Blog;
- Content là phần hiển thị toàn bộ nội dung của Blog;
- Footer là phần hiển thị hình chiếc lá maple và 3 hạt dẻ.
Bạn muốn thay đổi ảnh nền, hoặc màu nền thì chỉ cần thay đường dẫn ở phần tôi đã in đậm phía trên.
- Màu nền: bạn cần xác định tên màu bằng tiếng Anh hoặc mã màu (cách đơn giản nhất để xác định mã màu là dùng Photoshop để so cho phù hợp với hình ảnh nền mà bạn muốn sử dụng).
- Ảnh nền: bạn phải chỉ đường dẫn đến file ảnh mà bạn đã upload vào My Files. Đường dẫn có thể tuyệt đối, i.e. url(http://my.opera.com/tên-user/tên-directory/tên-file), hoặc tương đối, i.e. url(/tên-user/tên-directory/tên-file). Tuy nhiên, tôi được biết nếu bạn chỉ đường dẫn tương đối thì ảnh có thể không hiển thị trên trình duyệt Fire Fox. Còn lý do tại sao thì tôi không biết
Trong trường hợp bạn đổi vị trí của wrap1 và wrap2 thành top và bottom, và sử dụng ảnh nền cho 2 vị trí này, bạn cần xác định thêm thông số height (chiều cao), để ảnh có thể hiển thị đầy đủ. Bạn cũng phải làm tương tự với footer, nếu bạn muốn thêm ảnh vào, thay vì màu nền mặc định.
Nếu bạn muốn thay đổi background cho từng bài viết của bạn, bạn cần tìm đoạn mã sau đây:
.post {
PADDING-RIGHT: 0px;
BORDER-TOP: #ddd 1px solid;
PADDING-LEFT: 0px;
MARGIN-BOTTOM: 10px;
PADDING-BOTTOM: 10px;
OVERFLOW: hidden;
WIDTH: 100%;
PADDING-TOP: 16px
}
#firstpost {
BORDER-RIGHT: medium none;
BORDER-TOP: medium none;
BORDER-LEFT: medium none;
PADDING-TOP: 0px;
BORDER-BOTTOM: medium none
}
#lastpost {
BORDER-BOTTOM: #ddd 1px solid
}
.post .title {
FONT-SIZE: 20px;
MARGIN: 0px 0px 10px;
LINE-HEIGHT: normal
}
Bạn thấy rằng background mặc định của bài viết sẽ theo background của content. Nếu bạn muốn thay đổi, bạn cần thêm đoạn mã về background vào phần post (nội dung bài viết) và post.title (tiêu đề của bài viết), ví dụ:
.post {
background: url(đường dẫn tới file ảnh) no-repeat right bottom;
}
Thuộc tính đi sau đường dẫn để xác định ảnh nền chỉ hiển thị một lần (no-repeat) và nằm ở phía dưới cùng (bottom), bên phải (right). Nếu bạn muốn ảnh nền tự động lập lại thì không thêm thuộc tính no-repeat, hoặc đặt ở các vị trí khác thì thay đổi tương ứng (left, center, top,...).
Nếu bạn muốn tạo border cho từng post, bạn chú ý phần in đậm trong mã post. File main.css của theme dựng sẵn chỉ tạo border cho góc trên của post, không có border cho post đầu tiên (first post), và chỉ có border góc dưới của post cuối cùng (last post). Nếu bạn muốn tạo cả 4 góc, bạn cần thêm vào border-left (trái), border-right (phải), border-bottom (đáy). Thông số đi theo bao gồm màu (color), xác định bằng mã màu; độ lớn (width), tính bằng đơn vị pixel; và kiểu (style) của border. Bạn có thể tham khảo các kiểu border tại W3Schools.
Khi đã tạo border, với mã code mặc định, bạn sẽ thấy nội dung sẽ nằm sát border. Muốn canh lề cho đẹp, bạn chú ý phần in đậm và nghiêng. Theme mặc định không chừa lề cho cả lề trái lẫn lề phải, bạn chỉ cần thay đổi giá trị, tính bằng đơn vị pixel cho phù hợp với sở thích của bạn. Nếu muốn canh lề phải, bạn thêm mã padding-right vào đoạn code nhé.
Thay đổi banner Blog Opera (Phạm Lâm)
Saturday, 9. September 2006, 17:29:15
Tới đây, tôi nghĩ đọc bài hướng dẫn của Phạm Lâm sẽ dễ hiểu hơn, vì bạn đã có một số khái niệm cơ bản về Web Page Layout rồi
Bài trích từ Blog của Phạm Lâm, có sửa chữa chút xíu
Để thay đổi banner mặc định của Opera thì trước hết bạn phải biết kích thước của banner sau đó tạo một bức ảnh có kích thước như vậy để sẵn sàng thay thế. Opera cũng có trang tạo sẵn một số các bức ảnh có kích cỡ đã định để các bạn thay thế (thư viện banners của Opera).
Riêng tôi thì tôi tự tạo ra một banner và upload vào trong phần My Files của Opera. Để thay đổi banner các bạn hãy mở file main.css của mình ra tìm tới đoạn code có chữ #top2 (cách đơn giản để tìm là mở file css ra bằng Notepad nhấn Ctrl+F để mở ô tìm kiếm sau đó gõ vào từ #top2 để tìm).
Ví dụ:
#top2 {
height: 116px;
padding-left: 15px;
background: #2f569b url(/community/graphics/users/1/top.gif) top left repeat-x;
border-bottom: 1px solid #fff;
}
* height: 116px: Chiều cao của banner, các bạn có thể chỉnh thông số này bằng với chiều cao của bức ảnh;
* #2f569b: Màu của banner nếu ảnh nền banner không hiển thị, trong đó #2f569b là mã của màu;
* /community/graphics/users/1/top.gif: Đường dẫn đến file ảnh banner;
* top left repeat-x: Lặp lại bức ảnh từ phía trên cùng bên trái theo trục x tức là xếp liên tục bức ảnh đó từ trái qua phải.
Đoạn in đậm chính là phần quan trọng để thay đổi banner. Bạn chỉ cần chỉ đường dẫn tới file ảnh của bạn là banner của bạn sẽ được thay đổi. Nếu bạn chỉ muốn banner là màu thôi thì đoạn background sẽ được thay thế thành background: #000000; (thay #000000 thành mã màu mà bạn muốn).
Muốn tìm file main.css thì bạn coi kỹ lại post Thay đổi giao diện Blog Opera trong 10 phút trước nhé.
...
Bạn trở lại trang Blog, và dùng menu "Save As" của Internet Explorer để lưu vào ổ cứng của bạn. Lúc này, trong ổ cứng của bạn sẽ có một file.html và một folder lưu một số hình ảnh và các file.css. Bạn tìm file main.css và mở bằng notepad, wordpad, hoặc Microsoft FrontPage. Bạn cũng cần mở sẵn một trang trắng (untitled của notepad/ wordpad hoặc new page của MS FP). Tất cả những thay đổi của bạn sẽ được lưu trong trang trắng này để sau đó paste vào ô Enter CSS (như đã hướng dẫn ở trên).
Tốt nhất là bạn xem từ post Trang trí Blog Opera theo sở thích cá nhân nhé. Vì mỗi phần đều có liên quan tới phần trước. Nếu bạn không đọc theo thứ tự thì rất khó đó
Viết tiếng Việt trong Blog Opera (Phạm Lâm)
Monday, 11. September 2006, 05:05:25
Tổng hợp từ Blog của Phạm Lâm
Hiện nay blog của Opera có hỗ trợ Unicode vì thế chúng ta có thể gõ tiếng Việt có dấu bình thường. Nếu mở file main.css bằng notepad các bạn sẽ thấy đoạn sau:
body {
background:#8c315b;
margin: 0;
padding: 2px 0;
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 12px;
line-height: 145%;
text-align: center;
color: #000;
}
Có thể đoạn này của các bạn hơi khác nhưng không sao. Giải thích với các bạn chưa biết gì về CSS ở đây thật khó nhưng mình chỉ quan tâm tới 3 vấn đề trong đoạn code này đó là font chữ (font-family), cỡ chữ (font-size) và màu chữ (color). Một số bạn dùng trình duyệt IE khi viết tiếng việt ở phần tiêu đề sẽ không hiển thị đúng với font 'trebuchet ms' ở đây. Các bạn hãy thay đổi như sau:
body {
font-family: Arial,'trebuchet ms',helvetica,sans-serif;
}
Các bạn có thấy chữ Arial màu đỏ không? Chỉ chỗ đấy được thay đổi thôi nhưng nó giúp hiển thị tiếng Việt tốt trên nhiều trình duyệt. Ngoài font Arial các bạn có thể thay bằng font Verdana, Tahoma. Các bạn cũng có thể thay đổi font-size: 12px; thành 13 hoặc 11; đổi color thành màu phù hợp với background của bạn.
Bạn cũng cần làm tương tự với tiêu đề tại đoạn code sau:
#top h1 {
margin: 0;
width: 100%;
overflow: hidden;
font-size: 30px;
font-family: 'trebuchet ms',arial,helvetica,sans-serif;
line-height: normal;
padding-top: 22px;
}
và subtitle, tại đoạn code sau:
#subtitle {
margin: 0;
font-size: 12px;
width: 100%;
overflow: hidden;
}
Opera không cho add bộ gõ trực tiếp giống như diễn đàn vì vậy phải dùng các bộ gõ khác như Vietkey hay Unikey và chọn bảng mã Unicode dựng sẵn để gõ tiếng Việt có dấu.
Thay đổi bố cục Blog Opera
Tuesday, 12. September 2006, 12:54:27
Gồng mình viết bài này , rất mong nhận được góp ý của các bạn.
Trang Blog Opera bao gồm banner (top), menu, nội dung (content) và đường viền chân (footer). Content bao gồm phần hiển thị các bài viết (mainwrap) và phần hiển thị các links (sidewrap). Mặc định của Opera là mainwrap nằm phía trái, và sidewrap nằm phía phải. Bản thân tôi không thích bố cục này, có lẽ vì tôi quen nhìn những websets có menu nằm bên trái rồi. Vì vậy, tôi sẽ giới thiệu cách đổi vị trí của 2 phần này.
Bạn cần tìm đoạn code sau đây trong file main.css:
#mainwrap {
FLOAT: left;
PADDING-BOTTOM: 12px;
WIDTH: 100%;
MARGIN-RIGHT: -210px
}
#main {
MIN-HEIGHT: 400px;
PADDING-BOTTOM: 15px;
MARGIN-RIGHT: 210px
}
#sidewrap {
FONT-SIZE: 11px;
FLOAT: right;
OVERFLOW: hidden;
WIDTH: 190px
}
Phần in đậm trong 2 đoạn code xác định vị trí của mainwrap và sidewrap, lần lượt là bên trái (float: left) và bên phải (float: right).
Trước tiên, bạn cần thay đổi giá trị của thông số này, để cho mainwrap nằm bên phải (đổi thành float: right) và sidewrap nằm bên trái (float: left).
Tiếp theo, bạn chú ý đoạn in nghiêng trong 2 đoạn code mainwrap và main; thông số này để xác định lề phải của mainwrap (margin-right), bạn cần sửa lại thành lề trái (margin-left). Dựa trên bố cục mới của trang Blog, bạn điều chỉnh lại giá trị của thông số này (tính bằng đơn vị pixel) cho phù hợp với sở thích của bạn. Tôi không hiểu vì sao mainwrap-margin có giá trị âm còn main-margin thì có giá trị dương (hay ký hiệu "-" để biểu diễn một giá trị nào khác?? Bạn nào có chuyên môn có thể giúp giải thích được không ạ? Xin cám ơn!).
Trang trí lại Sidewrap của Blog Opera
Wednesday, 13. September 2006, 10:33:20
Phần này cũng "gồng" luôn, nếu các bạn thấy khó hiểu thì comment để tôi chỉnh sửa nhé. Xin cám ơn
Nếu bạn muốn thay đổi cách trang trí mặc định cho sidewrap bằng những hình ảnh hoặc màu nền cho phù hợp với background của bạn thì bạn tìm đoạn code sau:
side H2 {
PADDING-RIGHT: 0px;
PADDING-LEFT: 5px;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
BACKGROUND: #356ca2;
PADDING-BOTTOM: 2px;
MARGIN: 0px 0px 1px;
TEXT-TRANSFORM: uppercase;
COLOR: #fff;
PADDING-TOP: 2px;
TEXT-ALIGN: left
}
.sidebox {
BACKGROUND: #f5f5f5;
MARGIN-BOTTOM: 15px;
BORDER-BOTTOM: #dbdbd5 1px solid
}
.sidebox .pad {
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
BACKGROUND: url(/community/graphics/users/2/sidebox.gif) #f5f5f5 repeat-x left top;
PADDING-BOTTOM: 5px;
PADDING-TOP: 5px
}
Để cho dễ xác định, bạn hãy nhìn vào Blog của tôi
- side H2 là phần hiển thị tiêu đề của từng box, e.g. About, Tags, Countdowns,...
- sidebox là khoảng cách giữa tiêu đề và nội dung của từng box (bạn thấy có 1 khe rất nhỏ như sợi chỉ ở giữa);
- sidebox.pad là phần hiển thị nội dung của từng box.
Bạn chỉ cần thay đường dẫn của background bằng ảnh nền hoặc màu nền. Nếu bạn muốn tạo khung cho box thì bạn thêm code border (xem lại phần thay đổi background).
Khi thay đổi background, có thể màu của text và hyperlink sẽ không phù hợp nữa.
Bạn có thể thay đổi màu text của tiêu đề ở đoạn code color được in nghiêng. Màu text của nội dung hiển thị trong box nằm trong đoạn code sidewrap. Nếu không được xác định (như ở trên) thì có nghĩa là theo code của cả trang Blog của bạn (nằm trong đoạn code body (xem lại phần thay đổi background). Nếu bạn muốn màu text khác, thì bạn thêm code color: #000000 (thay bằng màu mà bạn muốn) vào đoạn code sidewrap hoặc sidebox.
Màu của hyperlink được xác định trong đoạn code sau
#side A:link { (liên kết)
COLOR: #000
}
#side A:visited { (liên kết đã được xem)
COLOR: #000
}
#side A:active { (liên kết đang hoạt động)
COLOR: #000
}
Lưu ý, những đoạn code này sẽ không áp dụng cho lịch và box download trình duyệt Opera. Muốn thay đổi cách trang trí của hai box này, bạn cần tìm đoạn code sau:
#side CAPTION { (phần hiển thị tiêu đề của lịch, i.e. chữ Calendar)
PADDING-RIGHT: 0px;
PADDING-LEFT: 5px;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
BACKGROUND: #356ca2;
PADDING-BOTTOM: 2px;
MARGIN: 0px 0px 1px;
TEXT-TRANSFORM: uppercase;
COLOR: #fff;
PADDING-TOP: 2px;
TEXT-ALIGN: left
}
#calendar { (phần hiển thị lịch)
CLEAR: both;
FONT-SIZE: 10px;
BACKGROUND: url(/community/graphics/users/2/calendar.gif) #efefed;
MARGIN-BOTTOM: 15px;
WIDTH: 190px;
BORDER-BOTTOM: #dbdbd5 1px solid;
border-spacing: 1px
}
#side #getopera H2 { (phần hiển thị tiêu đề box download trình duyệt Opera)
BACKGROUND: #356ca2;
COLOR: #fff
}
#getopera .pad { (phần hiển thị nội dung quảng cáo)
BACKGROUND: url(/community/graphics/users/2/sidebox.gif) #f5f5f5 repeat-x left top;
COLOR: #fff
}
Nếu bạn không muốn hiển thị box download trình duyệt Opera, thì bạn chỉ cần viết đoạn code sau vào phần enter CSS:
#side #getopera {
display: none
}
Trang trí bài viết của Blog Opera theo chủ đề
Thursday, 12. October 2006, 09:32:29
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.
Thay đổi background của topbar trong phiên bản mới của Blog Opera
Thursday, 8. March 2007, 16:52:44
Ai muốn chỉnh phần topbar (không là màu trắng hoặc đen mặc định) thì xem trong file topbar-1a.css. Cụ thể là:
#topbar1 {
background:#000;
color:#fff;
height:32px;
overflow:hidden;
line-height:24px;
}
img {
border:none;
}
.mobile, .hide {
display:none;
}
p img, input {
vertical-align:middle;
}
#topbar2, #toplogin div {
width:832px;
max-width:100%;
min-width:700px;
margin:0 auto;
text-align:left;
}
#topbar1 img {
margin-right:4px;
}
#topbar1 a, #topbar1 .tpad {
padding-right:7px;
text-decoration:none;
}
#topbar1 a:hover {
text-decoration:underline;
}
#topbar1 a:link, #topbar1 a:visited {
color:#fff;
}
#topbar2 a.yellow:link, #topbar2 a.yellow:visited {
color:#ed2;
}
#topbar1 p, #toplogin p {
margin:0;
font-size:11px;
padding:4px 0;
}
#toplogin {
border-top:1px solid #555;
background:#333;
color:#fff;
padding:2px 0;
border-bottom:1px solid #000;
}
#toplogin label {
padding-right:4px;
}
#toplogin input {
font-size:11px;
border:none;
}
Chú ý phần in đậm để đổi hình nền, màu chữ của text hoặc link. Nếu chỉ muốn "vứt quách" cái thanh topbar thì chỉ cần thay background là transparent là xong
Cách Customized theme trong Opera từ Theme của người khác :
Copy theme css - blog opera
Saturday, September 11, 2010 7:30:06 PM
opera blog theme, css, chia se, theme dep, theme
Khi gặp 1 blog có theme đẹp, thì mở 1 trang blank rồi paste cái link này :
http://files.myopera.com/tên tài khoản của Blog mà bạn muốn lấy skin/user.css
Ví dụ: muốn lấy css blog của tôi thì copy đường link sau : http://files.myopera.com/vivienne4ever/user.css rồi dán vào 1 tab mới.
Công việc sau đó thì đơn giản rồi, chỉ việc copy tòan bộ css vừa load đc vào khung css trong trang blog của bạn. Nhớ nhấp chọn theme BLUE trước khi vào phần CUSTOMIZE. Stick chọn "Only use my custom style sheet"
Xong !
PS: theme này được design bởi Phạm Lâm, Khánh Quang, Thành Châu và Thủy Hiền
Thứ Bảy, 4 tháng 8, 2012
7 BÍ QUYẾT LÀM HẠ HUYẾT ÁP HIỆU QUẢ ..
1. Bổ sung cà chua vào chế độ ăn
Chất lycopene trong cà chua rất hiệu quả trong việc giảm huyết áp cao. Đây là kết luận được bác sĩ Eshter Paran - chủ nhiệm khoa huyết áp thuộc TT Y tế Soroka đưa ra. Theo nghiên cứu này thì việc bổ sung cà chua vào chế độ ăn giúp giảm áp 10 chỉ số áp lực máu lên tâm thu và 4 chỉ số ở tâm trương.
Lượng cà chua tốt cho sức khỏe là 4 quả mỗi ngày và chia vào các món salad, nước sốt hay nước ép cà chua đều có tác dụng tương tự với sức khỏe.
2. Tập luyện
Các bài tập sử dụng nhiều cơ bắp là cách luyện tập hiệu quả nhất trong việc khống chế huyết áp. Thực tế, các nghiên cứu đã chỉ ra rằng việc tập luyện có thể giảm 11 chỉ số ở tâm thu và 9 chỉ số ở tâm trương.
3. Thực phẩm có ít chất béo
Chế độ ăn uống cân bằng với các loại rau, quả, ngũ cốc nguyên cám, protein từ thịt nạc và các sản phẩm sữa ít béo là lựa chọn lý tưởng cho chế độ ăn khỏe mạnh.
Các thực phẩm có ít chất béo và lượng cholesterol thấp có tác dụng giảm huyết áp tương tự như việc sử dụng các loại thuốc huyết áp.
4. Châm cứu
Theo nghiên cứu gần đây thì việc kích thích dòng điện cường độ nhỏ lên những điểm cụ thể ở vùng chân trước của chuột sẽ có tác dụng giảm huyết áp.
Từ lâu, châm cứu đã được biết đến là có lợi cho sức khỏe của con người. Trong 2 cách châm cứu là châm cứu bằng tay và dòng điện thì việc châm cứu bằng dòng điện có hiệu quả giảm huyết áp hơn nếu được thực hiện đều đặn trong thời gian dài.
5. Tập yoga
Bài tập yoga có tên asanas giúp kéo căng các cơ, khớp đồng thời giúp cơ thể vận động với nhiều tư thế khác nhau. Việc tập luyện này giúp giảm đáng kể mệt mỏi và căng thẳng.
Hiệu quả nhất của asanas trong giảm áp suất máu là những động tác uốn cong cơ thể ra phía trước có tác dụng tốt lên não, hệ thần kinh và cải thiện lưu thông máu lên não, giảm stress. Hơn nữa, asanas còn làm giảm tốc độ lưu chuyển của dòng máu vì thế áp suất máu giảm.
6. Uống rượu vang đỏ
Một hoặc hai ly rượu vang đỏ chứa lượng chất chống ôxy hóa cao có tác dụng bảo vệ các động mạch khỏi ảnh hưởng của các gốc tự do và phòng ngừa chứng xơ cứng động mạch.
Chất ôxy hóa flavonol có tác dụng tích cực trong việc ngăn ngừa sự hình thành các cục máu đông.
Rượu vang đỏ giúp lưu thông máu và làm sạch thành mạch. Khi các động mạch giãn nở ở độ thích hợp sẽ làm giảm áp suất máu.
7. Giảm lượng cafein
Các nghiên cứu đã thấy rằng việc uống 5 cốc cà phê mỗi ngày có thể làm tăng huyết áp. Vì thế muốn huyết áp không tăng thì nên giảm lượng cà phê uống vào.


