Hướng dẫn làm Blogger
Hướng dẫn làm Blogger
Tạo một
blogger trên google thật đơn giản các bạn hãy cùng minh chia sẻ
Phần 1.
Đăng Ký và tạo tài khoản
Mọi
kiến thức về blogspot không có gì quá cao siêu, chỉ cần bạn biết sử dụng hoặc
biết qua về ngôn ngữ HTML một chút là được. Nếu bạn có yêu cầu hoặc thắc mắc về
blogspot muốn trao đổi, hãy gửi email đến tôi hoặc viết vào phần nhận xét sau
mỗi bài viết để cùng thảo luận.Sau đây tôi xin hướng dẫn các bạn cách tạo
blogspot.
1. Khởi
đầu. Blogspot là tên gọi của dịch vụ Blog của Google tại địa chỉ http://www.blogger.com. Dịch vụ này hoàn toàn miễn
phí và hiện nay đã hỗ trợ Tiếng Việt nên quá trình sử dụng cũng không gặp nhiều
trở ngại. Để sử dụng dịch vụ blogspot, bạn đăng kí một tài khoản Google mới
hoặc có thể sử dụng tài khoản Gmail cũ của bạn. Một lời khuyên là bạn nên dùng
một tài khoản Google chung cho tất cả các dịch vụ khác nhau của Google như: GMail,
Blog, Google Analytics, Google Adsense,... để có thể quản lý một cách dễ dàng
và có tính tương thích cao. Lần đầu tiên để đăng nhập vào blogspot, bạn truy
cập địa chỉ: http://www.blogger.com, điền vào tên
truy nhập, mật khẩu và đăng nhập. Bạn sẽ trải qua 3 bước: * Đăng kí
blogger. * Đặt tên cho blog.(lưu ý tên blogger chọn xong nhớ kiểm tra nếu trùng
sẽ không đăng ký được phải tìm tên blogger khác) * Chọn mẫu (template).
Ở đây
bạn lưu ý đến 2 vấn đề: đặt tên cho blog và chọn mẫu. Việc đặt tên có ý nghĩa
quan trọng, tuỳ theo chủ đề nội dung bạn sẽ viết trong blog mà bạn sẽ đặt một
cái tên cho phù hợp và về lâu về dài thì đó có thể coi đó là một thương hiệu
của riêng bạn. Bạn hãy chọn một tiêu đề và một địa chỉ URL thích hợp cho blog
của bạn. Về việc chọn mẫu cho blog: Google chỉ cung cấp sẵn cho bạn một số mẫu
blog nhất định, do đó nếu bạn chọn những mẫu này thì có khả năng blog của bạn
không nổi bật vì nó sẽ giống với nhiều blog khác và có thể nói là tính chuyên
nghiệp không cao. Trong một blog thì nội dung là quan trọng nhất song hình thức
của blog cũng quan trọng không kém bởi đó là bộ mặt của blog. Trước mắt, bạn hãy
chọn một mẫu cho blog. Sau này bạn có thể thay đổi mẫu cho blog bất kỳ lúc nào,
và quan trọng hơn là bạn tự thiết kế hoặc tìm một mẫu khác theo ý bạn, thể hiện
cá tính riêng cũng như phù hợp với nội dung của blog. Sẽ có một bài viết riêng
về vấn đề mẫu cho blog (thiết kế, tìm, thay mẫu, ...), bạn hãy nhớ đón xem. Đến
đây, coi như bạn đã hoàn thành khâu tạo một blog và có thể đăng tải bài viết.
Tuy nhiên, tôi khuyên bạn nên từ từ, hãy đọc hết các bài viết trong loạt bài
viết Hướng dẫn tạo Blogspot này. Sau đó bạn bắt đầu cũng chưa muộn. Những lần
sau, để đăng nhập vào bảng điều khiển, bạn hãy truy cập địa chỉ
http://www.blogger.com/home, bạn cũng nên thêm địa chỉ này vào favorites để
tiện cho những lần đăng nhập sau.
Phần
2.Cài Đặt Blog Phần này sẽ hướng dẫn bạn cách cài đặt blog.
Sau khi khởi tạo xong Blog, việc thứ hai mà bạn nên làm là cài đặt các thiết
lập cho blog. Bài viết thứ hai này sẽ hướng dẫn bạn cách cài đặt các thiết lập
này. Có một chú ý đó là trong các bài hướng dẫn đều sử dụng ngôn ngữ Tiếng Việt
làm mặc định, đôi khi trong một vài trường hợp có thể sẽ dùng từ tiếng Anh
nhưng chủ trương của tôi là: người VN thì cố gắng dùng tiếng Việt, hạn chế được
việc sử dụng Tiếng Anh phần nào tốt phần đấy, mặc dù có thể tiếng Anh dùng sẽ
hay hơn (ví dụ như từ mẫu (khuôn mẫu) và Template thì rõ ràng là Template hay
hơn rồi). Trước tiên bạn đăng nhập vào bảng điều khiển của blog. Một lời khuyên
là bạn nên sử dụng trình duyệt Firefox hoặc IE7 để có thể hiển thị tiếng Việt
tốt nhất. Bảng điều khiển Bảng điều khiển là nơi quản lý (các) blog của bạn.
Tại đây bạn có thể tạo thêm blog mới (Google không hạn chế số blog có trong một
tài khoản, tức là bạn có thể tạo vô số các blog một cách không hạn chế chỉ với
một tài khoản Google. Tuy nhiên bạn nên tập trung vào một blog mà thôi, có như
thế mới nâng cao chất lượng được bài viết về chủ đề mà mình quan tâm, tránh
việc lập nhiều blog nhưng không kham nổi.), đăng bài mới, quản lý bài đăng
(xoá, chỉnh sửa bài đã đăng), cài đặt và mẫu.
Khi ban
chọn mẫu xong nhấn tiếp tục (xem img)
bây giờ
blogger của bạn đã được tạo tiếp đến là viết bài và chỉnh sửa blogger của bạn
theo ý thích của mình
Để cài
đặt các thiết lập cho blog, bạn hãy bấm chọn Cài đặt. Trong trang cài đặt, bao
gồm các thiết lập về định dạng, lưu trữ, nhận xét,... được bố trí dưới dạng thẻ
(xem img)
Về cơ
bản mà nói, ở mỗi thẻ, mỗi mục đều có hướng dẫn bằng Tiếng Việt (để hiển thị
tốt những hướng dẫn bằng tiếng Việt này, bạn nên sử dụng IE7 hoặc Firefox), nên
việc thay đổi các thiệt lập này cũng không quá khó. Tuy nhiên có một vài chỗ,
việc giải thích, hướng dẫn còn chưa rõ ràng (nguyên nhân do việc chuyển ngữ từ
tiếng Anh sang Tiếng Việt, tuy nhiên những thiết lập này không quan trọng lắm)
cho nên nếu bạn không biết hoặc không chắc về một thiết lập nào đó thì bạn đừng
sửa đổi, hãy cứ giữ nguyên mặc định thiết lập đó. Sau đây, tôi sẽ hướng dẫn bạn
cài đặt các thiết lập cơ bản và chủ yếu nhất: 1. Thẻ Cơ bản: - Tiêu đề: Tiêu đề
của blog, tiêu đề này phải làm nổi bật blog, nó giống như một câu slogan vậy. -
Mô tả: Mô tả về blog của bạn, chủ đề của blog, blog viết về cái gì,... Mô tả
phải ngắn gọn, súc tích, liên quan đến nội dung của blog. - Bổ sung Blog của
bạn vào danh sách của chúng tôi?: chọn Có. Phần Cài đặt chung, tại mục Hiển thị
nút chuyển chữ cho bài đăng của bạn?: chọn Không. 2. Thẻ Đang công bố: Đây là
nơi để bạn thiết lập việc chuyển blog của bạn sang một host và tên miền của
riêng bạn. Khi bạn đăng kí và khởi tạo blog tại blogspot, Google cung cấp cho
bạn một tên miền miễn phí dạng http://abcxyz.blogspot.com, và đồng thời lưu trữ
toàn bộ blog của bạn trên máy chủ của Google. Như vậy bạn không hề tốn một đồng
phí nào để duy trì blog mà dung lượng lưu trữ thì...không giới hạn. Tuy nhiên
nếu muốn thì bạn vẫn có thể chuyển blog của bạn sang tên miền và host riêng mà
bạn đã mua. Chỉ lưu ý với các bạn rằng phí duy trì host và tên miền dù đã rẻ
nhưng còn rất nhiều vấn đề xung quanh nó. 3. Thẻ Đang định dạng: - Hiển thị:
hiển thị số bài viết đăng trên một trang. Nên chọn là 5. - Mẫu Bài đăng: bạn có
thấy phần cảm ơn cuối mỗi bài viết trên blog này không? Chính là thiết lập tại
phần Mẫu bài đăng. Hơn nữa phần Mẫu bài đăng này cũng được sử dụng để thêm mục
"Đọc tiếp bài viết này" như bạn đã thấy trên DI4VN. Cách làm để có
mục "Đọc tiếp bài viết này" này sẽ được giới thiệu trong một bài viết
khác. 4. Thẻ Nhận xét: - Nhận xét: cho phép hiển thị hoặc không hiển thị các
nhận xét trên blog. - Ai có thể nhận xét?: Cho phép ai được đăng các nhận xét
trên blog của bạn. - Hiển thị nhận xét trong một cửa sổ bật lên?: nên chọn
Không vì nhiều người dùng thường bật tính năng chặn popup. - Bật điều tiết nhận
xét?: Nếu chọn Có, mỗi nhận xét trên blog phải qua sự kiểm duyệt và cho phép
của bạn mới được phép xuất hiện trên blog. Ngược lại nếu chọn Không thì nhận
xét sẽ được đăng tải và xuất hiện ngay lập tức khi khách thăm blog đăng nhận
xét. - Hiển thị xác minh từ cho các nhận xét?: Chức năng này nếu chọn Có sẽ hiển
thị một chuỗi từ và yêu cầu khách đăng nhận xét phải nhập vào đúng chuỗi từ đó.
- Địa chỉ Thông báo Nhận xét: Bạn nhập vào một địa chỉ email vào để theo dõi
nhận xét. Mỗi khi có nhận xét mới đăng trên blog, một email sẽ được gửi về địa
chỉ email mà bạn đã đăng kí. 5. Thẻ Đang lưu trữ: - Tần xuất Lưu trữ: Bạn chọn
dạng tần suất lưu trữ bài viết theo ngày, tuần, tháng. Ban đầu bạn nên chọn
dạng lưu trữ theo tuần, sau này khi số lượng bài viết đã nhiều bạn có thể chọn
dạng lưu trữ theo tháng. 6. Thẻ Nguồn cấp trang Web: Đây chính là mục cung cấp
tin RSS (Feed). Vấn đề liên quan đến tin RSS (Feeds) sẽ được đề cập đến trong
một bài viết khác. 7. Thẻ Các quyền: - Các Tác giả Blog: bạn có thể mời thêm
bạn bè viết chung blog với bạn bằng cách bấm vào Thêm tác giả rồi điền địa chỉ
email của người bạn muốn mời. - Người đọc Blog: cho phép ai được đọc blog của
bạn. Sau mỗi một thay đổi bạn hãy bấm Lưu Cài đặt để lưu lại các thay đổi đó.
Phần 3.Style -Template Sau 2 phần trước, chắc bạn đang nóng lòng muốn đăng tải
bài viết đầu tiên lên blog của mình. Nhưng trước hết, hãy đọc hết bài viết thứ
3 này đã nhé. Phần 3 này tiếp tục hướng dẫn bạn các thao tác với khuôn mẫu của
Blog. Các thao tác với khuôn mẫu của blog sẽ làm thay đổi bố cục, cách trình
bày (hiển thị) của blog. Tôi tin là vấn đề này rất thú vị và sẽ có nhiều bạn
quan tâm. class="fullpost"> Với bất kỳ một website hay blog nào,
việc thiết kế giao diện mang khá nhiều ý nghĩa. Bạn cần quan tâm tới bố cục,
màu sắc, trang trí, ... nhưng cũng nên quan tâm tới tốc độ tải và thời gian
trung bình để mở blog của bạn. Một lời khuyên là đối với các blog có chủ đề về
Computer, Internet, Thủ thuật và mẹo máy tính, ... (như Di4VN - Ý tưởng số cho
cuộc sống số này chẳng hạn) thì nên chọn gam màu nhẹ, không cần màu mè (như
thay đổi biểu tượng con trỏ chuột, hoa lá bay,...). Để bắt đầu các thao tác với
khuôn mẫu, từ Bảng điều khiển bạn nhấn chọn Trình bày. Trang Mẫu sẽ được mở ra
(xem img).
Trang
khuôn Mẫu Như trong Phần 1 đã nói, trong quá trình khởi tạo blog, bạn đã tạm
chọn một mẫu mà Google cung cấp sẵn. Các mẫu này (mẫu do Google cung cấp sẵn)
chỉ có 2 cột, và có thể nói là hơi thô. Nếu bạn biết cách, từ mẫu này bạn có
thể chèn thêm 1 cột và bạn sẽ có mẫu dạng 3 cột. Nhưng theo cảm quan của riêng
tôi, thì dạng mẫu 3 cột mà bạn sẽ tạo ra này nhìn cũng không đẹp lắm và có
nhiều hạn chế. Nhìn vào hình trên bạn thấy rằng ứng với dạng mẫu mà Google cho
sẵn thì blogspot cung cấp cho bạn một giao diện trực quan giúp bạn có thể dễ
dàng chỉnh sửa, thêm bớt các thành phần cho blog. Việc chỉnh sửa này giống như
là các thao tác trong Google Page Creator vậy. Bạn sử dụng thao tác kéo thả,
thêm các thành phần, di chuyển các thành phần tới các vị trí tuỳ ý. Đối với
những bạn không thạo HTML thì có thể nói cách sử dụng này rất thuận tiện. Bạn
dễ dạng thao tác mà không gặp nhiều trở ngại. Tuy nhiên mục tiêu mà tôi muốn
hướng dẫn các bạn là sử dụng các mẫu khác (không dùng các mẫu mà Google cung
cấp sẵn) nên tôi không đi sâu vào hướng dẫn việc sử dụng này. Bạn có thể tự tìm
hiểu thêm nếu muốn.
Sau
đây, tôi sẽ hướng dẫn bạn cách sao lưu, thay đổi mẫu (khuôn mẫu - Template),...
cho blog. Trước khi bắt đầu tôi xin giải thích: - Mẫu mà bạn chọn khi khởi tạo
blog (mẫu do Google cung cấp) được gọi là dạng LayOut, hay còn gọi là Tempalte
Blogger Beta (mặc dù Blogger.com đã hết giai đoạn Beta), thường có dạng XML. -
Mẫu mà từ nay trở về sau tôi đề cập đến là dạng Classic Template (mẫu cổ điển),
có dạng HTML. Đây cũng là dạng mẫu mà tôi khuyên mọi người nên dùng bởi nó có
thể dễ dàng tuỳ biến, chỉnh sửa theo ý muốn của riêng bạn. Mọi chỉnh sửa về sau
đều thực hiện trên mẫu này. Mặc định mẫu blog của bạn đang ở dạng LayOut, bạn
phải chuyển sang mẫu cổ điển để tiện cho các thao tác về sau. Để chuyển sang
dạng mẫu cổ điển, bạn bấm chọn thẻ Chỉnh sửa HTML, bấm chọn tiếp Trở lại Mẫu Cổ
điển, bấm OK. Một lưu ý là khi chuyển sang mẫu cổ điển, sẽ không còn khung để
chỉnh sửa kiểu kéo thả trực quan như ở dạng LayOut bên trên. Muốn thêm, bớt cái
gì,bắt buộc bạn phải thao tác với mã HTML.
1. Sao
lưu Mẫu: Việc quan trọng đầu tiên trước khi thực hiện các thay đổi với mẫu là
bạn phải sao lưu mẫu. Việc sao lưu rất đơn giản, bạn copy tất cả mã HTML trong
khung tại phần Chỉnh sửa HTML, mở Notepad và paste vào đó, Save lại vào nơi an
toàn. 2. Khôi phục mẫu: Trong quá trình chỉnh sửa, có thể việc chỉnh sửa không
được như ý,... bạn sẽ phải khôi phục lại mẫu cũ. Bạn thao tác ngược lại với quá
trình sao lưu bên trên, mở file Notepad có chứa mã HTML đã sao lưu ở trên, copy
và paste vào khung chứa mà HTML tại phần Chỉnh sửa HTML. Bấm Lưu thay đổi Mẫu
để lưu lại các thay đổi, bấm Xem trước nếu muốn xem những thay đổi với blog
trước khi bấm lưu lại. còn nhiều mẹo làm blogger nữa sau này mình sẽ post bài
thêm dưới đây là một số blooger mà tôi đã hoàn thiện:
Hướng
dẫn sử dụng Blogspot
HƯỚNG DẪN TẠO
VÀ QUẢN LÝ BLOGSPOT
Blog là gì: Là trang chia sẻ thông tin cá nhân trực tuyến.
Blogger là gì : (a person
who keeps a blog). Nôm na là để chỉ những người làm chủ + sử dụng các
blog.
Google cung cấp dịch vụ một dịch vụ Blog hoàn toàn miễn phí tại
địa chỉ https://www.blogger.com/. Bạn cần đăng kí một
tài khoản Google mới hoặc có thể sử dụng tài khoản Gmail cũ của bạn để sử dụng
dịch vụ nầy.
1/ Đăng ký một tài khoản Gmail (Tài
khoản google) : Đăng nhập Gmail.com, Click nút Create an account và làm theo hướng dẫn. Tài
khoản Gmail này dùng để đăng nhập vào Blogspot.
2/ Tạo Blog : Đăng
nhập vào địa chỉ http://blogger.com hoặc http://blogspot.com. Nhập Email (không cần @gmail.com) và mật
khẩu Gmail vừa tạo ở (1), Click nút Đăng nhập => Xuất hiện Giao diện Đăng ký
Blogger => Nhập tên hiển thị => Click nút tiếp tục.
-
Xuất hiện giao diện Bảng điều khiển => Click vào 
( - Ngày 28/06/2012 : Đây là giao diện cũ vì viết đã lâu, từ
giao diện mới chuyển qua cũ như sau :
- Chuyển lại giao diện mới :
- Trong giao diện mới click để sử dụng :
Đại khái nó cũng na ná như nhau bây giờ viết lại hướng dẫn mới thì
nhác quá.)
- Nhập
tiêu đề của blog, Nhập địa chỉ Blog (URL), không trùng với tên người khác đã
đặt rồi, thí dụ : VQBgiapha. (Nhấp nút : Kiểm tra tính sẵn có để biết có người sử dụng địa chỉ
này hay chưa, nếu có rồi, đặt tên khác.)
-
Xong Nhấp nút Tiếp tục.
- Chọn
một mẫu nào thấy đẹp, thí dụ chọn mẫu Cửa sổ hình ảnh (sau nầy ta có thể
thay đổi nhiều mẫu khác trong nút thiết kế). Nhấp nút tiếp tục.
- Đã
tạo thành công. Lúc này bạn đã có một Blog, có thể đăng bài ngay hoặc chỉnh sửa
giao diện tùy ý. Bạn có thể giới thiệu cho mọi người địa chỉ đã đăng ký như
trên: thí dụ VQBgiapha.blogspot.com với tư cách người xem.
3/ Quản lý blog :
-
Nếu bạn vừa tạo xong blog như (2), tức là bạn đã đăng nhập, bạn có thể Click
NÚT BẮT ĐẦU VIẾT BLOG và quản lý.
-
Nếu đã đăng xuất thì bạn vào địa chỉ http://blogger.com
đăng nhập với tư cách là người quản trị bằng cách nhập Tên Email và Mật khẩu.
Xong Click nút đăng nhập
Xuất hiện Bảng điều khiển: Chúng
ta tạm
quan tâm đến 3 phần được khoanh trong hình bên dưới. Phần cài đặt và thiết kế
sẽ khảo sát sau.
a)
Chỉnh sửa hồ sơ : Điền một số thông tin về
mình để chia sẻ với mọi người.
b) Chỉnh sửa ảnh : Click nút Chọn Tệp tin, tìm đến thư
mục chứa hình ảnh trong máy của bạn (hoặc từ web) để đưa ảnh vào blog.
c)
Bài đăng mới : Click vào BÀI
ĐĂNG MỚI, nhập tiêu đề, gõ bài
viết trực tiếp vào. Nhưng tiện nhất là copy (Ctrl + C) từ word hoặc web rồi dán
(Ctrl + V) vào cho nhanh. Chương trình cho phép dán cả những hình ảnh đã chèn
trong web, (với word thì không mà ta phải chèn vào từ nút chèn hình ảnh trong
hình dưới.
Thanh
công cụ định dạng cũng tương đối, tạm dùng được, dĩ nhiên không đầy đủ như
Word, nhưng có cả phần chỉnh sửa HTML dành cho người biết lập trình web.
Xong
Click nút XUẤT BẢN BÀI ĐĂNG.
- Chèn hình ảnh : Click nút Chèn hình ảnh à Click Chọn
Tải lên à Click Chọn tệp à Browse đến thư mục chứa hình ảnh trong máy, có thể
chọn nhiều hình. Xong Click nút Thêm
hình ảnh đã chọn.
d)
Chỉnh sửa bài đăng : Sau khi xuất bản bài
đăng thấy chưa vừa ý ta có thể Click nút Chỉnh sửa bài đăng để sửa lại, xong
Click nút Xuất bản bài đăng.
e) Chỉnh sửa Trang : Click Bài đăng mới hoặc chỉnh sửa bài đăng (cả 2 đều được)
e) Chỉnh sửa Trang : Click Bài đăng mới hoặc chỉnh sửa bài đăng (cả 2 đều được)
Hoặc
khi xem blog (đã đăng nhập) :
Click
Chỉnh sửa trang :
+ Tạo
trang mới : Click vào nút TRANG MỚI
+ Nếu
đã tạo trang và muốn chỉnh sửa : Click Chỉnh sửa.
+ Nếu
là trang mới : Nhập tiêu đề cho trang, nhập nội dung. Trang cũ thì sửa nội
dung. Xong Click nút XUẤT BẢN TRANG.
+ Kết hợp với phả hệ đồ của Việt nam gia phả : Mở Web
Việt Nam gia phả của bạn lên. Trong link chú ý con số như khoanh ở hình dưới.
Thí dụ : link của tôi có số 7914.
- Trong
chỉnh trang (hoặc bài đăng), chọn Chỉnh sửa HTML. Copy dòng chữ màu xanh bên
dưới, dán vào phần nội dung, sửa số 7914 thành số của bạn. Xong Click nút XUẤT BẢN TRANG.
<iframe align="center" frameborder="0"
height="1000" scrolling="auto" src="http://vietnamgiapha.com/api.php?frid=7914" width="100%"></iframe>
(Dòng code nầy được cung cấp
bởi Mr Nghĩa)
Chúc mừng, bạn đã nhúng được Phả hệ đồ của Việt Nam Gia Phả vào
Blog rồi.
Thiết kế : Phần
này khá hay sẽ làm cho blog của bạn phong phú, đa dạng, bắt mắt hơn, bạn có thể
tham khảo thêm trên web hoặc chờ cập nhật
Chúc các bạn có một “Blog sạch đẹp”. Các bạn có thể tham khảo
thêm tại :
Ngày 29/06/2012
THỦ THUẬT BLOGGER - TẠO CHỮ CHUYỂN ĐỘNG (CHẠY-CUỘN).
Một số bạn hỏi tôi về tạo chữ chạy trong Blogger. Đó là lý do để
tôi viết hướng dẫn nhỏ giúp các bạn thực hiện thủ thuật nầy. Hướng dẫn này
không chỉ dành riêng trong blogger mà còn sử dụng được cho một số blog khác và
dĩ nhiên hướng dẫn nầy cũng xài được trong vietnamgiapha.com mà tôi thường theo
dõi.
Hướng dẫn nầy xử dụng thẻ Marquee - HTML code mà đa số đều đã biết. Nhưng đoạn code được đặt ở những vị trí khác nhau thì sẽ sẽ hiển thị ở những phần khác nhau, điều nầy sẽ được hướng dẫn ở cuối bài. Chúng ta hãy xem qua một số code từ đơn giản đến phức tạp và ví dụ trước.
Hướng dẫn nầy xử dụng thẻ Marquee - HTML code mà đa số đều đã biết. Nhưng đoạn code được đặt ở những vị trí khác nhau thì sẽ sẽ hiển thị ở những phần khác nhau, điều nầy sẽ được hướng dẫn ở cuối bài. Chúng ta hãy xem qua một số code từ đơn giản đến phức tạp và ví dụ trước.
HTML Marquee : Thuật ngữ này
được sử dụng để tạo ra một văn bản di chuyển hoặc trượt.
+ Cách dùng 01 : <Marquee> Text và các đoạn code HTML khác</Marquee>
Ví dụ 01 :
<Marquee> Chữ
chạy từ phải sang trái với thẻ <B> Marquee</B></Marquee>
Chữ bình thường theo mặc định chạy từ trái sang phải.
Ta thường thêm vào một số thuộc tính khác để chủ động điều khiển
theo ý thích. Tuy nhiên đừng nên quá màu mè hoặc lạm dụng sẽ làm loãng trang
blog.
Trước khi xem tiếp những cách dùng khác ta cần biết một số thuộc
tính của thẻ Marquee. Hoặc xem tiếp cách dùng và tham khảo ngược cũng được.
MỘT SỐ THUỘC TÍNH KHÁC CỦA THẺ MARQUEE
- Direction = Left, Right, Up, Down (“Trái” -
“Phải” - “Lên” - Xuống”)
Direction = "Left "
Direction = "Right"
Direction = "Up"
Direction = "Down"
Mặc định là left (trái) nếu không chỉ định.
- Loop = "5"
Đặt số lượng thời gian vùng chọn sẽ di chuyển. Ví dụ, trong
Internet Explorer, nếu số lượng là 5, vùng chọn (văn bản) sẽ di chuyển 5 lần và
dừng lại. Lệnh này có thể được bỏ qua bởi Firefox và các văn bản tiếp tục di
chuyển. Đối với các trình duyệt, nếu không có giá trị được quy định cụ thể hoặc
nếu thuộc tính này được bỏ qua, vùng chọn sẽ di chuyển hay lặp liên tục.
- Scrollamount = "1"
Nếu là 1, văn bản di chuyển; cuộn với tốc độ chậm. Nếu thuộc
tính này chưa được nêu rõ, giá trị mặc định là 6 - di chuyển; cuộn nhanh hơn.
- Scrolldelay = "100"
Thiết lập khoảng thời gian giữa mỗi động tác di chuyển trong
mili giây. Giá trị mặc định là 85. Giá trị càng cao, tốc độ cuộn càng chậm. Giá
trị nhỏ hơn 60 sẽ được bỏ qua và thay thế bằng giá trị 60.
- Bgcolor: rgb (255,0,0) "> #
XXXXXX"
Màu nền cho văn bản di chuyển. Tham
khảo Biểu đồ Mã HTML Color cho các mã màu.
- Height = "50px"
hoặc Height = "80%"
hoặc Height = "80%"
Chiều cao của hộp vùng chọn bằng pixel hoặc giá trị phần trăm.
Giá trị mặc định là chiều cao chứa văn bản.
- Width = "200px"
hoặc = "80%"
hoặc = "80%"
Tương tự chiều rộng của hộp vùng chọn bằng pixel hoặc giá trị
phần trăm.
- Vspace = "20px"
Vspace = "80%"
Thiết lập lề trên và dưới các văn bản di chuyển bằng pixels hoặc
tỷ lệ phần trăm.
- Hspace = "20px"
Hspace = "80%"
Thiết lập lề trái và phải các văn bản di chuyển bằng pixel hoặc
tỷ lệ phần trăm.
- Behavior="Scroll"
behavior =
"Alternate"
behavior = "Slide"
Phương pháp cuộn chữ. Giá trị gồm: Scroll, Slide, Alternate.
- Scroll : Cuộn không ngừng.
- Slide : Di chuyển theo 1 hướng rồi dừng
lại.
- Alternate : Đổi hướng di chuyển khi chạm
vào biên. (văn vản đong đưa)
+ Cách dùng 02 : <Marquee
bgcolor="#ffffcc"> Text và các
đoạn code HTML khác </Marquee>
Ví dụ 02 : <Marquee bgcolor="#ffffcc"> Cuộn văn bản từ phải sang trái theo
mặc định với nền màu vàng nhạt.</Marquee>
+ Cách dùng 03 : <Marquee
behavior="alternate" width="80%"
bgcolor="#ffffcc"> Text và các
đoạn code HTML khác </Marquee>
Ví dụ 03 : <Marquee behavior="alternate" width="80%"
bgcolor="#ffffcc"> Chống cuộn văn bản bằng cách sử dụng các hành vi thay thế. </Marquee>
Ở đây, văn bản bị trả lại từ một bên khác và chiều rộng của hộp
văn bản đã được giảm xuống 80%, nền văn bản màu vàng nhạt. Ta thấy các thuộc
tính của thẻ marquee được viết cách nhau bởi khoảng trắng và không có dấu phảy.
* <Marquee behavior=“scroll”> Cuộn văn bản không ngừng </Marquee>
* <Marquee behavior=“slide”> Di chuyển văn bản theo 1 hướng rồi dừng lại </Marquee>
* <Marquee behavior=“alternate”> Đổi hướng di chuyển văn bản khi chạm vào biên </Marquee>
+ Cách dùng 04 : <Marquee
scrolldelay="150" direction="up" width="300px"
height="100px" bgcolor="#ffffcc">Text và các đoạn code HTML khác</Marquee>.
Ví dụ 04 : <Marquee
scrolldelay="150" direction="up" width="300px"
height="100px" bgcolor="#ffffcc"> Văn bản cuộn trở lên. Để văn bản xuất
hiện trong các dòng tiếp theo, thêm <p> </ p> sau các dòng trước</Marquee>.
Scrolldelay đã được thiết lập ở mức 150. Tăng giá trị này nếu
bạn muốn có một tốc độ chậm hơn.
+ Cách dùng 05 : <Marquee
hspace="50%" direction="down" scrollamount="2"
height="100px" bgcolor="#ffffcc">Text và các đoạn code HTML khác</Marquee>.
Ví dụ 05 : <Marquee
hspace="50%" direction="down" scrollamount="2"
height="100px" bgcolor="#ffffcc"> Văn bản cuộn xuống dưới. Để văn bản xuất hiện trong các dòng tiếp
theo, thêm <p> </ p> sau các dòng trước đó </Marquee>.
Sử dụng Scrollamount để kiểm soát tốc độ. Giá trị cao hơn, tốc
độ nhanh hơn (mặc định : 6). Lề trái và phải thiết lập theo hspace.
Chú ý trong ví dụ trên văn bản là màu đen. Nếu bạn muốn có một
màu sắc hay phong cách khác nhau cho văn bản của bạn, bạn có thể thiết lập
phong cách của văn bản với mã màu và hướng khác. Dưới đây là một số ví dụ:
+ Cách dùng 06 : <Span
style="color:#F6358A; font-weight:bold;"> <Marquee
direction="right" scrollamount="3" bgcolor="#333333">Text và các đoạn code HTML khác</Marquee> </Span>
Ví dụ 06 : <Span
style="color:#F6358A; font-weight:bold;"> <Marquee
direction="right" scrollamount="3"
bgcolor="#333333"> Cuộn văn bản từ phải sang trái </Marquee> </Span>
Ví dụ tiếp : <Span
style="color:#6AFB92; font-size:xx-large; font-family:fantasy;
font-weight:bold;"> <Marquee direction= "" scrollamount =
"3" bgcolor = "# 333333" > Cuộn văn bản từ trái sang phải </Marquee>
</Span>
+ Cách dùng 07 : <Marquee
bgcolor="#ffffcc" onmouseover="this.stop()"
onmouseout="this.start()">Text và các
đoạn code HTML khác </Marquee>
Ví dụ 07 : <Marquee
bgcolor="#ffffcc" onmouseover="this.stop()"
onmouseout="this.start()"> Văn bản di chuyển tạm
dừng khi di chuột lên nó và bắt đầu lại khi di chuột ra khỏi</Marquee>
+ Cách dùng 08 : <Marquee> Text và các đoạn code HTML khác và liên kết hình ảnh</Marquee>
Ví dụ 08 : <Marquee> Hi! Chào! <IMG SRC="s1258.photobucket.com/albums/ii522/Allpicture2012/?action=view¤t=b.gif"
HEIGHT=82 WIDTH=82 ></Marquee>
1/ Chèn vào bài viết : Trong bài viết chuyển qua chế độ soạn thảo HTML
Chèn thẻ Marquee vào vị trí muốn chèn. Nhưng không chèn vào giữa
những thẻ khác, Thường là chèn vào cuối thẻ </div>
Ví dụ : ........ </div> (đóng của thẻ trên)
Viết thẻ marquee vào giữa 2 thẻ
<marquee> chữ chạy từ phải sang trái </marquee>
<div> ......... (mở của thẻ dưới)
Nhớ đóng thẻ </marquee> nhé, nếu không văn bản sẽ chạy từ đó
cho đến cuối bài.
+ Với chương trình vietnamgiapha-3.1.5.x.exe: Chèn thẻ Marquee ngay trong phần Phả ký, thủy tổ, hương hỏa
v.v... Sau đó cập nhật lên web.
2/ Chèn vào Header : Cái nầy thì làm đẹp cho tiêu đề của blog mình đây. Click vào bố
cục.
Click vào thêm tiện ích
Click vào HTML/Javascript
Nhập thẻ Marquee vào phần nội dung. Tiêu đề thì để trống.
Xong nhấp nút lưu.
Đè chuột trái kéo HTML thả lên trên
Cuối cùng thì được như thế nầy
Hoàn thành rồi, nhưng phải Click nút lưu sắp xếp đấy nhé.
Chúc thành công.
và
- Title : Hướng dẫn làm Blogger
- Posted by :
- Date : Thứ Năm, tháng 8 29, 2013
- Labels :
