MMO - kiếm tiền online và thủ thuật máy tính


Cộng đồng vui bựa status Tham gia đê

Chèn file office word, excel, powerpoint và pdf vào blogspot

23:16 |

Thông qua Google Drive, chúng ta có thể dễ dàng chèn hoặc nhúng các file office như word (doc,docx) - excel (xls, xlsx), powerpoint (ppt, pptx) hay pdf vào nền tảng blogger.


Chèn file office word, excel, powerpoint và pdf vào blogspot
Chèn file office word, excel, powerpoint và pdf vào blogspot

Hiện tại, blogspot chưa hỗ trợ việc chèn trực tiếp file office trong bài viết nên chúng ta sẽ phải nhờ đến 1 đối tác thứ 3, cụ thể hơn là các website cung cấp dịch vụ lưu trữ đám mây (cloud storage).

Ngoài Google Drive mà mình giới thiệu trong bài viết, các bạn cũng có thể sử dụng One Drive của Microsoft hoặc Dropbox, ... Còn nhiều lắm nhưng mình chỉ chọn 1 thằng thôi. Đăng ký tài khoản Google nếu chưa có nhé.



Hướng dẫn chèn file office vào blogspot


Bước 1 : Đăng nhập trang chủ Google Drive.
Bước 2 : Upload 1 file bấy kỳ, ở bài viết này mình sử dụng excel nhé (vidu-ncp.xlsx)

Chèn file office word, excel, powerpoint và pdf vào blogspot
Chọn New / File upload để tải file lên Google Drive

Bước 3 : Sau khi upload thành công, mở file excel gốc bằng công cụ Google Sheets (có sẵn).
Chuột phải chọn Open with / Google Sheets.

Chèn file office word, excel, powerpoint và pdf vào blogspot
Mở file excel trên Google Drive bằng công cụ Google Sheets

Lúc này, Google Drive sẽ tự động tạo thêm 1 bản sao khác của file excel gốc. Đây chính là đối tượng mà mình hướng tới, từ giờ trở đi thì tất cả các thao tác như chỉnh sửa nội dung, chèn file vào blogspot ... sẽ được tiến hành với bản sao này.

Chèn file office word, excel, powerpoint và pdf vào blogspot
Chú ý icon của file excel gốc và bản sao nhé !

Bước 4
- Mở bản sao lên (kích chuột 2 lần), tại thanh công cụ chọn File / Publish to the web.
- Click vào tab Embed (nhúng) rồi nhấn Publish. Khi Google Drive đưa ra thông báo hỏi bạn có muốn công khai file này không, chọn OK.

Chèn file office word, excel, powerpoint và pdf vào blogspot
Công khai bản sao và tiến hành lấy mã nhúng

- Copy mã nhúng do Google Drive cung cấp, ví dụ :

<iframe src="https://docs.google.com/spreadsheets/d/1VH-ShbCrCHOL1euzLaH1x1yxpQiAiSWr13VqjObjpMM/pubhtml?widget=true&amp;headers=false"></iframe>

Bước 5 : Quay lại blogspot, chuyển nội dung soạn thảo của bài đăng hoặc trang từ Viết sang HTML. Sau đó paste đoạn mã trên vào vị trí mong muốn. Như vậy là bạn đã chèn file excel vào blogspot thành công.


Lời kết


Để cập nhật nội dung cho file nhúng, bạn chỉ việc vào Google Drive và tiến hành chỉnh sửa trên bản sao, hệ thống sẽ tự động lưu lại nội dung mới. Trong khi đó, dữ liệu thì được update liên tục 5 phút 1 lần :))
Để chèn file word, powerpoint hay pdf vào blogspot bạn cũng làm tương tự như hướng dẫn ở trên nhé.


Từ khóa tìm kiếm :

  • cách upload file lên blogger
  • chèn file pdf vào blogspot bằng google drive
  • hướng dẫn chèn file office vào blogspot
  • chèn file doc, xls, ppt, pdf vào blogspot

Chèn và nhúng video youtube vào trong blogspot

15:13 |

Hướng dẫn các cách để chèn thành công 1 video youtube vào blogspot, wordpress và một số nền tảng khác.


Chèn và nhúng video youtube vào trong blogspot
Chèn và nhúng video youtube vào trong blogspot

Chèn trực tiếp bằng thanh công cụ soạn thảo trong blogspot


- Tạo bài đăng mới.
- Trên thanh công cụ, nhấn vào nút .
- Cửa sổ Thêm video xuất hiện, tại đây bạn có thể sử dụng tab Từ YoutubeVideo trên Youtube của tôi để chèn video vào blogspot.

Chèn và nhúng video youtube vào trong blogspot
Chèn trực tiếp video youtube

Chèn gián tiếp bằng mã nhúng HTML


Ngoài blogspot, cách làm này cũng có thể áp dụng với  hầu hết các ngôn ngữ và nền tảng khác như wordpress, ...

Lấy mã nhúng của video youtube


- Dưới trình xem video, chọn Chia sẻ / Nhúng.
- Copy đoạn mã nhúng do Youtube cung cấp.

Chèn và nhúng video youtube vào trong blogspot
Mã nhúng HTML của video trên youtube

Chèn mã nhúng vào blogspot


- Trên thanh menu, chọn chế để soạn thảo ở dạng HTML.

HTML blogspot

- Paste mã nhúng vào vị trí bạn muốn chèn video youtube.

Chèn và nhúng video youtube vào trong blogspot
Chèn mã nhúng video youtube vào blogspot ở dạng HTML

Demo



Tùy chỉnh kích thước video youtube trong website responsive (đáp ứng)


Với website responsive, giao diện sẽ tự động thay đổi để hiển thị tốt nhất trên nhiều màn hình khác nhau (smart phone, máy tính bảng, desktop, ...) Trong khi đó, video youtube được chèn lại luôn có kích thước cố định (thường là 560 x 315) . Nếu không tiến hành tùy chỉnh kích thước video cho phù hợp với từng màn hình thì giao diện website sẽ đi xuống đấy :))

