Hướng dẫn tích hợp Customer Chat Facebook vào website

LongAnIT 2/22/2019 Bình luận
Trong bài viết hôm trước tôi đã có giới thiệu với các bạn cách tích hợp live chat facebook vào trong blogspot đây là code mà mình lấy nguồn từ bạn Nguyễn Cao Tú chia sẻ trên site.

Trong bài viết hôm nay mình sẽ tiếp tục hướng dẫn các bạn thêm một cách tích hợp "Live chat Facebook" version 2 vào trong web của mình. Trước tiên mình xin giới thiệu đôi chút về plugin này
Live chat Facebook version 2
"Live chat Facebook" version 2

Customer Chat Facebook là plugin do chính Facebook phát hành, giúp các webmaster có thể tạo khung live chat nhanh chóng, hỗ trợ khách hàng đối với doanh nghiệp cũng như là các site cá nhân. Tuy vẫn còn một số hạn chế về Customize nhưng tất cả những thứ mà mà plugin này mang lại còn hơn cả mong đợi.

Ưu điểm:

  • Hoàn toàn miễn phí (Không cần phải trả phí như một số Live chat khác)
  • Dễ cài đặt và vận hành.
  • Hỗ trợ người dùng nhanh chóng thông qua Facebook messenger.
  • Customer Chat Facebook hiển thị, hoạt đông tốt trên mọi loại trình duyệt trên PC, Mobile và Tablet.

Nhược điểm:

  • Người dùng cần có một tài khoản Facebook để đăng nhập.
  • Chưa thật sự có nhiều tùy biến.
  • Không thể theo dõi người dùng có đang truy cập Online hay không.
  • Các bước tích hợp Customer Chat Facebook vào website:
  • Yêu cầu cơ bản để tích hợp được Customer Chat Facebook vào website là:
  • Bạn phải có một tài khoản Facebook và có một trang Fanpage.
  • Bạn phải có 1 App Facebook để lấy ID cho phần source code của plugin có thể hoạt động.
  • Bước 1: Cấu hình plugin Customer Chat Facebook từ cài đặt của Fanpage Facebook.
  • Đầu tiên, bạn vào trang Fanpage Facebook, nhấn vào Cài đặt nằm ở góc phải trên màn hình. Tiếp theo là chọn Nền tảng Messenger nằm bên thanh menu bên trái. Nhấn chọn tiếp “Chuyển đển phần” Plugin Chat với khách hàng.

Các bước tích hợp Customer Chat Facebook vào website:

Bước 1: Vào trang Fanpage Facebook, nhấn vào "Cài đặt" nằm ở góc phải trên màn hình.

Giao diện cài đặt của trang Fanpage facebook
Giao diện cài đặt của trang Fanpage facebook

Tiếp theo là chọn Nền tảng Messenger nằm bên thanh menu bên trái. Nhấn chọn tiếp “Chuyển đển phần” Plugin Chat với khách hàng như hình.

Plugin Chat với khách hàng
Plugin Chat với khách hàng

Tại khung Plugin chat với khách hàng chọn thiết lập:

Tại cửa sổ Setup Customer Chat chọn Next:

Setup Customer Chat Facebook
Setup Customer Chat Facebook
Tiếp theo bạn cần thiết lập vài thông số cho plugin:
  • Ngôn ngữ: Bạn có thể thiết lập ngôn ngữ tùy ý.
  • Lời chào: Để mặc định hoặc muốn tùy chỉnh bạn có thể nhấn vào “Thay đổi”.


Thiết thông thông số ngôn ngữ và lời chào cho live chat
Thiết thông thông số ngôn ngữ và lời chào cho live chat

Sau đó nhấn “Tiếp” để chuyển sang bước tiếp theo.

Bước 2: Bạn có thể thay đổi màu khung chat, thời gian phản hồi và nhấn “Tiếp” để chuyển đến bước cuối cùng.

Thay đổi màu khung hộp thoại chat

Bước 3: Bước cuối cùng của phần thiết lập
  • Thêm tên miền trang web của bạn vào và nhấn “Lưu”.
  • Copy đoạn code mà Facebook cung cấp.


Thiết lập tên miền và sao chép code vào trong website
Thiết lập tên miền và sao chép code vào trong website

Nhấn “Hoàn tất” để hoàn thành việc thiết lập

Hoàn tất thiết lập Facebook live chat
Hoàn tất thiết lập Facebook live chat 

Sau khi hoàn tất xong bạn đăng nhập vào Blogger và dán đoạn code vào trước thẻ đóng </body> thế là xong

