Showing posts with label thiet-ke-blogspot-chuyen-nghiep. Show all posts
Showing posts with label thiet-ke-blogspot-chuyen-nghiep. Show all posts

Thursday, December 12, 2019

Serie Hướng dẫn Thiết kế Blogger chuyên nghiệp từ căn bản đến nâng cao

Serie hướng dẫn thiết kế Blogger chuyên nghiệp

Hướng dẫn chi tiết từ cơ bản đến nâng cao

Serie hướng dẫn thiết kế Blogger chuyên nghiệp

Như các bạn đã biết, từ khi lập website này để hướng dẫn thiết kế Blogger cho người mới bắt đầu, Nguyễn Trường Sơn luôn cập nhật các bài hướng dẫn từ đầu đến cuối cho các bạn dễ theo dõi. Và các bài này được sắp xếp từ đầu đến bài mới nhất ở bên thanh menu bên phải. Tuy nhiên, sau nhiều lần thay đổi Template cho website/Blogspot khiến menu Serie hướng dẫn Blogger phải làm đi làm lại nhiều lần rất mất thời gian, nay mình làm 1 bài tổng hợp các bài viết từ đầu đến cuối (tiếp tục cập nhật) để các bạn tiện theo dõi nhé

Ai có góp ý gì thì vui lòng comment phía dưới cho mình nhé

Thanks

Serie các bài hướng dẫn thiết kế Blogger chuyên nghiệp
  1. Bài 1: Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao
  2. Bài 2: Hướng dẫn thêm bình luận Facebook vào bài viết của Blogspot
  3. Bài 3: Hướng dẫn thay banner cho Blogspot
  4. Bài 4: Hướng dẫn thay đổi nội dung chân trang Blogspot
  5. Bài 5: Hướng dẫn cách thêm Fanpage vào Blogspot
  6. Bài 6: Hướng dẫn chỉnh sửa tiêu đề (title) bài viết Blogspot chuẩn SEO
  7. Bài 7: Hướng dẫn thay đổi giao diện/template cho blogspot
  8. Bài 8: Hướng dẫn thiết kế website chuyên nghiệp với blogspot
  9. Bài 9: Hướng dẫn gắn tên miền vào Blogspot đơn giản, nhanh gọn
  10. Bài 10: Hướng dẫn khắc phục lỗi không hiển thị hình ảnh của Blogspot
  11. Bài 11: Hướng dẫn tạo banner quảng cáo trượt dọc 2 bên website/Blogspot
  12. Bài 12: Hướng dẫn tạo Popup quảng cáo nhỏ gọn ở góc dưới màn hình
  13. Bài 13: Hướng dẫn tạo Popup quảng cáo hiện giữa màn hình Website/Blogspot
  14. Bài 14: Hướng dẫn thêm/thay đổi Email quản trị tài khoản Blogspot
  15. Bài 15: Tổng hợp 10 trang cung cấp Template đẹp, miễn phí cho Blogspot
  16. Bài 16: Hướng dẫn đăng ký tên miền miễn phí cho Blogspot
  17. Bài 17: Hướng dẫn thiết kế website bằng WordPress chi tiết
  18. Bài 18: Hướng dẫn chuyển nội dung bài viết của Blogspot qua WordPress
  19. Bài 19: Hướng dẫn kiếm tiền online bằng trang Blogspot/Blogger của bạn
  20. Bài 20: Top 18 Template Blogspot Bất động sản chuyên nghiệp miễn phí
  21. Bài 21: Top những Template Blogspot bán hàng chuyên nghiệp miễn phí cực đẹp
  22. Bài 22: Hướng dẫn thiết kế website bán hàng miễn phí bằng Template Blogspot CatalogSpot
  23. Bài 23: Hướng dẫn tạo Floating Social Bookmark trượt đẹp cho Blogspot
  24. Bài 24: Hướng dẫn thiết kế Website bằng WordPress miễn phí - Theme Sydney
  25. Bài 25: Hướng dẫn tạo bộ nút Social Network cho Blogspot
  26. Bài 26: Hướng dẫn tạo hiển thị Tổng số bài viết và Comment trên Blogspot
  27. Bài 27: Hướng dẫn thêm Reactions (phản ứng) vào bài viết Blogspot
  28. Bài 28: Hướng dẫn đăng ký AdSense bằng Blogspot
  29. Bài 29: Top 90 Templates Website Bất động sản chuyên nghiệp cực đẹp
  30. Bài 30: Hướng dẫn mua Tên miền giá rẻ trên NameCheap
  31. Bài 31: Hướng dẫn mua Tên miền trên Namecheap với giá 0,88$
  32. Bài 32: Hướng dẫn đăng ký tài khoản Amazon Associates 2019 chi tiết từ A đến Z mới nhất
  33. Bài 33: Top 6 nhà cung cấp WordPress Hosting nước ngoài nên dùng
  34. Bài 34: Hướng dẫn tạo Menu Categories danh mục cho Blogspot
  35. Bài 35: Hướng dẫn tạo Bình luận mới nhất cho Blogspot (có Avatar hiển thị)
  36. Bài 36: 10 lý do bạn nên chọn Hosting trên DreamHost
  37. Bài 37: DreamHost giảm giá Hosting 40% + Free Domain
  38. Bài 38: Mua tên miền ở đâu rẻ nhất, tốt nhất, uy tín nhất?
  39. Bài 39: Hướng dẫn tạo Bài viết liên quan (Related Post) cho Blogspot
  40. Bài 40: Hướng dẫn tạo Bài viết liên quan cho Blogspot theo Nhãn (Label) bài viết
  41. Bài 41: Hướng dẫn chống Copy bài viết trên Blogspot đơn giản hiệu quả nhất
  42. Bài 42: Hướng dẫn tạo Menu ngang và Menu dọc cho Blogspot
  43. Bài 43: Thiết kế website Bất động sản miễn phí bằng Blogspot (cơ bản)
  44. Bài 44: Thiết kế website Bất động sản chuyên nghiệp bằng Blogspot (nâng cao)
  45. Bài 45: Hướng dẫn tạo Push Notification (thông báo đẩy) cho Blogspot
  46. Bài 46: Share Template Blogspot bán hàng miễn phí cực đẹp
  47. Bài 47: Chương trình khuyến mãi Black Friday của FastComet
  48. Bài 48: Hướng dẫn Submit Url lên Google mới nhất 2019
  49. Bài 49: Khóa học Online Unica - Mã giảm giá Unica 2019
  50. Bài 50: Namecheap Coupon 2019 - Mã giảm giá Namecheap 2019
  51. Bài 51: Transfer Domain là gì? Những lưu ý khi Transfer Domain, Các bước Transfer Domain
  52. Bài 52: Hướng dẫn cách Transfer Domain sang Namecheap
  53. Bài 53: DreamHost Coupon 2019 - Mã giảm giá DreamHost 2019
  54. Bài 54: Hướng dẫn sử dụng GetResponse 2019

