Thiết kế Website Với Blogger Gồm 3 Bước:
Bước 1: Tạo blog
Bước 2 Thiết Kế Blog
Bước 3: Thêm Các Tiện Ích Vào Blog
Bước 4: Chỉnh Sửa Web cho chuẩn SEO
Bước 4: Chỉnh Sửa Web cho chuẩn SEO
 |
| Cách Thiết Kế Website Với Công Cụ Blogger |
Bước 1: Tạo blog
-
Tạo Blog:
Vào Blogger.com - > Tạo Blog -> Tạo tiêu đề + Địa chỉ + Chọn Giao Diện
-> Ok
-
Chỉnh sửa Tiêu Đề và Địa chỉ Blog: vào phần cài đặt -> chọn chữ chỉnh sửa mà
danh mục mình muốn chỉnh sửa.
-
Cách xóa từ được
cung cấp bởi Blogger:
Vào HTML -> Ctrl+F ->Gõ chữ
Attribution -> tìm đến dòng
<b:widget id='Attribution1' locked='true' title=''
type='Attribution'>
-> chuyển locked='true' thành locked='false'
-> trở ra là có thể xóa được chữ nhà cung cấp bởi Blogger.
Bước 2 Thiết Kế Blog
-
Lựa chọn mẫu và
tải mẫu thiết kế lên Blog: Vào
Btemplates.com (có nhiều trang cung cấp Template khác nhau) -> Tải mẫu Nomar về máy và giải nén - > Vào phần Mẫu ->
chọn sao lưu / khôi phục -> chọn mẫu mình vừa giải nén -> chọn file cùng
tên với foder có đuôi XML - > Tải lên
-
Chỉnh sửa mẫu Blog
Font
chữ: Vào Mẫu -> chọn HTML -> Ctrl+F -> tìm đoạn mã fonts.googleapis.com/css?family - > Thay font chữ Droid+Sans thành Tahoma (font chữ hỗ trợ tiếng Việt).
-
Thay Menu Tiếng
Anh Sang Tiếng Việt: Vào phần Mẫu -> chọn HTML -> Tìm cữ homepageUrl
-> Chuyển chữ Home thành Trang Chủ.
-
Tạo Các Danh Mục Trên Thanh Menu:Đây
là các danh mục ban đầu sau khi tải mẫu.
<li><a href='#'>Business</a>
<ul class='sub-menu'>
<li><a href='#'>Featured
Image</a></li>
<li><a
href='#'>Slider</a></li>
<li><a
href='#'>SoundCloud</a>
<li><a href='#'>Video</a></li>
</ul>
</li>
Bạn Đổi Thành Giống Như Đoạn Code sau:
<li><a
href='http://www.vietshop24h.com/search/label/Sản Phẩm'>Sản Phẩm</a>
<ul
class='sub-menu'>
<li><a
href='http://www.vietshop24h.com/search/label/Dầu Xoa Bóp'>Dầu Xoa Bóp Bình
An</a></li>
<li><a href='http://www.vietshop24h.com/search/label/Bôt
Ngũ Cốc'>Bột Ngũ Cốc</a></li>
<li><a href='http://www.vietshop24h.com/search/label/Balo
Túi Xách'>Balo Túi Xách</a></li>
</ul>
</li>
Nếu muốn trỏ đường Link ra ngoài: Bạn thêm đường link bên ngoài vào như sau.
<a
href='http://www.chuyennhadat24h.com' rel='nofollow'
target="_blank">Bất Động Sản</a>
Bước
3: Thêm Các Tiện Ích Vào Blog
Thêm Fanpage; Google +; Bài Viết Phổ Biến; Thêm Favicon
Bạn thêm tiện ích -> bạn chọn thêm phần HTML/Javascript -> Bạn dán đoạn code sau vào, sau đó thay thế đường link in đậm bên dưới bằng đường link của Fanpage của bạn. Width Chỉnh sửa độ rộng cho Fanpage, Height Chỉnh sửa chiều cao cho Fanpage.
<div><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/vietshop24hcom&width=300&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=350" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 200px; width: 350px;background:#fff;"></iframe>
</div>
Bước 4. Chỉnh Sửa Web Cho Chuẩn Seo
Cách Thêm Thẻ Meta
Keywords Và Meta Description Vào Websie: Bạn
thêm 2 thẻ này giữa cặp thẻ <head></head>
<meta content='Trang thông tin kiến thức hữu
ích về lĩnh vực Marketing Online, nhằm cung cấp những công cụ hữu ích trong việc
kinh doanh thế hệ mới' name='description'/>
<meta
content='Những Kiễn Thức Hữu Ích, Marketing Online, nhung kien thuc huu ich,
Internet Marketing, Thương Mại Điện Tử, thuong mai dien tu'
name='keywords'/>
Cách Thêm Thẻ H1 Vào
Tiêu Đề Website Và Tiêu Đề Bài Viết:
- data:blog.title/ -> Phần chứa tiêu đề website.
- data:blog.pageName/ - > Phần chứa tiêu
đề bài viết
Bạn vào phần
Mẫu -> chọn phần HTML > Tổ phím Ctrl+F -> dán data:blog.title/ vào ô seach box -> tìm đến đoạn mã sau rồi thêm
cặp thẻ <h1></h1> vào. Bạn có thể xem Video hướng dẫn chi tiết.
Dưới đây là đoạn mã cốt mĩnh đã thêm thể <h1>
Dưới đây là đoạn mã cốt mĩnh đã thêm thể <h1>
<h1><title> <data:blog.title/></title></h1>
<h1><title>
<data:blog.pageName/> </title></h1>
8 Comments
Dear Mr Hưng !
ReplyDeletemình đã vào chỉnh font chữ cho blog của mình mà chưa đc.sau chữ family = mình gõ vào đây : Unicode mà vẫn ko sửa lỗi font chữ đc. Có cách nào khác để sửa lỗi font chữ ko ạ ?
Nhờ bạn giúp mình với.Tks bạn.
Chào bạn, tại mỗi theme thì có cấu trúc mã code có phần hơi khác nhau 1 chút. Bạn tìm đến đoạn mã fonts.googleapis.com/css?family sau đó tìm đến phần font chữ, chuyển nó sang Tahoma thì nó sẽ có định dạng font chữ tiếng việt nha bạn.
DeleteAnh ơi sao xô máy bài viết ra trang chủ ạ, em gắn thẻ cho nó mà không ra được
ReplyDeleteBài viết trang chủ sẽ được hiện tự động theo theme nha ban
DeleteAnh ơi sao xô máy bài viết ra trang chủ ạ, em gắn thẻ cho nó mà không ra được
ReplyDeleteCái này bạn phải lựa chọn theme phù hợp mới giúp bài viết của bạn ra trang chủ. Còn thẻ tag chỉ có tác dụng cho đường link chứa tag đó thôi.Delete
DeleteCho e hỏi sao mấy bài viết của em nó không hiện ở mấy mục dưới vậy a
ReplyDeletehttp://sonarc.blogspot.com/
Để bài viết hiện đúng mục bại phải coi kỹ thẻ tag
Delete