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.
( - 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á.)
- 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.
<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.
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.
Chữ chạy từ phải sang trái với thẻ Marquee
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>
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
+ 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>
Chống cuộn văn bản bằng cách sử dụng các hành vi thay thế
Ở đâ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>.
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 sau các dòng trước
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>.
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 sau các dòng trước đó
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>
Cuộn văn bản từ phải sang trái
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>
Cuộn văn bản từ trái sang phải
+ 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>
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
+ 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>
Hi Chào!
CHÈN THẺ MARQUEE TRONG BLOGGER
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.
28/06/2012 : Tham khảo từ http://www.htmlcodetutorial.com/
Không có nhận xét nào:
Đăng nhận xét