Tiếp tục cập nhật ....

Tuesday, July 25, 2017

Thiết kế website Bất động sản chuyên nghiệp bằng Blogspot (nâng cao)

Thiết kế website Bất động sản chuyên nghiệp bằng Blogspot

Mẫu Blogger Templates có Slide hình ảnh rất sinh động và hoàn toàn miễn phí




Tiếp nối chuỗi Serie tạo blog Bất động sản miễn phí bằng Blogspot, hôm nay Sơn Nguyễn tiếp tục làm video hướng dẫn các bạn cách thiết kế website Bất động sản bằng Blogspot nâng cao. Thực hành xong bài này các bạn sẽ thấy rất khác so với bài trước vì bài trước chỉ là tạo Blogspot cơ bản rồi cài đặt, chỉnh sửa, thiết kế để nhìn bắt mắt hơn, nhưng làm xong bài này thì các bạn còn tạo Blogspot chuyên nghiệp hơn ^^



  • Link download Blogger Templates trong video tại đây
  • Nhớ SUBSCRIBE (đăng ký) kênh để nhận được video mới nhất: https://goo.gl/5QxXSf
Mọi thắc mắc, góp ý các bạn cứ comment bên dưới nhé

Chúc các bạn thành công!

P/s: Nếu bạn thấy bài này hay, hữu ích thì hãy share cho bạn bè và đồng nghiệp của mình nữa nhé

Monday, July 24, 2017

Thiết kế website Bất động sản miễn phí bằng Blogspot (cơ bản)

Thiết kế website Bất động sản miễn phí bằng Blogspot

Giúp các bạn môi giới mới vào nghề có 1 website chuyên nghiệp để nâng cao hiệu quả kinh doanh



Trong công việc hiện nay, việc sở hữu ít nhất 1 website bán hàng ko còn là 1 điều xa xỉ với những người làm trong lĩnh vực kinh doanh bán hàng. Chính vì điều đó đã có rất nhiều công ty, tổ chức hay cá nhân đang làm dịch vụ thiết kế website bán hàng nhằm phục vụ nhu cầu ngày càng tăng của rất nhiều thượng đế này. Chi phí thiết kế website cũng khá đa dạng, với nhiều mức giá tùy vào độ chuyên nghiệp và độ bảo mật của website

Trong lĩnh vực Bất động sản, nhiều môi giới chuyên nghiệp hiễn nhiên họ đều có 1 trang web riêng để giới thiệu các dự án Bất động sản họ đang bán và nâng cao thương hiệu cá nhân của họ. Tuy nhiên, với các bạn trẻ mới vào nghề thì việc bỏ ra chi phí lớn để thiết kế website riêng cho mình là 1 vấn đề khá lớn. Và điều này đã hạn chế rất lớn vào kết quả kinh doanh của  họ. Chính vì vậy, hôm nay Sơn Nguyễn sẽ giúp các bạn khắc phục điều này bằng cách hướng dẫn các bạn thiết kế website Bất động sản miễn phí bằng Blogspot, trông chuyên nghiệp ko khác gì các trang web trả phí là bao nhiêu cả :D

Ngoài ra, các bạn hãy xem thêm Serie hướng dẫn blogspot ở thanh sidebar bên phải để nâng cao "tay nghề" và hoàn thiện trang web của mình ngày càng chuyên nghiệp hơn nhé

Video hướng dẫn Thiết kế website Bất động sản miễn phí bằng Blogspot (chi tiết)


Link lấy đoạn code trong video 

Mọi thắc mắc, góp ý các bạn vui lòng để lại ở phần comment phía dưới nhé

Chúc các bạn thành công!

P/s: Nếu bạn thấy bài này hữu ích thì hãy bấm nút G+ và nút Share bên dưới cho bạn bè, đồng nghiệp của mình cùng biết nữa nhé ^^

Để tìm các bài viết trên Google nhanh nhất, hãy tìm theo cú pháp: "từ khóa tìm kiếm + nguyentruongson.info"

<<< Bài trước
Bài 41: Hướng dẫn chống Copy bài viết trên Blogspot đơn giản hiệu quả nhất
Bài 42: Hướng dẫn tạo Menu ngang và Menu dọc cho Blogspot
Bài sau >>>