Ví dụ : video có kích thước 560 x 315 trong khi màn hình là 320 x 600

Ví dụ về việc hiện thị không đồng bộ
video youtube bì thừa nội dung ra bên ngoài

Tùy chỉnh bằng CSS


Lưu ý
- Hãy chắc chắn là bạn am hiểu về CSS.
- Sao lưu blogspot trước khi thao tác.

Bước 1 : Tìm cặp thẻ <head></head> và chèn vào trong đó đoạn mã, đây là điều kiện để sử dụng tính năng responsive.

<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>

Bước 2 : Tìm đến khu vực CSS của website, sau đó copy - paste đoạn mã dưới đây vào phần cuối cùng trong CSS.
- Tỷ lệ video youtube mà mình sử dụng là 16:9, các bạn có thể thay đổi cho phù hợp.
- Nếu website của bạn đã sử dụng tính năng responsive thì chỉ cần copy dòng iframe, embed ... thôi nhé.

@media all and (min-width: 320px)
{
iframe, embed : {width:300px; height:168px;}
}
@media all and (min-width: 480px)
{
iframe, embed : {width:460px; height:258px;}
}
@media all and (min-width: 600px)
{
iframe, embed : {width:580px; height:326px;}
}
@media all and (min-width: 768px)
{
iframe, embed : {width:...px; height:...px;}
}
@media all and (min-width: 1024px)
{
iframe, embed : {width:...px; height:...px;}
}
@media all and (min-width: 1280px)
{
iframe, embed : {width:...px; height:...px;}
}

- Lưu template lại và kiểm tra nhé :)


Từ khóa tìm kiếm :

  • chèn video youtube vào blogspot
  • chèn video youtube vào website
  • chèn video youtube vào html
  • nhúng video youtube vào web
  • code chèn video vào html
  • mã nhúng youtube

Tạo form đăng ký nhận bài viết mới qua email cho blogspot bằng Feedburner

10:13 |

Với feedburner, bạn có thể dễ dàng tăng thêm truy cập cho website thông qua tính năng tự động gửi bài viết tới người dùng bằng email.


Tạo form đăng ký nhận bài viết mới qua email cho blogspot bằng Feedburner
Tạo form đăng ký nhận bài viết mới qua email cho blogspot bằng Feedburner

Feedburner là gì ?


Feedburner là một dịch vụ miễn phí của Google cho phép quản trị viên có thể tạo nguồn cấp RSS trên website (tổng hợp nội dung theo trình tự thời gian - ví dụ). Feedburner hiện đang cung cấp khá nhiều tính năng hữu ích nhưng để tạo ra được 1 form theo dõi hoàn chỉnh như trên thì chúng ta sẽ cần sử dụng tới tính năng gửi bài viết qua email.

Mình thích sử dụng feedburner vì nó mang đến ít nhất 3 lợi ích cho website
- Tăng tính chuyên nghiệp, từ khi bổ sung thêm thằng này vào footer mình có cảm giác website giá trị hơn hẳn. Bạn có thể kéo xuống dưới và ngó qua nhé :))
- Thể hiện sự quan tâm tới người dùng bằng việc gửi email thông báo đều đặn mỗi khi có bài viết mới.
- Tăng thêm nguồn truy cập thụ động, vừa nhàn vừa tốt cho SEO.
Okie, giờ thì đi vào vấn đề chính :D

Lấy url feedburner cho blogspot


URL feedburner là điều kiện quan trọng để form đăng ký nhận bài viết mới hoạt động ổn định. Có lẽ vì cùng chung cha đẻ Google mà mỗi blogspot khi vừa sinh ra đã có sẵn URL feedburner.

- Đăng nhập blogger, bên menu trái chọn Bố cục.
- Kéo nội dung xuống phần Sidebar và nhấn Thêm tiện ích.

Tạo form đăng ký nhận bài viết mới qua email cho blogspot bằng Feedburner
Thêm tiện ích trong blogspot

- Tại tab Cơ bản (có 27 tiện ích), chọn Theo dõi qua email (Subcribe via email). Đây chính là phiên bản thu nhỏ của feedburner.

Tạo form đăng ký nhận bài viết mới qua email cho blogspot bằng Feedburner
Tiện ích Theo dõi qua Email 

- Cửa sổ mới xuất hiện, copy đoạn text khoanh đỏ như hình dưới đây (123itvn/feJm). Sau đó nhấn Hủy để kết thúc, chỉ cần lấy được đoạn text này là okie rồi.

Tạo form đăng ký nhận bài viết mới qua email cho blogspot bằng Feedburner
Copy đoạn text trong url feedburner  blogspot

Bước 2 : Tạo form đăng ký nhận bài viết mới trên blogspot (form theo dõi)


- Chọn Mẫu / Chỉnh sửa HTML.
- Copy - paste đoạn mã sau vào vị trí bạn muốn đặt form theo dõi.

