Hướng dẫn chèn bình luận Facebook vào Blogspot

Như các bạn cũng đã biết, bình luận là một trong nhưng tính năng không thể nào thiếu được đối với một website. Nó giúp chúng ta tương tác được với người dùng cực kỳ hiệu quả. Hôm nay mình đóng góp bài viết này hướng dẫn mọi người cách chèn bình luận Facebook vào Blogspot.

Bước 1: Tạo App Facebook để chèn bình luận vào Blogspot


Truy cập https://developers.facebook.com/quickstarts/?platform=web giao diện cơ bản sẽ như hình minh họa bên dưới.
Hướng dẫn chèn bình luận Facebook vào Blogspot
Gõ tên ứng dụng (hoặc tên website của bạn) vào ô tương tự bên trên. Tên gì cũng được không quá quan trọng nhé!

Sau khi đã điền tên xong, bạn nhấp vào Create New Facebook App ID. Bạn tiếp tục lựa chọn 1 mục phù hợp rồi nhấp vào Creat App ID nhé.

Hướng dẫn chèn bình luận Facebook vào Blogspot
Sau đó nhấp vàò Skip Quick Start ở bên góc phải của giao diện để nhận ID App vừa tạo.

Bước 2: Chèn Facebook Comment vào Blogspot


Đăng nhập Blogger -- Vào Mẫu -- Chỉnh sửa HTML

Thêm dòng code sau vào thẻ <html... (Thẻ html này nằm ở ngay đầu Mẫu)

xmlns:fb='https://www.facebook.com/2008/fbml'

Thêm thẻ meta sau vào trước thẻ </head>


<meta content='Mã ứng dụng' property='fb:app_id'/>
<meta content='Facebook user ID' property='fb:admins'/>

Thay thế Mã ứng dụng của app mà bạn đã copy ở cuối Bước 1
Thay Facebook user ID bằng ID tài khoản Facebook của bạn

Thêm đoạn code sau vào trước thẻ </body>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&amp;version=v2.3&amp;appId=Mã ứng dụng";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Thay thế Mã ứng dụng của app mà bạn đã copy ở cuối Bước 1

Cuối cùng ta sẽ xác định vị trí để chèn bình luận facebook. Thường thì ta chèn bình luận facebook vào cuối bài viết, có 2 cách để thực hiện.

Cách 1: Thêm đoạn code sau ngay dưới thẻ <b:include data='post' name='post'/>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="fb-comments" expr:data-href="data:post.canonicalUrl" data-width="640" data-numposts="5" data-colorscheme="light"></div>
</b:if>

Cách 2: Thêm đoạn code sau dưới thẻ đóng </div> của thẻ <div class='post-footer'> (Thẻ này nằm trong phần <b:includable id='post' var='post'>)


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="fb-comments" expr:data-href="data:post.canonicalUrl" data-width="640" data-numposts="5" data-colorscheme="light"></div>
</b:if>

data-colorscheme="light" : màu của khung bình luận, facebook cung cấp 2 giao diện là light vàdark
data-numposts="5" : số bình luận hiển thị
data-width="640" : kích thước chiều ngang của khung bình luận

Vậy là xong, ta Lưu Mẫu lại.

Bước 3: Quản lý bình luận Facebook trong Blogspot


Truy cập https://developers.facebook.com/tools/comments sau đó chọn ứng dụng của bạn để quản lý bình luận facebook trên blog.

Hy vọng với bài viết Hướng dẫn chèn bình luận Facebook vào Blogspot sẽ giúp ích được mọi người trong việc quản lý website.

Hướng Dẫn Cài đặt Cloudflare Cho Tên Miền Blogspot Không Bị Chặn

Hôm nay lướt qua vài trang chia sẻ Thủ thuật Blogspot mình bắt gặp một bài viết khá hay được viết bởi Terocket, bài viết nâng cao hướng dẫn cài đặt Cloudflare cho Blogspot, mời các bạn theo dõi bài viết cùng tham khảo thủ thuật này nhé!

Hướng Dẫn Cài đặt Cloudflare Cho Tên Miền Blogspot Không Bị Chặn

Hướng Dẫn Cài đặt Cloudflare Cho Tên Miền Blogspot Không Bị Chặn