Tuesday, July 26, 2016

Hướng dẫn thiết kế website bán hàng miễn phí bằng Template Blogspot CatalogSpot

Hướng dẫn thiết kế website bán hàng miễn phí bằng Template Blogspot CatalogSpot

Đây là Template Blogspot bán hàng cực đẹp và miễn phí


Hôm nay Sơn Nguyễn sẽ hướng dẫn các bạn thiết kế website bán hàng miễn phí bằng Template Blogspot CatalogSpot

CatalogSpot là mẫu giao diện Blogger Template Blogspot bán hàng miễn phí thích hợp cho những bạn bán hàng online có tích hợp chức năng nhận thanh toán qua PayPal, tức là khi khách hàng khi đặt hàng và thanh toán trên website bán hàng của bạn thì bạn sẽ nhận được tiền qua tài khoản Paypal của bạn

Mẫu website bán hàng Template Blogspot CatalogSpot


 

Các tính năng nổi bật của Template Blogspot CatalogSpot
  • Có các Slideshow chuyên nghiệp.
  • Phần Menu giúp bạn tạo các Category sản phẩm
  • Giao diện trang chủ thân thiện với khách hàng.
  • Sản phẩm được trưng bày theo dạng lưới rất bắt mắt và chuyên nghiệp.
  • Tích hợp nút Add to Cart và hỗ trợ thanh toán bằng PayPal.

Video Hướng dẫn thiết kế website bán hàng miễn phí bằng Template Blogspot CatalogSpot




  • Các bạn hãy bấm ĐĂNG KÝ (Subscribe) Kênh để ủng hộ và nhận được video mới nhất nhé
  • Link: https://youtu.be/5-tNEoWX5V0

Hướng dẫn thiết kế website bán hàng miễn phí bằng Template Blogspot CatalogSpot


Bước 1: tạo 1 trang Blogspot cơ bản
Bước 2: download Template Blogspot CatalogSpot (bạn vào BTemplate.com và vào ô Search để tìm nhé)
Bước 3: trong phần quản trị Blogspot --> Mẫu --> Sao lưu/Khôi phục
Bước 3: Up file Template Blogspot CatalogSpot lên (nhớ phải Extract Here... trước nhé)
Bước 4: vào Chỉnh sửa HTML để tiến hành cài đặt, chỉnh sửa mẫu Template Blogspot CatalogSpot

Cách đăng bài viết

Cách đăng bài viết giới thiệu sản phẩm của mẫu Template Blogspot CatalogSpot ko giống với cách đăng bài viết thông thường. Các bài viết đã được định dạng theo mẫu của Template . Vì vậy các bạn dùng đoạn code dưới đây để đăng bài viết giới thiệu sản phẩm nhé

<div class="item_image"><img border="0" class="item_thumb" src="đường-link-hình-ảnh-sản-phẩm-của-bạn" />
<span class="item_price">$00.90</span></div>
<div class="item_Description">Some text for item description</div>

Bạn thay các dòng màu vàng cho phù hợp nhé

Chú ý: 
Hình ảnh có chiều rộng lớn hơn 700px
Giá: bạn có thể để là: 300.000 VNĐ. Tuy nhiên khi thanh toán nó sẽ mặc định thanh toán qua tiền tệ $$$. Vì vậy bạn hãy quy đổi giá sản phẩm của bạn qua $$$ nhé. Hoặc bạn tạo 1 trang Hướng dẫn mua hàng, Hướng dẫn thanh toán theo cách mà bạn muốn


Cài đặt thanh toán cho Website bán hàng
Để cài đặt thanh toán qua Paypal bạn cần có 1 tài khoản trên PayPal (đăng ký cũng đơn giản thôi, các bạn tự làm nhé. Nếu gặp vấn đề gì thì hãy comment phía dưới mình sẽ hỗ trợ thêm).

Phần cài đặt thanh toán như sau:

Trong phần quản trị Blogspot --> Mẫu --> chọn Edit HTML

Bấm Ctr+F để tìm  phần tử "CART SETTING" 

<script type='text/javascript'>
//<![CDATA[
/*----------------------------
CART SETTING
-----------------------------*/
$(function(){
simpleCart
({checkout:
{type: "PayPal" ,
email: "sontruongnguyen.....@gmail.com"
}
});
/*----------------------------
SHIPPING RATE SETTING
-----------------------------*/
simpleCart.shipping(function(){
if( simpleCart.quantity() > 20 )
{
return 0; }
else { return 10; }
});
});
//]]>
</script>

Thay thế địa chỉ email "sontruongnguyen.....@gmail.combằng đia chỉ Email Paypal của bạn

SHIPPING RATE SETTING: phí vận chuyển. Cụ thể:  là $10 nếu khách hàng mua ít hơn 20 sản phẩm và miễn phí nếu mua trên 20 sản phẩm (hoặc các bạn có thể bỏ qua nó, thay số 20 và số 10 thành số 0).


Tạo trang giỏ hàng

Để tạo trang giỏ hàng các bạn làm như sau:

Bước 1: Trong phần quản trị Blogspot --> Trang (Page)

Bước 2: tạo Trang mới (New Page)

Bước 3: chuyển nội dung soạn thảo sang chế độ HTML 

Bước 4: Copy và paste đoạn code bên dưới vào là xong

<div class="cart-view left">
<div class="simpleCart_items"></div>
</div>
<div class="cart-info right">
Shipping rate : <span class="simpleCart_shipping"></span>
<br/>
Total : <span class="simpleCart_grandTotal"></span><br/>
<br/>
<br/>
<div class="ck-btn">
<a href="javascript:;" class="simpleCart_checkout">Ready Checkout</a>
</div>
</div>