<div class="nam">
<style>
.nam {width:300px; height:250px; background:#3e433e; margin:5px auto; font-size:13px; color:#d1d1d1; text-align:center; padding:10px; }
.nam b {font:bold 24px helvetica; color:#fff; float:left; width:inherit; text-align:center; padding:20px 0; }
.nam form {width:250px; margin:0 auto;}
</style>
<b>THEO DÕI QUA EMAIL</b><br />
Đăng ký để cập nhật những bài viết mới nhất về kiếm tiền online và thủ thuật máy tính từ 123itvn.com!<br />
<br />
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=URL', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="email" placeholder="Email của bạn..." style="border: 1px solid #fff; box-sizing: border-box; padding: 9px 5px; width: inherit;" type="text" />
<input name="uri" type="hidden" value="URL" />
<input name="loc" type="hidden" value="vi_VI" />
<input class="button" style="background: #ff7400; border: none; color: white; font-size: 18px; font-weight: bold; margin: 10px auto; padding: 9px 5px; width: inherit;" type="submit" value="ĐĂNG KÝ NGAY" />
</form>
</div>

- Thay thế URL bằng đoạn text copy ở bước 1.
- Chỉnh sửa lại chiều rộng width và chiều cao height cho phù hợp với yêu cầu của bạn.
- Lưu template lại.
Good luck :)


Từ khóa tìm kiếm :

  • feedburner là gì
  • tạo form theo dõi trên blogspot bằng feedburner
  • tạo form theo dõi bằng feedburner 
  • form nhận bài viết mới qua email cho blogspot
  • theo dõi bài viết mới qua email trong blogspot
  • subcribes via email feedburner blogspot

Hướng dẫn xây dựng và tùy chỉnh giao diện mobile trên blogspot

13:43 |

Không riêng gì blogspot mà với bất cứ website nào, giao diện mobile cũng đều quan trọng. Nó thể hiện tính chuyên nghiệp và sự thiết kế sáng tạo của người quản trị viên.


Hướng dẫn xây dựng và tùy chỉnh giao diện mobile trên blogspot
Hướng dẫn xây dựng và tùy chỉnh giao diện mobile trên blogspot

Những chia sẻ dưới đây được mình "đóng gói" sau 2 năm gắn bó với nền tảng blogger. Từ một thằng chân ướt chân ráo cho tới khi đã có thể tự chỉnh sửa giao diện blogspot. Dựa trên template có sẵn, bạn có thể làm gì với giao diện mobile ??? Tùy chỉnh đôi chút, thay đổi bố cục hay tạo mới nội dung ... - đó là những thứ mà chúng ta hoàn toàn có thể làm được :)

Lưu ý
- Hãy sao lưu blogspot trước khi thao tác.
- Phạm vi ảnh hưởng là toàn bộ template.
- Nội dung bài viết được xây dựng theo trải nghiệm thời gian, hi vọng các bạn sẽ thấy thích thú :))

Cách 1 : Sử dụng giao diện mobile mặc định của blogger (Cơ bản)


Ưu điểm : giao diện đơn giản, tốc độ tải nhanh.
Nhược điểm : khó tùy chỉnh, tính thẩm mỹ không cao.

Tiến hành tùy chỉnh


- Đăng nhập blogger, bên menu trái chọn Mẫu. Click vào hình bánh răng ở cột Điện thoại di động.

Hướng dẫn xây dựng và tùy chỉnh giao diện mobile trên blogspot
Tùy chỉnh giao diện mobile

- Tại mục mẫu dành cho điện thoại di động, chọn Mặc định sau đó lưu lại để test thử.

Hướng dẫn xây dựng và tùy chỉnh giao diện mobile trên blogspot
Giao diện mobile mặc định của blogger

Lần đầu tiên chọn template, nhờ thằng em thì nó gửi mình đúng cái không có giao diện mobile tùy chỉnh :)) Lúc đấy cũng chả để ý, setup chạy lên giao diện là sướng lắm rồi. Nhìn cái web sơ khai : tên miền đuôi .blogspot chứ không phải 123itvn.com như bây giờ, nội dung chưa có, toàn tiêu đề label mà vẫn thấy tự hào :))

Về sau, khi blog bắt đầu có lượng truy cập, mình đã nghĩ tới việc nâng cấp giao diện mobile để đặt được quảng cáo adsense (mình đang kiếm tiền online bằng thằng này) mà với giao diện mặc định của blogspot thì điều này là không thể, đó cũng là lúc mà cách 2 ra đời.

Cách 2 : Sử dụng giao diện mobile tùy chỉnh (Nâng cao)


- Ưu điểm : thay đổi giao diện theo ý thích.
- Nhược điểm : chỉ hiển thị duy nhất 1 giao diện trên nhiều thiết bị khác nhau, tức là với smartphone, máy tính bảng hay note book thì bạn vẫn thấy nó như vậy (khác hoàn toàn giao diện đáp ứng responsive nhé).
Cách 2 chủ yếu để tham khảo, mình không khuyến khích anh em làm theo :D

Tiến hành tùy chỉnh


- Giống như cách 1, nhưng tại mục mẫu dành cho điện thoại di động thì chọn Tùy chỉnh.

Hướng dẫn xây dựng và tùy chỉnh giao diện mobile trên blogspot
Hướng dẫn xây dựng và tùy chỉnh giao diện mobile trên blogspot

- Quay trở lại menu, chọn Mẫu / Chỉnh sửa HTML.
- Tìm đến thẻ mở <body> và chèn vào trước đó đoạn mã

<b:if cond='data:blog.isMobile == &quot;false&quot;'>

- Tiếp tục tìm thẻ đóng </body> rồi chèn vào sau đó đoạn mã

<b:else/>
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
Code_thay-thế</body>
</b:if>

- Copy toàn bộ code CSS + HTML + Javascript trong cặp thẻ <body></body> hiện tại, paste đè lên chữ Code_thay_thế được mình bôi đen.
- Lưu lại template.

Tổng quát lại thì cả đoạn mã là một câu điều kiện với vế 1 là giao diện desktop còn vế 2 là giao diện mobile. Đây là cách mà mình đã từng sử dụng để sở hữu 1 giao diện mobile không giống ai :D Để tùy chỉnh, bạn chỉ cần thay đổi lại CSS ở phần mobile thôi nhé.

Hướng dẫn xây dựng và tùy chỉnh giao diện mobile trên blogspot
Giao diện mobile và desktop trong câu điều kiện If

