Tag Archive | thu_thuat_trong_blog360

Post anh len blog!


Có lẽ đây là câu hỏi nhiều người thắc mắc nhất. Xin hướng dẫn các bạn chi tiết cách “gửi” nhiều ảnh lên Blog. Thực chất từ “gửi” ở đây có nghĩa là lấy ảnh từ 1 website khác về Blog của bạn. Website mà ta sử dụng là photobucket.com Hoặc http://imageshack.us/ vì dịch vụ này không cấm hotlink. Với photobucket thì ảnh của bạn sẽ bị delelet sau một khoảng thời gian nhất định. Vì thế nên dùng imageshack.

Đầu tiên, dĩ nhiên bạn phải 1 tài khoản tại photobucket.com. Đăng ký khá dễ dàng.Trong phần soạn Blog, tìm và chọn mục “View HTML Source” ngay bên dưới phần soạn nội dung.

Tại vị trí bạn muốn chèn hình ảnh, bạn nhập vào đoạn code HTML như sau:
<img src=”link…” width=”500″ hieght=”300″ border=”0″, alt=”description”>

Trong đó, bạn lưu ý:
– Chiều rộng(width) và chiều dài(height) nên có để ảnh vừa với khung blog hơn, nhìn sẽ đẹp hơn.
– Chiều rộng không được quá 500 pixels.
– “chú thích” là phần chữ sẽ hiện lên khi người xem hover chuột lên ảnh.

Để lấy được địa chỉ ảnh, bạn quay sang trang photobucket.com. Sau khi đã upload ảnh lên, photobucket.com cung cấp ngay địa chỉ trong mục “Url”, bạn có thể copy và chèn vào đoạn code trong Blog.
Vẫn tại photobucket.com, bạn click vào hình ảnh bạn vừa post để xem chi tiết, bạn sẽ thấy bên dưới hình ảnh có kích thước mà bạn sử dụng cho đoạn code.


Bỏ “View HTML Source” đi và bạn sẽ thấy hình ảnh hiện lên trên Blog của mình.

Một số lưu ý khác:
– Photobucket.com có cung cấp luôn cho bạn đoạn code để gửi ảnh lên trong hộp thoại “Tag”. Bạn có thể sử dụng nó, tuy nhiên, nhớ thêm 2 thẻ width và height nếu không ảnh sẽ không hiện khi bạn ấn nút “Post This Entry”.
– Nếu bạn muốn lấy hình ảnh từ 1 website bất kỳ, bạn click chuột phải lên hình ảnh, chọn “Properties”, bạn sẽ nhận được địa chỉ và kích thước của hình ảnh để post lên Blog, rất đơn giản và… không có gì để giải thích…

– Còn 1 cách khác đơn giản hơn rất nhiều, không cần phải sử dụng đến code là “kéo thả”. Để 2 cửa sổ soạn Blog và website có hình ảnh song song. Bạn hover lên ảnh, click chuột trái và giữ chuột, di chuyển qua ô nhập text bên Blog và thả chuột. Hình ảnh sẽ hiện lên. Tuy nhiên, bạn vẫn nên click “View HTML Source” để xem đoạn code Yahoo! vừa tự sinh ra có width và height hay không để sửa lại cho đúng.

Advertisements

Blog đẹp


Nếu bạn biết chút xíu tiếng Anh, bạn có thể vào trang Help của Yahoo để xem hướng dẫn Image Tôi cũng mò từ đó thôi Image

Trước tiên, bạn click vào menu My Page trên trang Yahoo! 360o của bạn, và chọn Edit Custom Theme.

Sẽ có một cửa sổ pop-up để bạn chỉnh sửa

Nếu bạn muốn một ảnh nền cho toàn bộ blog thì bạn chọn Single Background Image, và upload hình ảnh mà bạn đã lựa chọn (ví dụ blog của tôi là hình gone with the winds). Lưu ý, ảnh không được vượt quá kích thước 250KB (bạn có thể sử dụng Photoshop để resize). Còn nếu bạn muốn có phần trên của blog khác với phần chân thì bạn phải chuẩn bị hai tấm ảnh và chọn Top and Bottom Images. Tôi không có khả năng design nên không sử dụng lựa chọn này. Bạn có thể tham khảo trang web của bác hotdog để hình dung.

