Showing posts with label thu-thuat-blogger. Show all posts
Showing posts with label thu-thuat-blogger. Show all posts

Sunday, May 29, 2016

Hướng dẫn khắc phục lỗi không hiển thị hình ảnh của Blogspot

Hướng dẫn khắc phục lỗi không hiển thị hình ảnh của Blogspot

Giúp bài viết cảu bạn trông đẹp hơn trong mắt người đọc


Việc dùng Blogger ở Việt Nam là khá phổ biến. Nhưng trong 1 vài năm trở lại đây 1 số nhà mạng đã chặn Blogspot, đặc biệt là nhà mạng VNPT. Nguyên nhân là do mấy phần tử xấu/ phản động thường dùng Blogspot để xuyên tạc, kích động nói xấu chế độ nhà nước. Vì vậy các nhà mạng hầu như chặn tất cả những gì liên quan đến Blogspot. Tất cả các website có tên miền đuôi blogspot.com đều bị chặn hoàn toàn.

Đối với những Blogger đã được gắn tên miền riêng thì vẫn truy cập được, nhưng những hình ảnh trong bài viết Blogspot lại ko hiển thị. Điều này thật bất tiện cho người đọc/khách hàng truy cập vào blogspot của bạn, ảnh hưởng khá lớn đến việc bán hàng online của bạn. Vì vậy hôm nay Sơn Nguyễn sẽ chia sẻ 3 cách khắc phục lỗi không hiển thị hình ảnh của Blogspot do bị các nhà mạng chặn. Những cách này rất hữu hiệu với những Blogspot đã được gắn tên miền riêng.



3 cách khắc phục lỗi không hiển thị hình ảnh của Blogger

Cách 1: Chỉnh sửa thủ công
  • Sau khi Up hình ảnh vào bài viết Blogspot, link hình ảnh sẽ có dạng *.bp.blogspot.com. Khi đó bạn chỉ cần chuyển bài viết qua chế độ HTML và chỉnh sửa link đó thành lh4.googleusercontent.com hoặc lh4.ggpht.com

Cách 2: Chỉnh sửa tự động sử dụng Javascript
  • Với cách này bạn dùng 1 đoạn code ngắn để khắc phục lỗi ko hiển thị hình ảnh của Blogspot, nó sẽ tự động thay thế link hình ảnh trong Blogspot, bạn sẽ không cần ngồi sửa thủ công từng hình ảnh, từng bài.
  • Cách làm như sau:
  • Bạn truy cập vào Blogger.com --> tiến hành đăng nhập bằng tài khoản Gmail của bạn --> chọn trang Blogspot cần khắc phục lỗi ko hiển thị hình ảnh --> vào phần quản trị Blogspot --> Chọn Mẫu --> Chỉnh sửa HTML
  • Trong phần code, bạn bấm Ctr + F tìm thẻ đóng </body>. Sau đó bạn chèn đoạn code này vào trước thẻ  đóng </body> 
<script type='text/javascript'> //<![CDATA[ var images = document.getElementsByTagName("img"); for(var i=0;i<images.length;i++) { images[i].src = images[i].src.replace(/[0-9]+.bp.blogspot.com/,"lh4.googleusercontent.com"); } //]]> </script>
  • Bấm Lưu mẫu

Cách 3: Chỉnh sửa tự động sử dụng JQuery
  • Với cách này bạn cũng dùng 1 đoạn code ngắn để tự động khắc phục lỗi ko hiển thị hình ảnh của Blogspot. Bạn cũng tiến hành các bước như cách 2
  • Trong phần code bạn bấm Ctr + F tìm thẻ đóng </body>  --> Chèn đoạn code này vào trước thẻ </body> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type='text/javascript'>