Okie, cách thứ 2 cơ bản đến đây là hoàn tất. Tuy nhiên trong quá trình sử dụng mình mới bắt đầu phát hiện thấy nhiều lỗi không ổn.
- Mỗi lần cập nhật, sửa code trên giao diện desktop là cũng phải sửa code trên giao diện mobile (làm 2 lần).
- Số lượng code nhiều gấp 2 lần nên thao tác rất hay nhầm hoặc sót.
- Giao diện hiển thị xấu dần trên thiết bị có màn hình to.
Chốt : các bạn không nên tùy chỉnh giao diện bằng cách này, mình chỉ chia sẻ để anh em biết thêm thôi. Cách tiếp theo mới là quan trọng này :))

Cách 3 : Sử dụng code responsive (Tối Ưu)


Đây là cách mình đang áp dụng với 123itvn và có lẽ cũng là cách phổ biến nhất hiện nay khi tùy chỉnh giao diện trên blogspot.
- Ưu điểm : với code responsive, giao diện sẽ hiển thị tốt trên hầu hết các thiết bị.
- Nhược điểm : cập nhât sau =))
Hầu hết tamplate blogspot hiện nay đều có tính năng responsive nhưng nếu bạn nắm rõ hơn về cách code CSS, bạn vẫn có thể tùy chỉnh giao diện theo ý muốn.

Tiến hành tùy chỉnh


- Vào Mẫu / Chỉnh sửa HTML.
- Để khai báo tính năng responsiove, hãy đưa thẻ meta dưới đây vào trong cặp thẻ <head></head>

<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>

- Tiếp đến, copy-paste đoạn mã responsive sau vào phần dưới cùng của CSS.
Ở đây, mình xây dựng giao diện với chiều ngang tối thiểu là 320px ⇒ tối đa 1280px. Bạn có thể bổ sung thêm kích cỡ chiều ngang nếu muốn.
Code CSS tương ứng với việc hiển thị trên từng thiết bị sẽ do bạn tự thiết lập. Sau khi lưu template, check lại bằng công cụ Viewport Resizer nhé :)

/* Dành cho điện thoại */
@media all and (min-width: 320px)
{Code CSS}
/* Dành cho máy tính bảng chiều dọc */
@media all and (min-width: 480px)
{Code CSS}
/* Dành cho màn hình chiều rộng tối thiểu 600px */
@media all and (min-width: 600px)
{Code CSS}
/*  Dành cho màn hình chiều rộng tối thiểu 800px (máy tính bảng để ngang, smart phone, ...) */
@media all and (min-width: 768px)
{Code CSS}
/*  Dành cho màn hình chiều rộng tối thiểu 800px (máy tính bảng để ngang, smart phone, ...) */
@media all and (min-width: 768px)
{Code CSS}
/* Dành cho màn hình chiều rộng tối thiểu 1280px (desktop) */
@media all and (min-width: 1280px)
{Code CSS}

Lời kết


Việc xây dựng và tùy chỉnh giao diện mobile trên blogspot không hề khó, chỉ cần nắm vững CSS là chúng ta đã có thể thay đổi giao diện theo ý mình thích. Nếu template mà bạn đang sử dụng chưa có tính năng responsive, hãy cập nhật luôn nhé :)


Từ khóa tìm kiếm :

  • tùy chỉnh giao diện mobile trên blogspot
  • tùy biến giao diện mobile cho blogger 
  • xây dựng và tạo mới giao diện mobile blogspot
  • giao diện mobile blogspot hiển thị responsive

Code share facebook, twitter, google plus dạng text cho blogspot

10:42 |

Không cần plugin, bạn vẫn có thể tạo nút share bài viết lên facebook, twitter, google+ hay những mạng xã hội khác một cách đơn giản.


Code share facebook, twitter, google plus dạng text cho blogspot
Code share facebook, twitter, google plus dạng text cho blogspot

Ưu điểm 
- Nút share có dạng text.
- Không sử dụng plugin nên tốc độ tải trang khá nhanh.
- Giao diện thân thiện, dễ tùy chỉnh.
Yêu cầu : hãy đảm bảo là bạn nắm vững kiến thức về HTML + CSS !

Code share bài viết lên facebook


<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' style='color:#fff; text-align:center; width:50%; float:left; padding:10px 0; background:#3b5998; font-weight:bold; ' target='_blank'>
Share on facebook</a>

Demo

Share on facebook


Code share bài viết lên twitter


<a expr:href='&quot;http://twitter.com/intent/tweet?text=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url' style='color:#fff; text-align:center; width:50%; float:left; padding:10px 0; background:#00acee; font-weight:bold;' target='_blank'>
Share on twitter</a>

Demo

Share on twitter


Code share bài viết lên google plus (google+)


<a expr:href='&quot;https://plusone.google.com/_/+1/confirm?hl=&quot; + &quot;en&amp;url=&quot; + data:post.url' style='color:#fff; text-align:center; width:50%; float:left; padding:10px 0; background:#DC4E41; font-weight:bold;' target='_blank'>Share on google+</a>

Demo

Share on google+


Code share bài viết cho hầu hết các mạng xã hội


Ngoài facebook, twitter hay google+ thì vẫn còn khá nhiều mạng xã hội khác mà chúng ta có thể muốn share bài viết như pinterest, reddit, .... Mình đã tổng hợp lại tất cả trong 1 file text. Sau khi tải về, bạn chỉ việc copy lần lượt 2 thông số và paste đè lên đoạn mã được bôi đậm như bên dưới nhé.

<a expr:href='...' style='color:#fff; text-align:center; width:50%; float:left; padding:10px 0; background:#color; font-weight:bold; ' target='_blank'>
Share on ...</a>




Từ khóa tìm kiếm :

  • nút share facebook, twitter, google+ dạng text
  • nút share mạng xã hội cho blogspot
  • code share bài viết blogspot lên facebook
  • share bài viết blogspot lên mạng xã hội
  • code share facebook, twitter, google cho blogspot
  • code share lên facebook dạng text