Bước 5: Xuất bản Trang giỏ hàng

Bước 6: nhớ khai báo với Google nhé (Submit Url)

Như vậy là xong rồi đấy ^^

Vậy là bạn đã tự mình tạo Blogspot bán hàng miễn phí bằng Template CatalogSpot rồi.

Hãy chia sẽ cảm nhận của bạn khi sử dụng Template Blogspot CatalogSpot trong việc bán hàng của bạn nhé.

Nếu trong quá trình thực hành bạn gặp vấn đề gì thì hãy comment phía dưới mình sẽ hỗ trợ thêm.

Việc tiếp theo là gắn tên miền cho Blogspot nữa là quá ok luôn, tránh trường hợp trang blogspot của bạn bị chặn bởi các nhà mạng ở Việt Nam

Nếu bạn chưa có tên miền thì có thể tham khảo cách mua tên miền giá rẻ , hoặc bấm vào "Khuyến mãi" hoặc "Domain" trên thanh menu.
Chúc các bạn thành công!!!

Tuesday, July 19, 2016

Hướng dẫn chuyển nội dung bài viết của Blogspot qua WordPress

Hướng dẫn chuyển nội dung bài viết của Blogspot qua WordPress 

Thủ thuật đơn giản chỉ trong 1 nốt nhạc


Sau khi hướng dẫn các bạn cách thiết kế website bằng WordPress, rất nhiều bạn đã rất thích WordPress và cũng rất muốn tạo cho mình 1 website trên WordPress.

Tuy nhiên lại có 1 vấn đề hơi rắc rối là: dù website WordPress rất hay nhưng các bạn ấy ko muốn bỏ Blogger vì trang Blogspot của bạn đã tạo khá lâu và đã có nhiều bài viết chất lượng, và bạn ko muốn bỏ nó để làm lại từ đầu. 

Để giúp cách bạn tháo gỡ vấn đề nhỏ nhoi này, hôm nay Nguyễn Trường Sơn sẽ hướng dẫn các bạn cách chuyển nội dung bài viết của Blogspot qua WordPress, hay nói nôm na cho dễ hiểu là: “dọn nhà” từ “nhà cũ” Blogger sang “nhà mới” WordPress.

Cũng đơn giản thôi mà ^^

Để chuyển từ Blogger sang WordPress mà giữ nguyên nội dung bài viết bạn cần phải có:
  • 1 trang Blogspot đã có nội dung - tất nhiên rồi ^^
  • 1 Domain cài sẵn website WordPress cơ bản
  • 1 Web Hosting để chứa nội dung website đó (và những website khác của bạn)
Bạn nào chưa có Hosting, chưa có Domain thì tham khảo bài viết ở phía dưới đây


Cách thực hiện chuyển nội dung của Blogspot/Blogger sang WordPress như sau:

Đầu tiên bạn truy cập vào Blogger --> Đăng nhập bằng tài khoản Gmail của bạn --> chọn trang Blogspot mà bạn muốn chuyển nội dung --> Vào phần quản trị của Blogspot đó

Trong phần quản trị Blogger --> Cài đặt --> Khác 

Mục Nhập và sao lưu --> Bạn chọn Sao lưu nội dung



Bấm Lưu vào máy tính của bạn để lưu file. Đây là file chứa toàn bộ nội dung, bài viết của Blogspot của bạn



Tiếp theo, bạn vào phần quản trị WordPress (tên domain/wp-admin)

Trong phần quản trị WordPress --> Tools --> Import



Trong mục Import bạn chọn Blogger 


Bạn tiến hành cài đặt Blogger Importer --> Bấm Install Now để cài đặt 


Sau khi cài đặt xong bạn bấm Activate Plugin & Run Importer để tiến hành Import nội dung của Blogger vào


Tiếp theo, phần Import Blogger bạn chọn Choose File để Upload file lúc nãy bạn download từ Blogger (file đó chứa toàn bộ dữ liệu nội dung bài viết của Blogger) 

--> Sau đó bấm Upload file and Import


Sau khi Upload xong, thì tiến hành chọn User name cho website, nó sẽ chuyển User name của Blogger sang User name của WordPress

Chọn User Name admin --> Submit


Như vậy toàn bộ bài viết của Blogspot đã được chuyển qua WordPress thành công. Và quan trọng hơn là vẫn giữ được nguyên nội dung và bài viết trước đây của Blogspot, thậm chí cả ngày tháng post bài của bài viết vẫn ko thay đổi.



Bây giờ bạn cần cấu hình lại đường link bài viết

Trong phần quản trị WordPress --> Settings --> Permalinks --> Post name --> Save Changes



Ngoài ra, bạn cần thay đổi lại giao diện cho website WordPress, Cấu hình lại các sidebar, widget cho đẹp mắt ...v...v...

Để thuận tiện cho việc cài đặt, cấu hình, thiết kế website bằng WordPress, các bạn mới hoặc các bạn chưa rành về WordPress có thể tham khảo thêm tại bài viết dưới đây:


Sunday, December 27, 2015

Hướng dẫn thay đổi giao diện/template cho blogspot

Hôm nay Sơn Nguyễn sẽ hướng dẫn cách thay đổi giao diện/template cho blogspot bằng các giao diện/template được download từ trên mạng về

Khi khởi tạo blogspot, mặc định sẽ sử dụng 1 trong 7 loại giao diện/template miễn phí có sẵn do Blogger cung cấp. Tuy nhiên, để thiết kế website của bạn trông chuyên nghiệp hơn thì bạn vẫn có thể thay đổi các giao diện/template sẵn có này bằng các giao diện/template khác được download từ trên mạng về. 

