Cách Thiết Kế Website Với Công Cụ Blogger


Cách Thiết Kế  Website Với Công Cụ Blogger
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&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;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>

 <h1><title> <data:blog.title/></title></h1>

 <h1><title> <data:blog.pageName/> </title></h1>

Chúc các bạn sẽ thực hiện được các bước thiết kế website với công cụ là Blogger thành công.
Marketing Online SEO - Mr. Nguyễn Hưng

Post a Comment

7 Comments

  1. Dear Mr Hưng !
    mì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.

    ReplyDelete
    Replies
    1. 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.

      Delete
  2. Anh ơi sao xô máy bài viết ra trang chủ ạ, em gắn thẻ cho nó mà không ra được

    ReplyDelete
    Replies
    1. Bài viết trang chủ sẽ được hiện tự động theo theme nha ban

      Delete
  3. Anh ơi sao xô máy bài viết ra trang chủ ạ, em gắn thẻ cho nó mà không ra được

    ReplyDelete
  4. Cho 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
    http://sonarc.blogspot.com/

    ReplyDelete
    Replies
    1. Để bài viết hiện đúng mục bại phải coi kỹ thẻ tag

      Delete