Sao lưu, khôi phục data và template blogspot

20:18 |

Trong quá trình xây dựng và phát triển site, không ít blogger đã vô tình gây ra những lỗi cơ bản làm ảnh hưởng đến giao diện (template) hay dữ liệu (data) của blogspot. Hãy sao lưu, khi bạn còn có thể :)


Sao lưu, khôi phục data và template blogspot
Sao lưu, khôi phục data và template blogspot

Sao lưu giao diện blogspot (template)


Trong quá trình thao tác với code, có thể chúng ta sẽ bị lỗi ở phần nào đó mà không thể tìm ra cách giải quyết. Những lúc như này thì việc lôi lại template là cách tốt nhất khiến mọi thứ trở nên ngon lành như ban đầu, tin mình đi :D
Thời gian : tiến hành sao lưu template blogspot trước và sau mỗi lần sửa code.
- Tại menu trái, chọn Mẫu ⇒ Sao lưu / khôi phục

Sao lưu, khôi phục data và template blogspot
Sao lưu template blogspot

- Để sao lưu template, nhấn khung tại ô số 1. File tải về sẽ có đuôi .xml
- Để khôi phục, nhấn Chọn tệp ở ô số 2.

Sao lưu, khôi phục data và template blogspot
2 bước để sao lưu và khôi phục template blogspot

Sao lưu dữ liệu blogspot (data) 


Tải về toàn bộ dữ liệu các bài viết, trang, ... của blogspot. Cách này được áp dụng để bảo vệ blogspot trong trường hợp chúng ta vô tình xóa nhầm bài viết hoặc bị kẻ xấu cố ý phá hoại nội dung. Nếu không sao lưu kịp thời từ trước, dù có cố gắng thì cũng không thể khôi phục lại đâu nhé.

- Tại menu trái, chọn Cài đặtKhác
- Để sao lưu data blogspot, nhấn nút Sao lưu nội dung. File tải về sẽ có đuôi .xml
- Để khôi phục data, chọn Nhập nội dung.

Sao lưu, khôi phục data và template blogspot
Sao lưu dữ liệu blogspot


Từ khóa tìm kiếm :

  • sao lưu và khôi phục blogspot
  • sao lưu khôi phục template blogspot
  • sao lưu khôi phục data blogspot
  • sao lưu phục hồi dữ liệu trong blogger

Tạo sitemap cho blogspot nhanh chóng

19:23 |
Không riêng gì blogspot, với bất cứ website nào thì sitemap luôn được đinh nghĩa là "bản đồ" của một website. Sitemap là nơi tập trung của tất cả các bài viết và được phân thành từng phần cụ thể tuỳ theo mục đích của quản trị viên, chúng ta có thể ví sitemap như mục lục của một cuốn sách vậy.

Tạo sitemap cho blogspot
Hướng dẫn tạo sitemap cho blogspot

Ở bài viết này, mình sẽ chia sẻ với các bạn cách để tạo sitemap trên nền tảng blogger. Xem demo
Bạn có thể sử dụng Trang hoặc Bài Đăng để làm sitemap, nhưng tốt nhất nên sử dụng Trang vì chúng sẽ chuyên nghiệp hơn :)

Tạo sitemap cho blogspot
Bài đăng & Trang

Tạo sitemap cho blogspot


Bước 1 : Bên menu trái blogger, chọn Trang / Trang mới
Bước 2 : Chuyển định dạng soạn thảo từ Viết sang HTML , sau đó copy - paste đoạn mã sau vào nội dung trang.