Tiếp theo, bạn click vào thanh cuộn trên cửa sổ pop-up để chỉnh sửa các nội dung tiếp theo

Để cho dễ hiểu, bạn hãy nhìn vào Blog của tôi nhé:

– Page Background là phần hiển thị nức ảnh gone with the winds. Bạn nên chọn màu cùng tone với ảnh nền mà bạn đã chọn (ví dụ tôi chọn màu tím). Việc chọn màu nền này rất quan trọng nếu bạn dùng option Top and Bottom Image. Nếu bạn dùng màu hợp thì trang blog của bạn sẽ không thấy bị chia ra làm ba đoạn top – center – bottom Image Bạn có thể sử dụng công cụ so màu của Photoshop để chọn để lấy mã cho chính xác;

– Module Background là phần hiển thị từng bài post, lists, feeds, profile information,…

– Profile Background là phần hiển thị menu top page/ blog/ friends/ lists và các thông tin liên quan đến việc cập nhật blog;

– Profile Photo Background là phần hiển thị thông tin của user, ngay dưới tấm ảnh làm avatar của bạn;

– Blog Comment Background là phần các users khác ghi nhận xét;

– Nick Name Bar Color là phần hiển thị ID của user, nằm phía trên menu top page/ blog/ friends/ lists;

– Border Color là màu của khung cho toàn bộ các cửa sổ của blog.

Bạn lại dùng thanh cuộn để chỉnh sửa tiếp nhé

– Main Text Font là font chữ hiển thị trên toàn bộ Blog, bạn nên chọn các font có hỗ trợ Unicode thì Blog của bạn sẽ không bị lỗi font tiếng Việt khi nhập dữ liệu;

– Main Text Color là màu của chữ hiển thị trong Blog;

– Small Text Color là màu của chữ sub-menu, ví dụ trong phần Lists, thì đó là phần chữ cho từng mục music, book,…

– Module Title Font là font chữ hiển thị cho các tiêu đề Blog, Feeds, Lists, Profile Information,…

– Module Title Color là màu chữ cho các tiêu đề;

– Nick Name Color là màu chữ tên của user, phía trên avatar;

– Link Color là màu của liên kết;

– Visited Link Color là màu của liên kết đã được xem.

Khi đã thay đổi xong cho phù hợp, bạn nhấn nút Preview để xem có vừa ý chưa, sau đó nhấn nút save để lưu lại.

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

Entry for April 22, 2007- Hiển thị tiếng Việt có dấu trong blog


Thu thuat trong blog 360Yahoo 360 không hỗ trợ font Unicode (trừ trường hợp sử dụng Firefox và Internet Explorer 7). Để khắc phục rắc rối này trong Internet Explorer 6, người sử dụng có thể vào phần Custom Theme, chọn tất cả các font mặc định của blog là Arial, Verdana hoặc Times New Roman để viết blog entry, bình luận bằng tiếng Việt có dấu.

Tạo chữ nhấp nháy trong bài viết


Các bạn có muốn blog của mình có dòng chữ chớp chớp hay hoa lá cành một chút trong bài viết của mình không???

Các bạn hãy vào trang Tạo kiểu chữ và chọn kiểu chữ mình thích, và bấm Do it. Sau đó copy mã code về dán vào blog là xong

Enjoy nhé!!!

15/04/2007-Đếm số người ghé thăm blog của mình!


Mình học được cái này từ blog của 1 mẹ trên WTT, thực hành xong cũng thấy hay hay. Bạn nào thấy hay mà chưa làm được thì theo mình nhé. Trước hết các bạn vào http://www.maploco.com, chọn màu và lọai bản đồ các bạn thích, xong nhân Creat it. Nó hiện lên 3 phần code, các bạn chọn phần 1 Copy & Paste this code into your profile or site!” copy phần này paste vào entry của các bạn, nhớ stick “View HTML source” là ok thôi. Chúc các bạn vui vẻ!

Create your own visitor map!Visitor Map