Hiện nay có khá nhiều website cung cấp các mẫu giao diện/template miễn phí cho blogspot. Các mẫu này nhìn trông khá bắt mắt và chuyên nghiệp. Bạn chỉ cần truy cập các trang web đó, lựa chọn các mẫu template blogspot và download chúng về và sử dụng.

Video hướng dẫn thay giao diện/template cho blogspot


  • Các bạn hãy bấm ĐĂNG KÝ (Subscribe) Kênh để ủng hộ và nhận được video mới nhất nhé
  • Link: https://youtu.be/oQenRPBgRrY

Hướng dẫn thay đổi giao diện/template cho blogspot

Do đã có video hướng dẫn rồi, nên Sơn Nguyễn sẽ chỉ tổng hợp lại các bước thay đổi giao diện/template cho blogspot để các bạn dễ nắm bắt và làm theo

Bước 1: Truy cập btemplate.com chọn mẫu template ưng ý và download về. Giải nén file tải về

Bước 2: Vào trang chủ blogger ---> chọn blog cần thay đổi giao diện/template ---> vào phần quản trị blog

Bước 3: Chọn Mẫu ---> Sao lưu/Khôi phục

Bước 4: Chọn Tải xuống mẫu hoàn chỉnh để lưu 1 bản sao của mẫu giao diện/template hiện tại, phòng trường hợp sai sót khi chỉnh sửa mẫu giao diện/template mới

Bước 5: Sau khi lưu file xong, bấm Chọn tệp để tải file giao diện/template mới lên (chọn file đuôi xml)

Bước 6: Lựa chọn các hạng mục cần chỉnh sửa của giao diện/template mới

Bước 7: vào Mẫu ---> Chỉnh sửa HTML

Bước  8: bấm Ctrl + F để tìm hạng mục cần chỉnh sửa (đổi tên/thay hình ảnh/thêm đường link bài viết ...)

Bước 9: tiến hành thay đổi các hạng mục của mẫu giao diện/template mới

Bước 10: Lưu mẫuXem Blog

Như vậy bạn đã tự mình thiết kế website chuyên nghiệp bằng Blogspot rồi đấy. Việc tiếp theo là gắn tên miền cho Blogspot nữa là quá ok luôn

Nếu bạn chưa có tên miền thì có thể tham khảo cách mua tên miền giá rẻ , hoặc bấm vào "Khuyến mãi" hoặc "Domain" trên thanh menu.

Để xem thêm các thủ thuật Blogger bạn cũng bấm vào "Blogger" trên thanh menu nhé!


Thursday, December 3, 2015

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao


Bạn có muốn tự mình thiết kế website bán hàng chuyên nghiệp chuẩn SEO (Search Engine Optimization)  với Blogger

Bạn muốn thiết kế web miễn phí và tự thiết kế theo ý của mình dù bạn ko biết gì về IT và lập trình?


Điều đó hoàn toàn có thể!

Hôm nay Sơn Nguyễn sẽ hướng dẫn tạo Blogspot miẽn phí từ cơ bản đến nâng cao cho những người mới bắt đầu

Video hướng dẫn tạo blogspot từ cơ bản đến nâng cao (xem 1 lần là làm được luôn)



  • Các bạn hãy bấm ĐĂNG KÝ (Subscribe) Kênh để ủng hộ và nhận được video mới nhất nhé
  • Link: https://youtu.be/RrlH0SR_xSQ

Bắt đầu với Blogger


Blogspot/Blogger là 1 sản phẩm của Google được sử dụng hoàn toàn miễn phí. Cách tạo lập nó cũng cực kỳ đơn giản. Ai cũng có thể làm được. Chỉ cần có 1 tài khoản Gmail là bạn đã có thể thực hiện.

Hãy bắt đầu bằng những việc đơn giản sau:
- Truy cập blogger.com
- Đăng nhập vào bằng tài khoản Gmail của bạn

Lúc này sẽ trở về trang chủ của bạn. Đây là nơi chứa tất cả các blog của bạn (1 tài khoản có thể tạo ra nhiều blog)

Và hãy bắt đầu với trang blog đầu tiên của bạn bằng cách bấm vào Blog mới

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Xuất hiện box Tạo blog mới. Tiến hành Tạo blog theo từng mục

-Tiêu đề: Tên blog/Tên sản phẩm/Tên dự án
-Địa chỉ: đường link của blog, bao gồm các chữ cái, các số 0-9, dấu gạch ngang trên "-" nhưng ko được có khoảng trắng (nếu gặp thông báo "địa chỉ này ko khả dụng" thì có nghĩa là địa chỉ này đã có người khác sử dụng)
-Mẫu: chọn mẫu giao diện (templates) bạn thích nhất (có thể chỉnh sửa/thay đổi lại sau)

Xong thì bấm Tạo blog!

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Lập tức bạn được chuyển về lại trang chủ Blog của bạn

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

-Tên blog: bấm vào tên blog sẽ đến Phần quản trị của Blog

-Hình cây viết: tạo bài viết mới cho blog

-Xem blog: xem trang chủ của blog


Hãy mạnh dạn click vào Xem blog để chiêm ngưỡng thành quả đầu tiên của bạn nào ^^

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Chúc mừng bạn đã có website riêng cho mình ^^

Quá đơn giản phải ko ^^

Tiếp theo, trở lại phần trang chủ blogger.com/home, bấm vào tên blog để vào phần quản trị blog.

Làm quen với Blogger/Blogspot


Đây là phần quản trị của blogspot

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Hãy bắt đầu làm quen với nó