<style type="text/css">
.post-view ol{padding-left:30px;}
.post-view p a {font:normal 20px helvetica; }
</style>
<script>
 eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 4=F M();2 s=F M();2 w=F M();2 q=F M();2 6=F M();2 x=F M();2 8="I";2 11=1F;2 23=1V;2 D="";2 1f=0;9 1T(a){9 b(){3("A"1D a.1h){2 d=a.1h.A.u;1f=d;C=0;B(2 h=0;h<d;h++){2 n=a.1h.A[h];2 e=n.R.$t;2 m=n.1Q.$t.1x(0,10);2 j;B(2 g=0;g<n.N.u;g++){3(n.N[g].1u=="1Y"){j=n.N[g].r;W}}2 o="";B(2 g=0;g<n.N.u;g++){3(n.N[g].1u=="1Z"){o=n.N[g].r;W}}2 c="";3("18"1D n){B(2 g=0;g<n.18.u;g++){c=n.18[g].2s;2 f=c.1A(";");3(f!=-1){c=c.1x(0,f)}6[C]=c;4[C]=e;q[C]=m;s[C]=j;w[C]=o;3(h<10){x[C]=Y}L{x[C]=1F}C=C+1}}}}}b();8="I";O(8);1g();11=Y;1z();i.y(\'</E><a r="1H://2r.2n.1p" 1q="2m-2l: 2k; 1I-2g:2f; 1C: #28;">27 26 25, 22 21</a>\')}9 20(a){1m(0,0);D=a;J(D)}9 1o(){1g();D="";J(D)}9 O(d){9 c(e,g){2 f=4[e];4[e]=4[g];4[g]=f;2 f=q[e];q[e]=q[g];q[g]=f;2 f=s[e];s[e]=s[g];s[g]=f;2 f=6[e];6[e]=6[g];6[g]=f;2 f=w[e];w[e]=w[g];w[g]=f;2 f=x[e];x[e]=x[g];x[g]=f}B(2 b=0;b<4.u-1;b++){B(2 a=b+1;a<4.u;a++){3(d=="I"){3(4[b]>4[a]){c(b,a)}}3(d=="16"){3(4[b]<4[a]){c(b,a)}}3(d=="17"){3(q[b]>q[a]){c(b,a)}}3(d=="X"){3(q[b]<q[a]){c(b,a)}}3(d=="1s"){3(6[b]>6[a]){c(b,a)}}}}}9 1g(){8="1s";O(8);2 a=0;2 b=0;Q(b<4.u){G=6[b];P=a;1v{a=a+1}Q(6[a]==G);b=a;19(P,a);3(b>4.u){W}}}9 19(d,c){9 e(f,h){2 g=4[f];4[f]=4[h];4[h]=g;2 g=q[f];q[f]=q[h];q[h]=g;2 g=s[f];s[f]=s[h];s[h]=g;2 g=6[f];6[f]=6[h];6[h]=g;2 g=w[f];w[f]=w[h];w[h]=g;2 g=x[f];x[f]=x[h];x[h]=g}B(2 b=d;b<c-1;b++){B(2 a=b+1;a<c;a++){3(4[b]>4[a]){e(b,a)}}}}9 J(a){2 l=0;2 h="";2 e="1X 1b";2 m="1c 1d 1W 1U 1S";2 d="1R";2 k="1c 1d 1M 1L 1K";2 c="1J";2 j="";3(8=="I"){m+=" (2h)";k+=" (1j S)"}3(8=="16"){m+=" (1i)";k+=" (1j S)"}3(8=="17"){m+=" (1i)";k+=" (1j S)"}3(8=="X"){m+=" (1i)";k+=" (1N S)"}3(D!=""){j="1c 1d 1O 1P"}h+="<1g>";h+="<k>";h+=\'<5 v="7-U-1e">\';h+=\'<a r="1a:1t();" R="\'+m+\'">\'+e+"</a>";h+="</5>";h+=\'<5 v="7-U-15">\';h+=\'<a r="1a:1l();" R="\'+k+\'">\'+d+"</a>";h+="</5>";h+=\'<5 v="7-U-14">\';h+=\'<a r="1a:1o();" R="\'+j+\'">\'+c+"</a>";h+="</5>";h+=\'<5 v="7-U-13">\';h+="T 24";h+="</5>";h+="</K>";B(2 g=0;g<4.u;g++){3(a==""){h+=\'<k><5 v="7-A-1e"><a r="\'+s[g]+\'">\'+4[g]+\'</a></5><5 v="7-A-15">\'+q[g]+\'</5><5 v="7-A-14">\'+6[g]+\'</5><5 v="7-A-13"><a r="\'+w[g]+\'">T</a></5></K>\';l++}L{z=6[g].1A(a);3(z!=-1){h+=\'<k><5 v="7-A-1e"><a r="\'+s[g]+\'">\'+4[g]+\'</a></5><5 v="7-A-15">\'+q[g]+\'</5><5 v="7-A-14">\'+6[g]+\'</5><5 v="7-A-13"><a r="\'+w[g]+\'">T</a></5></K>\';l++}}}h+="</1G>";3(l==4.u){2 f=\'<h v="7-1E">12 29 \'+4.u+" 1b<E/></H>"}L{2 f=\'<h v="7-1E">12 \'+l+" 2a 2b 2c \'";f+=D+"\' 2d "+4.u+" 2e 1b<E/></H>"}2 b=i.V("7");b.Z=f+h}9 1z(){2 a=0;2 b=0;Q(b<4.u){G=6[b];i.y("<p/>");i.y(\'<p>
<a r="/2i/2j/\'+G+\'">\'+G+"</a></p>
<1y>");P=a;1v{i.y("<1w>");i.y(\'<a r="\'+s[a]+\'">\'+4[a]+"</a>");3(x[a]==Y){i.y(\' - <1r><1n><h 1q="1C: 2o(2p, 0, 0);">2q !</H> </1n></1r>\')}i.y("</1w>");a=a+1}Q(6[a]==G);b=a;i.y("</1y>");19(P,a);3(b>4.u){W}}}9 1t(){3(8=="I"){8="16"}L{8="I"}O(8);J(D)}9 1l(){3(8=="X"){8="17"}L{8="X"}O(8);J(D)}9 1k(){3(11){J(D);2 a=i.V("1B")}L{2t("2u 2v... 2w 2x 2y")}}9 2z(){2 a=i.V("7");a.Z="";2 b=i.V("1B");b.Z=\'<a r="#" 2A="1m(0,0); 1k(); 2B.2C(\\\'7-2D\\\',\\\'2E\\\');">?? 12 2F 2G</a> <2h 2I="1H://2J.2K.1p/2L.2M"/>\'}9 2N(){B(2 a=0;a<1f;a++){i.y("<e>");i.y(\'2O 2P  : <a r="\'+s[a]+\'">\'+4[a]+"</a><e>");i.y(\'T 2Q  : <a r="\'+w[a]+\'">\'+4[a]+"</a><e>");i.y("<e>")}};',62,177,'||var|if|postTitle|td|postLabels|toc|sortBy|function|||||||||document||||||||postDate|href|postUrl||length|class|postMp3|postBaru|write||entry|for|ii|postFilter|br|new|temp1|span|titleasc|displayToc|tr|else|Array|link|sortPosts|firsti|while|title|first|Download|header|getElementById|break|datenewest|true|innerHTML||tocLoaded|Menampilkan|col4|col3|col2|titledesc|dateoldest|category|sortPosts2|javascript|Artikel|Klik|untuk|col1|numberfeed|sortlabel|feed|ascending|newest|showToc|toggleDateSort|scroll|em|allPosts|com|style|strong|orderlabel|toggleTitleSort|rel|do|li|substring|ol|displayToc2|lastIndexOf|toclink|color|in|note|false|table|http|text|Kategori|tanggal|bedasarkan|Sortir|oldest|menampilkan|semua|published|Tanggal|judul|loadtoc|berdasarkan|250|sortir|Judul|alternate|enclosure|filterPosts|Farhan|Abu|numChars|MP3|SaliproPham|by|Designed|ffffff|Semua|artikel|dengan|kategori|dari|Total|none|decoration|descending|search|label|8px|size|font|blogspot|rgb|255|New||term|alert|Just|wait|TOC|is|loading|hideToc|onclick|Effect|toggle|result|blind|Daftar|Isi|img|src|radiorodja|googlepages|new_1|gif|looptemp2|Post|Link|mp3'.split('|'),0,{}))
</script>
<script src="http://www.123itvn.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Bước 3
- Phần CSS trên cùng, các bạn có thể bổ sung thêm code để tuỳ chỉnh việc hiển thị của sitemap nếu muốn.
- Thay URL 123itvn.com bằng của URL website của bạn.
- Chuyển định dạng soạn thảo từ HTML về Viết.
- Lưu lại khi hoàn tất.