Website làm bằng Blogger hay Blogspot của bạn bị các nhà mạng tại Việt Nam là VNPT, Viettel, FPT...chặn và không thể truy cập được, cách duy nhất có thể truy cập được đó là chuyển đổi DNS trong cài đặt tên miền hoặc đổi DNS Proxy trong cài đặt mạng ở máy tính bạn, nhưng có lúc được lúc không và bạn phải liên tục thay đổi và cực kỳ ức chế. Hôm nay mình  sẽ hướng dẫn bạn cách chuyển đổi và cài đặt tên miền của blogspot của bạn sang máy chủ của Cloudflare và sẽ không bao giờ bị các nhà mạng ở Việt Nam chặn nữa. Tìm hiểu tại sao blogspot bị chặn tại Việt Nam!

Cloudflare là gì?

CloudFlare là một dịch vụ proxy trung gian. Thay vì tên miền website của bạn kết nối trực tiếp vào máy chủ thông qua địa chỉ IP của máy chủ, ở Mắt bão thì xài của Mắt Bão, ở PA thì xài ở PA, ở Godaddy thì xài ở godaddy chẳng hạn, thì CloudFlare sẽ làm nhiệm vụ làm kết nối trung gian, nghĩa là mỗi lượt truy cập đều phải xử lý thông qua CloudFlare trước khi đến máy chủ chính thức của website bạn...ok thế là hiểu rồi nhé!

Cài đặt Cloudflare cho tên miền Blogspot như thế nào?

Đầu tiên các bạn cần truy cập vào địa chỉ trang chủ của Cloudflare là https://www.cloudflare.com và đăng ký một tài khoản Cloudflare tại https://www.cloudflare.com/sign-up.

Cài đặt Cloudflare cho tên miền Blogspot như thế nào


Giao diện trang chủ của Cloudflare tương đối đơn giản, khuyến khích các bạn xem video để hiểu cơ bản về dịch vụ của họ hơn nhé!

Hướng Dẫn Cài đặt Cloudflare Cho Tên Miền Blogspot Không Bị Chặn

Điền thông tin của bạn vào các khung và nhấp vào tạo mới tài khoản Creat account now để qua bước tiếp theo nhé!

Cài đặt Cloudflare Cho Blogspot

Nhập tên miền của bạn vào ô và nhấp Add website nhé!

Cài đặt Cloudflare Cho Blogspot

Chờ khoảng 1 phút để Cloudflare nó quét thông tin tên miền cơ bản của website bạn đã!

Cài đặt Cloudflare Cho Tên Miền Blogspot


Sau khi quét xong bạn nhấp vào Continue và tiếp tục nhé!

Hướng Dẫn Cài đặt Cloudflare Cho Tên Miền Blogspot

Cloudflare sẽ quét ra được như trên, ở cái khung màu Đỏ là phần nó sẽ quét ra được, còn phần trong khung màu Xanh là phần mà bạn cần phải điền vào nhé!

Thêm 2 record dưới dạng TXT này vào bản ghi ở trong khung Màu Xanh

MARK.NS.CLOUDFLARE.COM 
MARY.NS.CLOUDFLARE.COM 

Cái CNAME màu Gạch gồm mấy ký tự như:

Name: ags2ikabnwgy 
Host: gv-gnwe6v6xsiqc4v.dv.googlehosted.com. 

Cái này lấy ở đâu? Chính là cái mã khi lúc đầu bạn cài đặt tên miền cho blogspot là thằng Google nó đã cung cấp rồi đó. Ai không biết vào Cài đặt tên miền cho Blogspot để xem lại nhé! Tiếp tục bước tiếp theo nào.

Sau khi cài đặt xong, các bạn nhấp vào I've added all missing records, Continue > và qua bước tiếp theo nhé!

Hướng Dẫn Cài đặt Cloudflare Cho Tên Miền Blogspot

Ở phần Choose a plan chọn Free là được rồi, mình thấy nó cũng đã đầy đủ chức năng dành cho cả nhà rồi đó! Sau đó nhấp vào Contine tiếp tục nha!



Cloudflare sẽ cung cấp cho bạn Nameservers cũ (MÀU ĐỎ) của bạn là ở đâu và bạn cần thay đổi sangNameservers mới (MÀU XANH)của nó là gì. Bạn cần vào phần quản trị tên miền của mình trước kia để yêu cầu thay đổi nha! Sau khi đổi xong thì mới nhấp vào I'v updated my nameservers, continue nhé!


Chờ khoảng 10 phút cho đến 24 tiếng thì nó xác nhận, muốn nhanh thì chờ 5 phút rồi nhấp vào Re-test để nó kiểm tra lại nha!