Kết luận: Qua bài viết trên tôi đã hướng dẫn các bạn cách tích hợp Customer Chat Facebook (LiveChat Facebook) vào website trong quá trình thực hiện nếu có báo lỗi hay code không chạy vui lòng comment bên dưới để được hỗ trợ.


Hướng dẫn cách khắc phục liên kết footer chân trang Website

LongAnIT 2/16/2019 2 Bình luận
Cách đây vài năm các bạn có thể thấy việt liên kết footer có vai trò rất quan trọng trong SEO. Có rất nhiều trang web đặt backlink dưới chân trang footer vì có được liên kết ở footer sẽ giúp cho trang web của bạn tăng hạng.Tuy nhiên hiện nay thì google đã cập nhật thuật toán vì thế việc đặt backlink footer hiện tại là vô cùng rủi ro. Trong bài viết này tôi sẽ hướng dẫn các bạn cách để khắc phục liên kết footer và đa dạng hóa backlink nhằm đảm bảo an toàn trong SEO.

Khắc phục liên kết footer khi đa dạng hóa backlink
Khắc phục liên kết footer khi đa dạng hóa backlink

Cứ mỗi lần ông google cập nhật thuật toán là tất cả những người làm seo đều rất lo lắng không biết là Website của mình có được tăng hạng hay rớt hạng, từ khóa mình SEO có còn trụ được trong top hay không và còn nhiều thứ khác nữa thật là nhức cả đầu.

Như chúng ta đã biết sự ảnh hưởng của anchortext và các backlink có tác động thế nào đến thứ hạng trang web của bạn trên Google?. Đây không phải là tin tốt cho tất cả các quản trị web những người đã đặt một liên kết đến trang web của họ ở chân trang của mỗi trang web mà họ đã xây dựng cùng với các anchortext .

 Tô có ví dụ như sau "SEO, thiết kế web giá rẻ ...". Với người chuyên làm SEO và  quản trị Website,  bạn phải nỗ lực xây dựng liên kết  và liên kết phải là tự nhiên và đa dạng, nhưng làm thế nào?

Khi bạn đặt liên kết ở chân trang của một trang web (Footer) thì Google nghĩ rằng bạn đang cố gắng để nhồi nhét  từ khóa vào bảng xếp hạng công cụ tìm kiếm một cụm từ khóa cụ thể - và có quá nhiều liên kết trỏ đến trang web của họ từ các trang web không có liên quan có thể làm tổn hại bạn trên Google.

Một sự vô tình nữa là do site của bạn có quá nhiều những hiệu ứng để giúp trang web trong đẹp mắt hơn (chứa quá nhiều các đoạn mã CSS, javascript...) sẽ khiến cho Google Spider gặp khó khăn trong việc thu thập dữ liệu từ đó làm giảm uy tín cho site của chính bạn.

Để khắc phục những vấn đề liên quan tới việc đặt liên kết từ chân trang của các trang web, chúng ta cần phải thực hiện một sự thay đổi đơn giản sau:

  1. Liên kết không phù hợp.
  2. Tất cả các liên kết trỏ đến trang chủ.
  3. Quá nhiều liên kết cùng với các văn bản neo.
  4. Quá nhiều liên kết dofollow  từ cùng một tên miền.


1. Khắc phục: Liên kết không phù hợp


Thông thường bạn thường liên hệ các webmaster khác, để có thể đặt các liên kết về trang web của bạn với từ khóa mà bạn cần SEO và người lại. Tuy nhiên điều đó lại đang làm ảnh hưởng đến thứ hạng trang web của bạn. Bí quyết để sửa lỗi này đó là để thiết lập các liên kết giữa các trang web bạn đang liên kết từ trang web của bạn bằng những cụm từ khóa mà dài hơn nhưng nhiều người tìm kiếm và độ cạnh tranh không cao. 

2. Khắc phục: Tất cả các liên kết trỏ đến trang chủ


Phần tiếp theo của công việc là bạn cần điều chỉnh các liên kết từ chân trang web footer của website khách hàng đang trỏ về trang chủ của bạn. Việc bạn cần làm bây giờ đó là hãy tạo ra danh mục trên trang web của bạn có liên quan đến trang web của bạn bè, liên kết chân trang từ bạn bè có thể trỏ đến trang danh mục của bạn thay vì trang chủ của bạn.

3. Khắc phục: Quá nhiều liên kết với cùng văn bản neo