Lưu ý : Ở mỗi lần chỉnh sửa code trong trang, các bạn nên cut-paste lại đoạn mã trên để sitemap hoạt động bình thường.

Lời kết


Sitemap mà mình chia sẻ có giao diện khá đơn giản, tải nhanh và dễ nhìn. Nếu bạn thích sử dụng sitemap khác độc đáo hơn, hãy sưu tầm thêm trên mạng nhé !
Bài tiếp theo : tạo sitemap cho website trong Google Webmaster (dành riêng cho SEOer)


Từ khóa tìm kiếm :

  • sitemap for blogger
  • hướng dẫn tạo sitemap cho blogspot
  • tạo sitemap trên blogspot
  • sitemap blogspot

Code widget bài viết mới (recent posts) cho blogspot

08:18 |

Widget bài viết mới là một tiện ích mở rộng được sử dụng khá phổ biến trong blogger. Vừa tốt cho SEO, vừa chủ động tăng view cho bài viết.


Code widget bài viết mới (recent posts) cho blogspot
Code widget bài viết mới (recent posts) cho blogspot

Yêu cầu cơ bản
- Hiểu rõ về code.
- Sao lưu template trước khi thao tác, phòng trường hợp lỗi.
- Trong quá trình chèn code, nếu hệ thống báo lỗi, hãy sử dụng bảng convert mã html sang htmlx để chèn thành công nhé.

Cách chèn code vào trong blogspot
- Đăng nhập blogger.
- Bên menu trái, chọn Mẫu / Chỉnh sửa HTML
- Copy - paste code vào vị trí cần đặt.

Thông thường, wiget bài viết mới sẽ không có sẵn trong code blogger (vì nó là tiện ích mở rộng). Do đó, chúng ta sẽ phải tìm kiếm trên mạng và thay đổi code cho phù hợp với giao diện blogspot.

Những đoạn code dưới đây được mình sưu tầm và có chỉnh sửa đôi chút để dễ hiểu hơn. Code ngắn gọn, widget hoạt động tốt, bù lại CSS hơi sơ sài, nếu bạn thích giao diện bắt mắt hơn, hãy bổ sung thêm CSS và nhớ là bạn phải nắm vững về CSS nhé :)


1. Code widget bài viết mới cơ bản (không có hình ảnh)


Xem demo