Lúc nào mà ra cái biểu tượng tích màu xanh lá cây là coi như quá trình cài đặt đã xong rồi đó nhé cả nhà!

Hướng Dẫn Cài đặt Cloudflare Cho Tên Miền Blogspot

Vào Ping thử xem website của mình đã chuyển đổi qua máy chủ của Cloudflare chưa. Nếu như đã chuyển đổi qua thì coi như quá trình đã hoàn thành!

Kết luận về cài đặt Cài đặt Cloudflare cho tên miền Blogger không bị chặn

Vậy là đã xong quá trình đăng ký Cloudflare và cài đặt tên miền qua máy chủ Cloudflare cho blogspot rồi. Cơ bản là hiện tại website blogger của bạn không còn bị mấy mạng Việt Nam như VNPT, FPT hay VIETTEL chặn nữa. Còn thực tế có chặn hay không thì mong mọi người thông báo và góp ý kiến dưới đây nhé! Ở đâu cài rồi mà vẫn bị chặn thì cần thông báo cho anh em ngay để cùng nhau xử lý. Chân thành cảm ơn!

Tác giả Nguyễn An Thành/ Bản quyền Terocket/ Copyright @Terocket.com

Cách Sửa Lỗi Chữ Nhảy Xuống Dòng Trong Blogspot Trên Google Chrome 39

Chào các bạn! Nhận được rất nhiều tin nhắn trên Facebook, email và cả phone nữa về hiện tượng gần đây các mẫu giao diện của các bạn có xuất hiện lỗi chữ nhảy xuống dòng. Hôm nay Thế giới template blogspot xin tổng hợp lại một bài chia sẻ Cách sửa lỗi chữ nhảy xuống dòng trong Blogspot. Hy vọng với bài viết này sẽ giúp được cho các bạn phần nào vấn đề được nêu ra ở trên.

 Lỗi Chữ Nhảy Xuống Dòng Trong Blogspot Trên Google Chrome
Lỗi Chữ Nhảy Xuống Dòng Trong Blogspot Trên Google Chrome

Tìm hiểu lỗi liên kết nhảy dòng trên Google Chrome 39

Cách đây vài ngày, Google Chrome cập nhật lên phiên bản mới nhất gây ra tình trạng website bị lỗi xuống hàng ở các liên kết gây ra cảm giác rất khó chịu và nhiều người lầm tưởng website của mình bị lỗi giao diện, ấy thế mà thật ra lỗi này chỉ xuất hiện trên trình duyệt Google Chrome.

Thực ra mình cũng không để ý cái này nhưng do một số bạn phản hồi nên mới tìm hiểu cách fix lỗi này

Để sửa lỗi này, chúng ta chỉ cần chèn một đoạn CSS sau vào Blogspot:

.class a {
white-space: nowrap;
}

Trong đó, .class là class của vùng chọn bạn bị lỗi vì nếu áp dụng cho toàn bộ thẻ a trong website, có thể bạn sẽ bị lỗi các liên kết tràn ra khỏi khung website vì nó đã trở về trạng thái nowrap. Chỉ vậy thôi là xong rồi, bây giờ website của bạn sẽ không bị lỗi xuống hàng ở các liên kết nữa dù người truy cập có sử dụng Google Chrome phiên bản mới nhất.

Một số bài viết có thể bạn quan tâm:

Hướng dẫn cách sửa lỗi nhảy dòng trong Blogspot

B1. Chuột phải khu vực bị lỗi nhảy dòng -> Chọn "Kiểm tra phần tử" (hoặc bấm F12)
B2. Tìm chính xác Class (lớp) bị lỗi trong template.
B3. Thêm đoạn mã Css bên dưới vào Class vừa tìm

white-space: nowrap;
B4. Lưu mẫu template lại và xem kết quả nhé!

Hình ảnh minh họa sau khi thêm câu lệnh Css ngay trên trình duyệt:


Chỉ đơn giản vậy là bạn có thể fix được lỗi tự động xuống dòng trên trình duyệt Google Chrome mới này rồi. Chúc các bạn thành công!

THIẾT KẾ WEBSITE NỀN TẢNG BLGOSPOT CHUYÊN NGHIỆP

  • Tư vấn

    skypelomlun

  • Tư vấn

    skypelomlun

  • Tư vấn

    skypelomlun