-Bài đăng: chứa toàn bộ bài viết của blog

-Trang: dùng để tạo menu cho Blogspot, ví dụ làm blog về dự án Bất Động Sản thì tạo các menu: TỔNG QUAN - VỊ TRÍ - TIỆN ÍCH - MẶT BẰNG - HÌNH ẢNH - LIÊN HỆ ....v...v...

-Nhận xét: quản lý các nhận xét/comment của người đọc trên các bài viết. Nếu ko thích 1 nhận xét/comment nào, hãy xóa nó.

-Google+: liên kết trang Blogger với hồ sơ G+ của bạn

-Thống kê: thống kê lượt xem blog, xem bài viết, có thể xem theo thời gian: ngày, tuần, tháng, toàn thời gian  ...

-Chiến dịch: quảng cáo để quảng bá blog/bài viết lên Google

-Bố cục: chỉnh sửa các bố cục của blogspot

-Mẫu: chỉnh sửa giao diện/templates Blogger: Font chữ, màu chữ, độ rộng của blog...

-Cài đặt: tùy chỉnh blogger để tốt cho SEO, đưa blogspot của bạn lên Top google


Bạn sẽ còn có nhiều thời gian để tìm hiểu chúng sâu hơn ^.^

Nhưng trước tiên chỉ cần làm những việc sau

Thiết kế cài đặt blogspot/Blogger


Ở trang quản trị blog, bạn vào phần Cài đặt ---> Ngôn ngữ và định dang: thay đổi múi giờ thành giờ GMT+07

Xong bấm Lưu cài đặt

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Cũng trong phần Cài đặt ---> Tùy chọn tìm kiếm

Thẻ meta ---> bật mô tả tìm kiếm ---> viết mô tả tìm kiếm cho blog (sẽ có lợi cho việc SEO lên top google)

Xong bấm Lưu thay đổi

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao


Thay đổi giao diện/Templates Blogspot


Để thay đổi giao diện(Template) của blog các bạn có thể dùng các Templates Blogger sẵn có do Blogger cung cấp, hoặc download các mẫu Templates Blogspot miễn phí và có phí từ trên mạng về.

Dùng các Templates Blogger sẵn có miễn phí


Tại trang quản trị blog, bạn chọn Mẫu.

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Lúc này sẽ có rất nhiều giao diện Templates Blogger sẵn có miễn phí để bạn chọn, như: Đơn giản, Chế độ xem động, Cửa sổ hình ảnh, Thú vị, Hình mờ, Trừu tượng, Du lịch

Hãy tìm 1 kiểu Template mà bạn ưng ý nhất, click chuột vào để xem demo, nếu cảm thấy ưng ý thì chọn Áp dụng cho blog

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Tùy chỉnh giao diện/templates blogger


Ở trang quản trị blog, bạn chọn Mẫu rồi chọn nút Tùy chỉnh ngay bên phải. Xuất hiện hình bên dưới

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

-Mẫu: bạn có thể thay đổi Mẫu cho blog

-Nền: tùy chọn chỉnh sửa hình nền, màu nền chủ đạo cho blog với Mẫu bạn đã chọn

-Điều chỉnh độ rộng: tùy chỉnh độ rộng của blog

-Bố cục: Chọn bố cục cho blog

-Nâng cao: tùy chỉnh màu sắc, font chữ, các tiện ích ... (phía dưới có phần xem trước để thuận tiện cho bạn trổ tài thiết kế ^^)

Sau khi thực hiện tủy chỉnh thiết kế xong, nhớ chọn Áp dụng cho Blog ở góc trên bên phải để lưu

Thay đổi tiêu đề hiển thị của blogspot


Các bạn vào phần Bố cục,  ở mục Header (có tên của Blog phía dưới) chọn Chỉnh sửa

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Xuất hiện box Định cấu hình Tiêu đề như hình bên dưới

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Tiến hành thay đổi

-Tiêu đề Blog: có thể chỉnh sửa lại tùy thích

-Mô tả Blog: có thể chỉnh sửa lại tùy thích

-Hình ảnh: Bạn cũng có thể đăng hình ảnh lên làm banner cho Blog bằng cách up hình lên (nhớ chỉnh sửa kích thước hình ảnh trước khi Up lên cho phù hợp với bề rộng của Blog nhé. Nếu blog của bạn rộng 1000px thì kích thước ảnh rộng khoảng 980px để ảnh nằm lọt trong khung banner của blog).

-Vị trí: Nếu bạn Up hình lên đặt banner thì bạn nên chọn tick vào ô Thay cho tiêu đề và mô tả (tick các ô khác nhìn xấu lắm ^^)

Sau đó bấn Lưu để hoàn tất

Thay đổi tiện ích của Thanh bên phải


Bạn vào phần Bố cục, chọn Thanh bên phải (sidebar-right-1) rồi thêm Tiện ích tùy thích (càng đơn giản càng tốt, web bán hàng ko nên màu mè)

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Gợi ý của Sơn Nguyễn:

-Nút +1: để chia sẽ lên G+ (tốt cho SEO, dễ lên Top Google)

-Bài đăng phố biến: Các bài đăng của blog được xem nhiều nhất

-Giới thiệu bản thân: kết nối hồ sơ G+ của bạn

-Thống kê Blog: Số lượng truy cập vào blog

Làm đơn giản thôi, đừng làm rối mắt người đọc khiến họ phân tâm ko tập trung vào nội dung bài viết.

P/s: Trong phần Bố cục còn có các mục khác nữa nhưng chúng khá đơn giản, các bạn tìm hiểu thêm sau nhé