//<![CDATA[
$("body img").each(function () {$(this).attr("src", $(this).attr("src").replace(//[0-9]+(.bp.blogspot)?/, "/lh4.googleusercontent")) });
//]]>
</script>
  • Bấm Lưu mẫu
Chú ý: Nếu Blogspot của bạn đã có thư viện JQuery thì hãy xóa dòng 
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js”></script>
(dòng đầu tiên trong đoạn code)

Nếu gặp vấn đề gì trong việc khắc phục lỗi ko hiển thị hình ảnh của Blogspot các bạn comment vào phía dưới nhé

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

Để xem thêm các thủ thuật Blogger bạn bấm vào "Blogger" trên thanh menu 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"

Friday, May 27, 2016

Hướng dẫn gắn tên miền vào Blogspot đơn giản, nhanh gọn

Hướng dẫn gắn tên miền vào Blogspot 

Cách làm chi tiết, đơn giản, nhanh gọn



Sau khi đã thiết kế website chuẩn SEO bằng Blogspot thì việc gắn tên miền (domain) vào Blogspot là việc làm cần thiết, giúp cho webste của bạn trông giống website hơn :D, giúp bạn trở nên chuyên nghiệp hơn khi bán hàng online, khách hàng sẽ dễ nhớ đến website bạn hơn và sẽ dễ dàng truy cập vào hơn

Việc gắn tên miền vào Blogspot cũng rất đơn giản. Các bạn làm như sau





Video Hướng dẫn gắn Tên miền (Domain) vào 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/MJwWVEjjisA

Các bước gắn tên miền riêng vào Blogspot


Bước 1: gắn tên miền tùy chỉnh vào Blogspot/Blogger

Đầu tiên bạn truy cập vào blogger.com, tiến hành đăng nhập bằng tài khoản Gmail của bạn --> chọn trang Blogspot mà bạn muốn gắn tên miền vào --> truy cập vào Phần quản trị của Blogspot đó.

Trong phần quản trị blogspot, bạn vào phần Cài đặt ---> chọn mục Cơ bản ---> chọn Thiết lập URL của bên thứ 3 cho blog của bạn



Trong phần Địa chỉ Blog, bạn nhập tên miền bạn mua vào ô Cài đặt tên miền của bên thứ 3
(chú ý: phải có tiền tố "www." phía trước tên miền nhé) ---> bấm Lưu



Xuất hiện thông bâó lỗi: Chúng tôi đã không thể xác minh thẩm quyền của bạn cho miền này. Lỗi 32.
Vấn đề này ko sao cả, đơn giản vì ta chưa cài đặt cho tên miền trỏ về Blog nên Blogger chưa xác minh được chủ sở hữu của tên miền đó.

Chúng ta tiếp tục làm như sau:
Bạn chọn Hướng dẫn cài đặt ở phía dưới dòng thông báo lỗi,


Lập tức sẽ xuất hiện phần hướng dẫn của Google Cách sử dụng tên miền tùy chỉnh cho Blog của tôi?

Trong phần Bạn muốn lưu trữ Blog của mình ở đâu? bạn chọn Trên miền cao cấp nhất (www.example.com).


Sau khi bạn tick vào ô đã chọn, sẽ xuất hiện thêm phần hướng dẫn của Google, bạn chý ý 4 dãy số ở cuối phần 1 và hãy Copy chúng



Bước 2: Cài đặt CNAME cho Tên miền trỏ về trang blogspot

Khi bạn mua tên miền từ các công ty chuyên về dịch vụ mua bán tên miền, thanh toán cho họ xong thì bạn sẽ nhận được Email xác nhận giao dịch mua tên miền thành công và bên dịch vụ sẽ cung cấp tên đăng nhập, mật khẩu, đường link để bạn truy cập vào trang quản lý tên miền bạn đã mua.

Bạn truy cập vào đường link họ cung cấp, tiến hành đăng nhập bằng Tên đăng nhập và mật khẩu họ đã cung cấp. Trong trang Quản trị, bạn vào mục Sửa bản ghi --> chọn tên miền bạn đã mua và muốn trỏ về trang blogspot của bạn.

Bạn thêm 2 bản ghi CNAME đã có lúc thông báo lỗi "Chúng tôi đã không thể xác minh thẩm quyền của bạn cho tên miền này. Lỗi 32" --> bấm Lưu


Như vậy, bạn đã hoàn tất việc trỏ tên miền vào trang blogspot của bạn

Bước 3: Loại bỏ www

Sau khi bạn trỏ thành công tên miền về trang Blogspot của bạn thì việc truy cập vào website của bạn sẽ rất thuận tiện và rất dễ nhớ (vì ko còn đuôi blogspot.com nữa). Tuy nhiên, khi gõ tên miền trên trình duyệt nếu thiếu www thì bạn sẽ không truy cập được trang web của bạn. Muốn truy cập được thì bạn phải gõ đầy đủ theo cú pháp www.tenmien.com/net/info/org ....v...v... (tùy bạn mua tên miền "đuôi" gì :D).

Điều này thật bất tiện cho bạn và khách hàng của bạn truy cập website. Vì vậy ta phải loại bỏ www khi truy cập tên miền của bạn. 

Cách làm như sau:

Bạn dùng 4 dãy số đã Copy  trong phần "Hướng dẫn cài đặt" của Google và tạo thêm 4 bản ghi như hình



Xong bạn chờ khoảng 1-2 phút để nó phân giải tên miền.

Sau đó bạn quay lại quay lại trang Blogspot của bạn lúc bị thông báo lỗi, bấm Lưu và xem kết quả. 

Tiếp theo, bạn bấm chỉnh sửa --> tick vào ô "Chuyển hướng nguyentruongson.info đến www.nguyentruongson.info".

Bạn thay link tên miền của bạn vào cho phù hợp nhé


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

Như vậy là đã bạn đã hoàn thành việc gắn tên miền vào Blogspot rồi đấy. Cũng rất đơn giản và nhanh gọn đúng ko nào. Bạn chờ khoảng 5 phút rồi truy cập lại vào website của bạn xem nhé ^^

Nếu có thắc mắc vấn đề gì các bạn cứ comment phía dưới nhé

Nếu bạn chưa có tên miền thì có thể tham khảo  để mua tên miền giá rẻ

Hoặc bấm vào "Khuyến mãi" hoặc "Domain" trên thanh menu để cập nhật các chương trình khuyến mãi tên miền  mới nhất,

Nếu bạn thấy bài viết này hữu ích, hãy SHARE cho bạn bè cùng xem nhé

Hãy SHARE vì nó MIỄN PHÍ!

Cho đi là còn mãi

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

Xem thêm:
Để 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 7: Hướng dẫn thay đổi giao diện/template cho blogspot
Bài 8: Hướng dẫn thiết kế website chuyên nghiệp với blogspot
Bài sau >>>

Tuesday, January 26, 2016

Hướng dẫn thiết kế website chuyên nghiệp với blogspot

Hướng dẫn thiết kế website chuyên nghiệp với Blogspot

Thực hành tạo Blogger nâng cao chuyên nghiệp hơn


Việc thiết kế website chuyên nghiệp với blogspot đã ko còn là vấn đề với các bạn nữa 
khi đã thực hành thành thạo đến bài này rồi ^^. Hôm nay sẽ là bài thực hành chi tiết thiết kế website chuyên nghiệp miễn phí với blogspot bằng cách thay đổi giao diên/template blogspot chuyên nghiệp hơn

Bài hướng dẫn thiết kế website này chỉ dành cho những người đã thành thạo với blogspot/blogger vì liên quan đến chỉnh sửa code. Vì vậy, nếu bạn nào chưa thành thạo với blogspot thì vui lòng xem lại các bài trước nhé.

Muốn nhanh thì phải từ từ ^.^

Video Hướng dẫn thiết kế website chuyên nghiệp với blogspot



  • Link download Blogger Templates trong video tại đây
  • 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/rEo8z3avOHo
Sau khi xem video hướng dẫn này xong  là bạn đã tự mình tạo Blogspot chuyên nghiệp rồi đấy. 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 Blogger 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!

P/s: Nếu thấy nội dung blog này hữu ích thì bạn hãy SHARE và Bấm G+ ủng hộ mình 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 6: Hướng dẫn chỉnh sửa tiêu đề (title) bài viết Blogspot chuẩn SEO
Bài 7: Hướng dẫn thay đổi giao diện/template cho blogspot
Bài sau >>>

Thursday, December 17, 2015

Hướng dẫn chỉnh sửa tiêu đề (title) bài viết Blogspot chuẩn SEO

Sau khi bạn xuất bản bài viết ở Blogspot thì tiêu đề nó thường có dạng: Tiêu đề Blog: Tiêu đề bài viết

Với Tiêu đề (title) như vậy nhìn ko được bắt mắt, và ko thuận tiện cho việc SEO (search engine optimization) bài viết blogspot của bạn lên Top Google. Cá biệt, với những Blogspot có Tiêu đề Blog dài thì gần như Tiêu đề bài viết sẽ ko có cơ hội hiển thị

Vậy nên bạn cần đưa tiêu đề bài viết lên trước theo dạng: Tiêu đề bài viết | Tiêu đề Blog




Các lỗi tiêu đề (title)bài viết Blogspot thường gặp


Khi chia sẽ bài viết lên Facebook hoặc các Group trên Facebook thì sẽ gặp lỗi Tiêu đề Blog: Tiêu đề bài viết trông ko được đẹp mắt


Nếu Tiêu đề Blog dài thì Tiêu đề bài viết sẽ ko có cơ hội để hiễn thị


Trên Google cũng vậy... 

Nếu khách hàng/người đọc lên Google search, và bài viết của mình hiễn thị trước mắt khách hàng, nhưng tiêu đề bài viết lại bị Tiêu đề Blog che mất thì sẽ giảm cơ hội được khách hàng chú ý và click vào

Vậy nên bạn cần chỉnh sửa lại cách hiễn thị tiêu đề bài viết của Blogspot, đưa tiêu đề bài viết lên trước theo dạng: Tiêu đề bài viết | Tiêu đề Blog

Hướng dẫn chỉnh sửa tiêu đề (title) bài viết Blogspot chuẩn SEO

Để chỉnh sửa lại tiêu đề bài viết Blogspot chuẩn SEO (Search Engine Optimization) ta làm như sau:

Bạn vào trang quản trị blog ---> Mẫu ---> Chỉnh sửa HTML

Bấm Ctrl F để tìm <title><data:blog.pageTitle/></title>


Copy đoạn code bên dưới và paste (dán) đè lên đoạn tô màu vàng vừa tìm được:

<b:if cond='data:blog.pageType == "item"'><title><data:blog.pageName/> | <data:blog.title/></title><b:else/><title><data:blog.pageTitle/></title></b:if>

Xong bấm Lưu mẫu để hoàn thành!

Sau đó, nhớ khai báo lại Blogspot của bạn với Google nhé ^^ (Copy đường link blog và Submit nó như đã hướng dẫn ở Bài 1).

Kết quả chỉnh sửa Tiêu đề bài viết blogspot chuẩn SEO

Sau khi đã chỉnh sửa thì Tiêu đề bài viết đã hiễn thị lên phía trước, ko còn bị che bởi Tiêu đề Blog nữa


Tiêu đề bài viết của blog đã ở dạng Tiêu đề bài viết | Tiêu đề Blog


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

Để 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 4: Hướng dẫn thay đổi nội dung chân trang Blogspot
Bài 5: Hướng dẫn cách thêm Fanpage vào Blogspot
Bài sau >>>