Neo văn bản phổ biến tại các liên kết chân trang của bạn quản sẽ là một từ khóa nào đó như "thiết kế website tại Longan ..." Bạn có thể đa dạng hóa các neo văn bản của bạn trong danh sách backlink của bạn bằng  cách sử dụng anchortext  theo công thức:  " Từ khóa cần tìm: Mua chung + Dịch vụ của bạn: Thiết kế website thì từ khóa liên quan sẽ là: “thiet ke web mua chung”

4. Khắc phục: Quá nhiều liên kết dofollow  từ cùng một tên miền


Có được liên kết dofollow từ website khác đến trang web của bạn là điều tuyệt vời. Tuy nhiên, việc đặt quá nhiều liên kết đến trang web của bạn ở chân trang của web đối tác khiến nó không còn tự nhiên nữa khi xuất hiện quá nhiều liên kết từ cùng một tên miền. Điều này sẽ khiến các bộ máy tìm kiếm cho rằng bạn đang cố tình làm SEO.

Bạn có thể khắc phục điều này bằng cách viết một đoạn mã "rel = nofollow" để liên kết chân trang của bạn trên bất kỳ trang nào không bằng trang chủ.

Giới thiệu về SERPs?

Bằng cách đa dạng hóa các văn bản neo liên kết ở chân trang (footer) của bạn và siêu liên kết đến một trang có liên quan trên trang web của bạn, bạn đã xây dựng được 1 danh sách các từ khóa liên quan.

Kết luận: Như vậy, với bài viết trên tôi đã hướng dẫn cơ bản các bạn cách khắc phục liên kết footer khi đa dạng hóa backlink. Hi vọng bài này sẽ giúp các bạn đang quan tâm đến việc tìm hiểu về cách quản trị web sẽ khắc phục vấn đề thuật toán liên kết chân trang Penguin.

PS: Nếu bạn có phương pháp nào hay đã đọc mà bài viết này chưa đề cập đến hãy đóng góp ý kiến của bạn để bài viết được hoàn thiện hơn.

Đoạn code Javascript chống Ctrl + U và F12

LongAnIT 2/15/2019 Bình luận
Xin chào các bạn. Như chúng ta đã biết Mã nguồn Blogger thiết kế dựa trên CSS , HTML và Javascript vì vậy việc Viewsourse ( Ctrl + U) cũng như là sử dụng phím F12 để kiểm tra hoặc xem mã nguồn trên web là rất dễ dàng.

Code chống F12, Ctrl + U cho blog
Code chống F12, Ctrl + U cho blog

Thật ra đối với Site longanit.com của mình thì không dùng cách chống này các bạn có thể tự do xem mã nguồn cũng như Script vì thật ra bản thân mình cũng không phải là dân lập trình ra code mà cũng đi lượm lặt code của các bạn trên cộng đồng Blogger cũng như các site khác chia sẻ.

Tuy nhiên nếu bạn không muốn cho người khác Viewsourse khi nhấn F12 và Ctrl+U của Blogsot thì dưới đây mình xin chia sẻ một code đơn giản để chống lại các thao tác trên.

Bước 1: Đăng nhập vào Blogger - Chủ đề - Chỉnh sửa HTML
Bước 2: Chèn đoạn Code bên dưới vào trên thẻ đóng </head>
<script type='text/javascript'>
//<![CDATA[
shortcut={all_shortcuts:{},add:function(a,b,c){var d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(c)for(var e in d)"undefined"==typeof c[e]&&(c[e]=d[e]);else c=d;d=c.target,"string"==typeof c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;if(c.disable_in_input){var e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);if("INPUT"==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");var f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\\":"|"},i={esc:27,escape:27,tab:9,space:32,"return":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);for(var s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))return d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:function(a){var a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var a=b.event,c=b.target,b=b.callback;c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c["on"+a]=!1}}},shortcut.add("Ctrl+U",function(){top.location.href="https://www.longanit.com/p/rules.html"}),shortcut.add("F12",function(){top.location.href="https://www.longanit.com"}),shortcut.add("Ctrl+Shift+I",function(){top.location.href="https://www.longanit.com/"}),shortcut.add("Ctrl+S",function(){top.location.href="https://www.longanit.com/"}),shortcut.add("Ctrl+Shift+C",function(){top.location.href="https://www.longanit.com/"});
//]]>
</script>
Thêm đoạn code chống chuột phải nữa nhé
<script type='text/javascript'>
//<![CDATA[
// JavaScript Document
var message="NoRightClicking"; function defeatIE() {if (document.all) {(message);return false;}} function defeatNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);return false;}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=defeatNS;} else{document.onmouseup=defeatNS;document.oncontextmenu=defeatIE;} document.oncontextmenu=new Function("return false")
//]]>
</script>
Chú ý: Thay đổi link màu đỏ trên thành link mà bạn muốn chuyển hướng đến nhé