Đến đây, về cơ bản là đã hoàn tất cài đặt cho blogspot. Bây giờ tiến hành viết bài thôi ^^

Tạo bài viết cho Blogspot/Blogger


Để bắt đầu viết bài, bạn vào trang quản trị Blog, bấm vào Bài đăng mới hoặc hình cây viết để bắt đầu viết bài

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao
Phần nội dung bài viết sẽ hiện ra để bạn thực hiện viết bài. Phía trên phần nôi dụng có thanh công cụ hỗ trợ định dạng bài viết: font chữ, màu chữ, kích thước chữ, chèn hình ảnh, chèn video, chèn liên kết vào bài viết của blogspot ...

Lưu ý: tự mình viết bài, ko copy bài của người khác, sẽ ko tốt cho SEO, ko lên trang 1 Google được, blog của mình sẽ thành vệ tinh cho người khác.

Chèn hình ảnh vào bài viết trên Blogger/Blogspot


Để bài viết thêm sinh động và trong bắt mắt, thu hút người đọc thì ko thể thiếu hình ảnh. Cách đưa hình ảnh vào bài viết trên blogspot như sau:

Phía trên phần soạn thảo nội dung bài viết, có 1 hàng các công cụ định dạng bài viết, bạn Click vào icon ô vuông bên phải chữ Liên kết (đưa chuột vào đó sẽ có dòng chữ chú thích: chèn hình ảnh).

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Xuất hiện box Thêm hình ảnh. Có nhiều cách để đưa hình ảnh vào bài viết: Tải lên, Từ blog này, Từ Anborn Web Picasa, Từ điện thoại của bạn, Từ webcam của bạn, Từ URL. 

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Bấm Chọn tệp để chọn hình từ máy tính của bạn (có thể up nhiều hình ảnh cùng 1 lúc bằng cách chọn tất cả hình bạn có).

Xong bấm Thêm hình đã chọn để chèn ảnh vào bài viết (những hình có viền màu xanh xung quanh)

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Chú ý: Khi mới đưa hình vào bài viết thì hình sẽ tự động thu nhỏ lại (nhưng khi xuất bản bài viết thì hình lại trở lại kích thước cũ). Có những hình kích thước lớn sẽ tràn ra ngoài khung bài viết trông rất xấu. Vì vậy, để tránh bài viết có hình to nhỏ khác nhau bạn làm như sau: bấm vào hình, chọn rất lớn để hình nằm gọn trong bài viết ko tràn ra ngoài (nếu hình quá lớn)

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

1 chú ý nữa: bạn nên đặt tên hình ảnh có từ khóa về sản phẩm của bạn đang bán, và cách nhau bởi dấu gạch ngang trên "-". Nếu bạn tải hình trên mạng về thì hãy đổi tên hình ảnh lại nhé.

Chèn video vào bài viết Blogspot/Blogger


Nếu sản phẩm bạn đang kinh doanh có làm video giới thiệu, hoặc có video liên quan thì hãy đưa nó vào bài viết để tăng sự tin tưởng của khách hàng hơn.

Cách chèn video vào bài viết của blogspot cũng rất đơn giản, tương tự như chèn hình ảnh, Đưa chuột đến icon màu đen trên thanh công cụ bài viết, click vào nó và tiến hành Up video lên blogspot bình thường như ngoài đường có rác ^^

Sau khi hoàn tất bài viết, nhớ viết Mô tả tìm kiếm cho bài viết (phía bên phải) để tiện cho viêc SEO lên Top Google nhé.

Cuối cùng bấm Xuất bản để đăng bài viết.

Đưa bài viết lên Google


Sau khi đăng bài viết xong, bạn phải khai báo với Google, cho nó biết bạn đã có bài viết mới, để nó cử con bọ robot đến và index bài viết của bạn ngay (đưa bài viết của bạn "có mặt" trên Google) và sẵn sàng cho người khác tìm thấy. Nếu bạn ko khai báo thì bài viết của bạn sẽ lâu có mặt trên Google hơn và bạn sẽ mất khách hàng tiềm năng vào tay những người khác.

Đầu tiên, hãy kiểm tra bài viết của bạn đã "có mặt" trên Google hay chưa chưa bằng cách:
- Copy đường link bài viết của bạn mới hoàn tất
- Vào Google và paste (dán) vào ô tìm kiếm,
- Ấn Enter (hoặc bấm vào Tìm kiếm)

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Nếu ở trang 1 ko thấy bài viết của bạn, hoặc xuất hiện thông báo: "Chúng tôi ko tìm thấy ... trong bất cứ tài liệu nào" thì bạn biết phải làm gì rồi đấy. Hãy nhanh chóng yêu cầu Google tới blog của bạn để index bài viết ngay và luôn nhé.

Các bước thực hiện

1-Copy đường link bài viết của bạn

2-Truy cập link https://www.google.com/webmasters/tools/submit-url

3-Dán (paste) link bài viết của bạn vào ô URL:

4-Tick vào ô: Tôi ko phải là người máy

5-Bấm Gửi yêu cầu

Vậy là xong. Việc của bạn là đợi khoảng 1 phút sau vào lại Google tìm xem bài viết của bạn đã xuất hiện chưa nhé ^^

Lưu ý: Đối với 1 số blog mới thì Google sẽ index lâu hơn, chắc khoảng tầm ... 3-5 phút, có khi lâu hơn ^^

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao
Đối với bài này là 2 phút ^.^

Ps: Hiện Google đã bỏ phần Submit URL này rồi. Để khai báo bài viết với Google các bạn xem bài viết này nhé

