Tạo blog cá nhân với tên miền blogspot

Friday, June 26, 2009
Hôm nay mình bắt đầu viết loạt bài hướng dẫn tạo blog cá nhân qua dịch vụ tạo blog của Google. Chỉ cần có một chút đam mê và bỏ một ít thời gian là bạn có thể tạo cho mình một không gian mang bản sắc riêng trên thế giới ảo. Mình sẽ trình bày cụ thể từng bước để những bạn mới bắt đầu cũng có thể tự tay tùy chỉnh cho blog của mình.


Trước hết để tạo blog với tên miền blogspot.com bạn cần có một tài khoản Gmail (chỉ cần 2 phút để đăng ký).

Bạn có thể đăng nhập vào các địa chỉ sau đây để bắt đầu tạo blog.
Bạn theo các bước hướng dẫn để tạo một blog mới.
Vậy là bạn có thể bắt đầu đăng bài được rồi. Tuy nhiên các template mặc định của Blogspot rất đơn điệu và ít tính năng chắc chắn sẽ không thỏa mãn được yêu cầu của bạn. Có rất nhiều trang web cung cấp template miễn phí cho blogspot bạn có thể tham khảo và chọn cho mình một mẫu ưng ý.
Để sử dụng template mới bạn đăng nhập vào blog theo địa chỉ trên. Chọn Layout, Edit HTML. Trong mục Backup/Restore template, chọn Browse, tìm đường dẫn tới nơi chứa file template tải về và chọn Upload.

Bây giờ bạn có thể tiến hành tùy chỉnh template mới được rồi, nhưng trước tiên chúng ta hãy cùng nhau tìm hiểu một chút về HTML (HyperText Markup Language). Bạn có thể ghi nhớ chúng hoặc copy mẫu vào một file văn bản để sử dụng.
  • Tạo liên kết bằng text:
Code:
<a href="http://mw21593.blogspot.com/">Minh Hai Blog</a>
Results: Minh Hai Blog

- Nếu muốn liên kết được mở ra ở một cửa sổ mới bạn thêm target="blank"
Code:
<a href="http://mw21593.blogspot.com/" target="blank">Minh Hai Blog</a>

- Hiện dòng chữ nhất định khi đưa chuột tới liên kết thêm title="text description"
Code:
<a href="http://mw21593.blogspot.com/" title="knowledge should be share">Minh Hai Blog</a>
  • Tạo liên kết bằng image:
Code:
<a href="đường link gốc"><img src="đường link tới file ảnh"></a>
Exp:
  • Tạo thumbnail image:
Code:
<a href="link ảnh gốc" alt="click to enlarge the picture"><img src="link thumbnail"/></a>

Exp:
  • Tạo image hover (khi đưa chuột qua bức ảnh sẽ thay đổi):
Code:
<a href="link gốc" onmouseover="nameyourimage.src='link tới ảnh được hiển thị khi rê chuột qua'" onmouseout="nameyourimage.src='link tới ảnh hiển thị'"><img src="link tới ảnh hiển thị" name="nameyourimage" border="0" /></a>
Exp:

Chú ý: Tên của bức ảnh (nameyourimage) phải viết liền.
  • Tạo bảng
Code:
<table border="1" bordercolor="#ebebeb" style="background-color:#ffffff" width="500" cellpadding="3" cellspacing="3">
<tr>
<td><strong>header1</strong></td>
<td><strong>header2</strong></td>
<td><strong>header3</strong></td>
</tr>
<tr>
<td>table cell 1</td>
<td>table cell 2</td>
<td>table cell 3</td>
</tr>
<tr>
<td>table cell 1</td>
<td>table cell 2</td>
<td>table cell 3</td>
</tr>
</table>
Results:

Header1 Header2 Header3
Table Cell 1 Table Cell 2 Table Cell 3
Table Cell 1 Table Cell 2 Table Cell 3
  • Một vài yếu tố khác:
- Chữ in đậm: <strong>nội dung</strong> (Nội dung)
- Chữ in nghiêng: <em>nội dung</em> (Nội dung)
- Thay đổi font chữ, cỡ chữ, màu sắc: <font face="arial,sans-serif" size="2" color="#ec2800">nội dung</font> (Nội dung)
- Tạo bullet:
<ul>
<li>line 1</li>
<li>line 2</li>
</ul>
Results:
  • Line 1
  • Line 2
Bạn có thể cập nhật bài viết mới từ Blogger+ một cách nhanh nhất bằng cách:

Đăng ký nhận tin RSS;

Đăng ký nhận bài viết mới qua Email.


Copyright 2008 - 2022 - BloggerPlus.net. All rights reserved.
Ghi rõ nguồn khi phát hành lại thông tin từ trang này.
Designed by Pavel. Powered by Blogger
Based on CSS by Ourblogtemplates