Bước 3: Tiến hành save lại và xem kết quả

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

Hướng dẫn gửi sơ đồ web mới nhất lên google

LongAnIT 2/13/2019 Bình luận
Xin chào các bạn trong bài viết trước tôi có hướng dẫn các bạn cách để chúng ta submit một trang web lên google.

Hướng dẫn gửi sơ đồ website mới nhất lên google Google trên nền tảng Blogger
Hướng dẫn gửi sơ đồ website mới nhất lên google Google trên nền tảng Blogger

Trong bài viết này tôi sẽ hướng dẫn các bạn một số cách để chúng ta gửi một sơ đồ web lên google master tools đồng thời kiểm tra kết quả của quá trình gửi sitemaps – cấu trúc site cho Google thông qua công cụ Google Search Console.

Do mình sử dụng Blogger nên mình sẽ hướng dẫn trên nền tảng này. Chúng ta cần chú ý 3 vấn đề

  1. Sitemap.xml
  2. Sitemap Atom
  3. Robots.txt

1. KHAI BÁO SITEMAP TRONG ROBOTS.TXT

Việc khai báo file robots.txt trên trang web các bạn có thể tham khảo bài viết cũ của mình tại đây 


Các thành phần khai báo về Sitemap như sau:

Sitemap: https://www.longanit.com/sitemap.xml
Sitemap:https://www.longanit.com/p/sitemap.html
Sitemap:https://www.longanit.com/atom.xml?redirect=false&start-index=1&max-results=500
Sitemap: https://www.longanit.com/atom.xml?redirect=false&start-index=501&max-results=500

 Như trích dẫn ở trên thì chúng ta có đến 4 link sitemap nhưng có 3 loại sitemap mà mình dùng ở trên:


  1. Đầu tiên là: sitemap xml
  2. Thứ 2 là sitemap cho người xem.
  3. Thứ 3 và 4 là Sitemap Atom (Do có những site có nhiều hơn 500 bài viết nên mình dùng thêm sitemap thứ 4 để khai báo)


Thời gian gần đây Blogger mới cập nhật sitemap mới có dạng như sau: https://www.longanit.com/sitemap.xml (Sitemap.xml) trước đây gần như là không có.

2. Phần này là sitemap cho người dùng xem. Tại đây cập nhật tất cả bài viết trên trang của mình với rất nhiều liên kết nên mình sẽ khai báo cho Google vào đọc từ đó bò đến các link ở nhiều bài viết khác nhau các bạn có thể xem link tại đây nhé: https://www.longanit.com/p/sitemap.html


Chú ý: Sitemap cho người xem thì Google cho là không chuẩn cấu trúc Sitemap.

3. Sitemap có các định dạng như sau: XML, RSS hoặc Atom. Do gần đây Google mới cập nhật sitemap.xml trên Blogger nên trước đó ai cũng sử dụng Atom cả.

Ưu điểm là Sitemap Atom được Google cập nhật thường xuyên hơn sitemap.xml vì dung lượng nhỏ hơn.

Mỗi lần khai báo bằng Atom Feed thì tối đa 500 bài nên cấu trúc:

https://www.longanit.com/atom.xml?redirect=false&start-index=1&max-results=500  

và cấu trúc

https://www.longanit.com/atom.xml?redirect=false&start-index=501&max-results=500 sẽ khai báo từ bài 501 + thêm 500 bài nữa tức là 501 đến 1001 dành cho website nhiều bài viết hơn.

2. HƯỚNG DẪN GỞI SITEMAP LÊN GOOGLE WEBMASTER TOOLS

Đăng nhập vào google master tools - Thu Thập Dữ Liệu -> Sơ đồ trang web - Thêm/Kiểm tra sơ đồ trang web và thực hiện giống như hình bên dưới

Hướng dẫn Submit Google Sitemap lên google
Hướng dẫn Submit Google Sitemap lên google 


Lưu ý: Bạn không cần phải copy chứa cả tên miền khi gởi lên. 

Thông thường, thì Google sẽ trả về ngay kết quả index sitemap như trên hình vẽ, bao gồm số lượng nội dung đã được lập chỉ mục và số lượng nội dung đã gửi. Công việc cần làm sau khi gửi sơ đồ trang lúc này của bạn đó là tìm và khắc phục các nguyên nhân khiến cho một số nội dung trên trang chưa được lập chỉ mục.