Tạo dấu ngắt nhảy cho bài viết của Blogspot/Blogger


Sau khi viết bài xong, thường ở Trang chủ của blogspot hiện thị đầy đủ bài viết mới nhất, sẽ rất bất tiện và ko chuyên nghiệp. Và nếu bạn cài đặt có nhiều bài viết hiển thị ngoài trang chủ thì sẽ cực kỳ bất tiện cho khách hàng khi muốn xem các bài cũ hơn (phải kéo chuột xuống khá sâu để tìm bài viết). Vì vậy để thuận tiện cho người đọc và giao diện trang chủ của Blogspot trong chuyên nghiệp bạn nên cài đặt chỉ hiện thị 1 bài viết ở trang chủ, và bài viết đó phải ngắt hiển thị ngắn lại khiến người đọc tò mò muốn click vào bài viết để xem thêm thông tin

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Để thục hiện điều này, ban làm như sau:

-Vào chỉnh sửa bài viết,
-Đặt con trỏ soạn thảo ở nơi cần ngắt nội dung
-Chọn icon tờ giấy đứt đôi trên thanh công cụ

Bấm cập nhật bài viết

Vậy là xong!

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao


Vậy là bạn đã tự mình làm được 1 website cá nhân riêng cho mình rồi (kiếm gì ăn mừng thôi ^o^...

Việc còn lại là bạn chăm chút cho nó, update bài viết mới thường xuyên để làm đa dạng nội dung của blog. Và đừng quên chia sẻ nó lên các Mạng xã hội để "câu view" cho nó nhé ^^

Tạo các menu ngoài trang chủ


Sau khi hoàn thành các bước trên bạn đã có "website" cho riêng mình. Tuy nhiên, nhìn nó khá đơn điệu và nhìn ko được chuyên nghiệp cho lắm. bước tiếp theo, hãy "Tút" lại vẻ chuyên nghiệp cho nó bằng cách thêm các menu ở ngoài trang chủ như: TỔNG QUAN - VỊ TRÍ - TIỆN ÍCH - MẶT BẰNG - TIẾN ĐỘ - HÌNH ẢNH - LIÊN HỆ ...

Tạo các menu cho blogspot


Đầu tiên, hãy vào phần quản trị của trang Blog, chọn Trang ---> Trang mới

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Xuất hiện khung viết bài. Tiến hành viết bài bình thường như lúc Tạo bài viết mới.

Lưu ý: nội dung bài viết chỉ tập trung vào chủ đề ở Tiêu đề trang

Ví dụ: với 1 blog về dự án Bất Động Sản

Tiêu đề trang: VỊ TRÍ

Nội dung bài viết: chỉ viết những thông tin về vị trí dự án và hình ảnh của vị trí dự án

Xong bấm Xuất bản

Làm tương tự cho các Trang: TỔNG QUAN, TIỆN ÍCH, MẶT BẰNG, GIÁ BÁN, TIẾN ĐỘ, HÌNH ẢNH, NHÀ MẪU, NGÂN HÀNG, LIÊN HỆ ... (cách tạo blogspot bán hàng làm tương tự nhé!)

Lưu ý: Xuất bản Trang xong nhớ khai báo với Google ngay nhé!

Sắp xếp menu ngoài trang cho Blogspot


Sau khi bạn tạo đầy đủ các Trang cần thiết, ta tiến hành sắp xếp và đưa chúng ra trang chủ.

Vào phần Bố cục ---> Cross-Column ---> chọn Thêm tiện ích

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Xuất hiện box Thêm Tiện ích. Kéo xuống chọn Trang

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Xuất hiện thêm 1 box Định cấu hình Danh sách Trang

Bấm vào Chọn tất cả hoặc tick vào những Trang cần chọn xuất hiện ngoài Trang chủ.

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Đưa chuột qua bên phải kéo di chuyển sắp xếp vị trí các Trang theo ý muốn của mình

Bấm Lưu để hoàn tất!

Thay đổi Favicon cho Blogspot


Sau khi bạn thiết kế website bằng Blogger xong thì bạn cũng nên thay Favicon cho nó luôn nhìn cho chuyên nghiệp.

Favicon là icon logo hiển thị trên thanh trình duyệt.

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Để thay Favicon cho Blogger bạn vào Bố cục ---> Favicon

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

bạn bấm Chọn tệp để úp hình icon logo của bạn lên. Chú ý file hình icon logo này phải có kích thước dưới 100KB

Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Xong bạn bấm Lưu để hoàn tất


Xong rồi đấy... Vậy là bạn đã tự mình thiết kế website bằng Blogspot trông rất chuyên nghiệp.

Hãy tự mình kiểm tra kết quả và tận hưởng nhé ^^

Việc tiếp theo là gắn tên miền cho Blogspot nữa là quá ok luôn
Nếu bạn chưa có tên miền thì có thể tham khảo cách mua tên miền giá rẻ , hoặc bấm vào "Khuyến mãi" hoặc "Domain" trên thanh menu.
Để xem thêm các thủ thuật Blogger bạn cũng bấm vào "Blogger" trên thanh menu nhé!

Nếu ban có thắc mắc gì thì hãy comment phía dưới,hoặc để lai thông tin trong phần Liên hệ nhé.

Chúc bạn thành công!

Have nice day!

Ps: nếu bạn thấy nội dung này hữu ích thì hãy bấm vào nút Share và G+ phía dưới ủng hộ mình nhé!

Pss: để tìm các bài viết trên Google nhanh nhất, hãy tìm bằng cú pháp: "từ khóa + nguyentruongson.info"
Ví dụ:
Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Bài sau >>>