<div>
<style type="text/css">
.bbrecpost2 {width:100%; box-sizing:border-box; padding:7px; border-bottom:1px solid #d1d1d1;}
.bbrecpost2:last-child {border:none; }
.bbrecpost2 a{color: #004D99; font:bold 13px Helvetica,Arial,san-serif; line-height:1.6em;}
.bbrecpost2 a:hover {color:darkviolet;}
.bbrecpost2 span {font-size:12px;}
</style>
<div style="border: 1px solid #d1d1d1; box-sizing: border-box;">
<script>
//<![CDATA[
function showrecentposts(json) {
  for (var i = 0; i < numposts; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        posturl = entry.link[k].href;
        break;
      }
    }
    posttitle = posttitle.link(posturl);
    var readmorelink = "&raquo;&raquo;";
    readmorelink = readmorelink.link(posturl);
    var postdate = entry.published.$t;
    var cdyear = postdate.substring(0,4);
    var cdmonth = postdate.substring(5,7);
    var cdday = postdate.substring(8,10);
    var monthnames = new Array();
    monthnames[1] = "Tháng 1";
    monthnames[2] = "Tháng 2";
    monthnames[3] = "Tháng 3";
    monthnames[4] = "Tháng 4";
    monthnames[5] = "Tháng 5";
    monthnames[6] = "Tháng 6";
    monthnames[7] = "Tháng 7";
    monthnames[8] = "Tháng 8";
    monthnames[9] = "Tháng 9";
    monthnames[10] = "Tháng 10";
    monthnames[11] = "Tháng 11";
    monthnames[12] = "Tháng 12";
    if ("content" in entry) {
      var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
      var postcontent = entry.summary.$t;}
    else var postcontent = "";
    var re = /<\S[^>]*>/g;
    postcontent = postcontent.replace(re, "");
    if (!standardstyling) document.write('');
 document.write('<div class="bbrecpost2">');
    document.write('<span>');
    if (standardstyling) document.write('');

    document.write(posttitle);
    if (standardstyling) document.write('');
    if (showpostdate == true) document.write(' - ' + cdday + ' ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdyear);
    if (!standardstyling) document.write('<div class="bbrecpostsum"">');
    if (standardstyling) document.write('');
    if (showpostsummary == true) {
      if (standardstyling) document.write('');
      if (postcontent.length < numchars) {
         if (standardstyling) document.write('<i>');
         document.write(postcontent);
         if (standardstyling) document.write('</i>');}
      else {
         if (standardstyling) document.write('<i>');
         postcontent = postcontent.substring(0, numchars);
         var quoteEnd = postcontent.lastIndexOf(" ");
         postcontent = postcontent.substring(0,quoteEnd);
         document.write(postcontent + '... ' + readmorelink);
         if (standardstyling) document.write('</i>');}
}
    if (!standardstyling) document.write('</div>');
    document.write('</span>');
   document.write('</div>');
    if (standardstyling) document.write('');
}
if (!standardstyling) document.write('<div class="bbwidgetfooter">');
if (standardstyling) document.write('');
document.write('');
if (!standardstyling) document.write('</div>');
}
//]]>
</script>
<script>
var numposts = 5;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;
var standardstyling = false;
</script>
<script src="http://123itvn.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script>
</div>
</div>

Trong đó, các thuộc tính :
- numposts : số lượng bài viết được hiển thị.
- showpostdate : hiển thị ngày đăng (true - có, false - không).
- showpostsummary : hiển thị mô tả ngắn (true - có, false - không).
- numchars : số ký tự của đoạn mô tả ngắn.
- standardstyling : kiểu hiển thị của đoạn mô tả ngắn (true - viết liền, false - xuống dòng).
- Thay 123itvn.com bằng đường dẫn site của bạn.

Code widget bài viết mới (recent posts) cho blogspot
Bài viết mới (recent posts) cho blogspot dạng 1 (Xem demo)

2. Code widget bài viết mới có hình ảnh và snippet 


Xem demo

<div>
<style type='text/css'>
.danhsach {float:left; width:100%; margin:0; padding:0; font-size:13px; background:#fff; box-shadow: 0 0 1px #d1d1d1; }
.danhsach li {float:left; width: 100%; margin:0 !important; padding-bottom:5px;padding-top:5px;min-height:75px; list-style-type:none !important; line-height:1.5em; border-bottom:1px dotted #d1d1d1;}
.danhsach li:last-child {border:none;}
.danhsach img {padding:0px;width:72px;height:72px;float:left;margin:0 5px;}
.danhsach a {text-decoration:none; font-weight:bold; color:#004D99 !important;}
.danhsach i {font-style:normal; font-size:12px; }
.danhsach strong {font-size:10px;}
.danhsach hr {display:none;}
</style>
<script>
function showrecentpostswiththumbs(json){document.write('<ul class="danhsach">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='http://www.webaholic.co.in/other/no-image.jpg';}
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Tháng 1";monthnames[2]="Tháng 2";monthnames[3]="Tháng 3";monthnames[4]="Tháng 4";monthnames[5]="Tháng 5";monthnames[6]="Tháng 6";monthnames[7]="Tháng 7";monthnames[8]="Tháng 8";monthnames[9]="Tháng 9";monthnames[10]="Tháng 10";monthnames[11]="Tháng 11";monthnames[12]="Tháng 12";document.write('<li>');if(showpostthumbnails==true)
document.write('<img class="anh" src="'+thumburl+'"/>');document.write('<b><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b><br>');if("content"in entry){var postcontent=entry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('<i>');document.write(postcontent);document.write('</i>');}
else{document.write('<i>');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('</i>');}}
var towrite='';var flag=0;document.write('<br><strong>');if(showpostdate==true){towrite=towrite+cdday+' - '+monthnames[parseInt(cdmonth,10)]+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{if(flag==1){towrite=towrite+' | ';}
if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">Chi tiết !</a>';flag=1;;}
document.write(towrite);document.write('</strong></li>');if(displayseparator==true)
if(i!=(numposts-1))
document.write('<hr size=0.5>');}document.write('</ul>');}
</script>
<script>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;</script>
<script src="http://123itvn.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentpostswiththumbs"></script>
</div>

Trong đó, các thuộc tính
- showpostthumbnails : hiển thị hình ảnh (true - có, false - không).
- displaymore : hiển thị nút more.
- showcommentnum : hiển thị số lượng bình luận bằng Google+
- numpostsshowpostdate, showpostsummary, numchars  : giống thằng trên
- Thay 123itvn.com bằng đường dẫn site của bạn.

Code widget bài viết mới (recent posts) cho blogspot
Bài viết mới (recent posts) cho blogspot dạng 2 (Xem demo)


Từ khóa tìm kiếm :

  • bài viết mới nhất có ảnh cho blogspot
  • code bài viết mới nhất trong blogspot
  • code recent posts for blogspot
  • code wigdet bài viết mới có ảnh trong blogspot

Hình ảnh trên blogspot không hiển thị do nhà mạng chặn

11:13 |

Nhà mạng chặn tên miền đuôi blogspot


Thời gian gần đây, khi truy cập vào một số website sử dụng nền tảng blogger, người dùng sẽ không thể nhìn thấy bất cứ hình ảnh nào, thay vào đó là những icon báo lỗi như hình dưới đây.

Hình ảnh trên blogspot không hiển thị do nhà mạng chặn
Hình ảnh không thể hiển thị.

Nguyên nhân : có nhiều lý do để dẫn tới việc hình ảnh không hiển thị trên blogger, trong đó chiếm phần lớn là từ các nhà mạng (VNPT chẳng hạn). Bất cứ đối tượng nào đường dẫn có chứa đuôi blogspot.com như tên miền, hình ảnh ... sẽ đều bị chặn

Khắc phục lỗi blogspot không thể hiển thị hình ảnh


- Đăng nhập blogger, tại menu trái chọn Mẫu / Chỉnh sửa HTML
- Tìm đến thẻ đóng </body> và chèn vào sau đó 1 trong 2 đoạn mã sau.

Cách 1 : Sử dụng javascript


<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>

Cách 2 : Sử dụng Jquery


<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ạn có thể bỏ dòng đầu tiên nếu thư viện jquery đã từng được khai báo trước đây.


Từ khóa tìm kiếm :

  • khắc phục lỗi hình ảnh không hiển thị trên blogspot
  • blogger không hiển thị hình ảnh do nhà mạng chặn
  • blogspot bị nhà mạng vnpt chặn
  • hiển thị ảnh trên blogspot, blogger không được
top