3. KẾT LUẬN: Như vậy qua bài viết trên tôi đã hướng dẫn các bạn cách gửi sitemap – sơ đồ trang web lên Google. 

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

Hướng dẫn Cấu trúc lại dữ liệu theo chuẩn trên nền tảng Blogger

LongAnIT 2/12/2019 Bình luận
Hello! Các bạn .Trong 2 bài viết trước tôi đã có bài giới thiệu về dữ liệu có cấu trúc trên nền tản Blogger. Trong bài này tôi sẽ hướng dẫn bạn cách xóa cấu trúc cũ và tạo lại cấu trúc mới cũng từ template các bạn đang sử dụng theo đúng chuẩn.

Triển khai dữ liệu có cấu trúc và thẻ rich cho nền tảng blogger
Triển khai dữ liệu có cấu trúc trên nền tảng blogger

Trước tiên bạn hãy backup lại template để tránh trường hợp làm xong bị lỗi thì chúng ta có thể Restore lại nhanh chóng vì như mình nói mỗi template thì cấu trúc khác nhau nó tùy thuộc vào người tạo ra nó. Ok chúng ta bắt đầu tiến hành

Như chúng ta đã biết Template blogger đa phần sử dụng dữ liệu cấu trúc dạng Microdata, qua việc sử dụng các thuộc tính itemprop, itemscope, itemtype nên việc xóa đi rất đơn giản để cấu trúc  lại một template blogger cho đúng chuẩn cấu trúc như gợi ý từ google master tools

- Đầu tiên chúng ta lần lượt tìm các với 3 từ khóa itemprop, itemscope, itemtype

+ Nếu là tag HTML

Ví dụ <div id='xxx' itemprop='publisher' itemscope='' itemtype='https://schema.org/Organization'> thì xóa hết thuộc tính chỉ để lại div,id,class.. hoặc bất kì thuộc tính nào không liên quan tới 3 từ khóa trên.

Kết quả <div id='xxx'>

+ Nếu là thẻ meta thì xóa luôn thẻ meta

+ Để xóa hvcard tìm class='fn' và xóa đi ví dụ <span class='fn'...> thì xóa thành <span...>

+ Để xóa hatom tìm class hfeed và xóa đi ví dụ <div class='post hfeed'...> thì xóa thành <div class='post'...>

+ Để xóa hentry tìm class hentry và xóa đi ví dụ <div class='post hentry'...> thì xóa thành <div class='post'...>

Như vậy với cách trên thì các bạn đã hoàn toàn xóa hết các thuộc tính râu ria của template. Bây giờ thì chúng ta tiến hành tạo lại cấu trúc. Tôi sẽ để code bên dưới theo trình tự bạn chỉ cần Search trong template của mình các code tương ứng và thay thế là xong.

Header

Code ban đầu:
<div class='header-wrap' id='header-wrap'>
Code tạo cấu trúc:
<div class='header-wrap' id='header-wrap' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>

Sidebar


Code ban đầu:
 <div class='sidebar-wrapper' id='sidebar-wrapper'>
Code tạo cấu trúc:
<div class='sidebar-wrapper' id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>


Footer

 Code ban đầu:
<div class='lowerbar-wrapper' id='lowerbar-wrapper'>
Code tạo cấu trúc:
<div class='lowerbar-wrapper' id='lowerbar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>

Main Wrapper hoặc Content Wrapper

 Code ban đầu:
<div class='body-row' id='content-wrapper'>
Code tạo cấu trúc:
<div class='body-row' id='content-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>

Menu


 Code ban đầu:
<div class='tm-menu' id='tm-menu'>
Code tạo cấu trúc:
 <div class='tm-menu' id='tm-menu' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>

Sau khi đã tạo cấu trúc cho các thành phần xong bạn lại tiếp tục tạo cấu trúc cho các thành phần con của chúng  bạn có thể tham khảo trực tiếp tại link trang chủ
http://schema.org/SiteNavigationElement
Đây là link cung cấp tất cả các thứ liên quan đến Schema website tuy nhiên nếu bạn nào chưa rành về nó thì nhìn nó như đám rừng. Nếu như không hiểu về code cũng như lập trình thì bạn có thể tìm search trên mạng rồi sau đó fix dần các lỗi cấu trúc.

Kết luận: Với cách trên tôi đã hướng dẫn các bạn tái cấu trúc lại một template blogger theo chuẩn. Trong các bài viết sau tôi sẽ hướng dẫn các bạn cấu trúc lại các thành phần con bên trong của nó.

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