Tạo thanh CopyRight cho blogspot chuẩn

Mình hướng dẫn các bạn tạo thanh footer cuối blog chuẩn như hình cho blog của bạn chuẩn SEO, tối ưu hóa và để người xem biết bạn là người thiết kế nó

Bắt đầu thôi!!

Bước 1: Các bạn vào Blog dưới quyền admin, vào Mẫu, Chỉnh sửa HTML
Bước 2: Tìm tới thẻ đóng ]]></b:skin> thêm đoạn code này phía trên thẻ ]]></b:skin> vừa tìm được.

thangbme.com

/* Copy Right*/
.copyright{background:#000;width:1234px;margin:0 auto;padding:0 auto}
.copyright-footer{width:1200px;line-height:1.6em;text-align:center;font-family:serif;font-size:16px;color:#fff;overflow:hidden;clear:both;margin:0 auto;padding:10px 0 10px 10px}
.copyright-footer a:hover,.copyright-footer a:link,.copyright-footer a:visited{color:#FFF}
.copyright-left{float:left;text-align:left}.copyright-right{float:right;text-align:right}

Bước 3: Tìm tới thẻ đóng </body> thêm đoạn code này phía trên thẻ </body> vừa tìm được

thangbme.com

><div class='copyright'><div class='copyright-footer'><div class='copyright-left'>
<!--code DMCA-->
<a class='dmca-badge' 
href='http://www.dmca.com/Protection/Status.aspx?ID=95a09067-6e3a-456c-ad11-c04f48de4f4a' 
title='DMCA.com Protection Status'><img alt='DMCA.com Protection Status' 
src='//images.dmca.com/Badges/dmca_protected_sml_120l.png?ID=95a09067-6e3a-456c-ad11-c04f48de4f4a'/><
/a><script src='//images.dmca.com/Badges/DMCABadgeHelper.min.js'/>

<!--code right-->
<a href='http://feeds.feedburner.com/Topviet247'><i class='fa fa-rss-square fa-fw'/>Forum</a> |
<a href='https://www.facebook.com/www.topviet247.tk/?ref=aymt_homepage_panel'><i class='fa fa-facebook-square fa-fw'/>Facebook</a> |
<a href='http://www.topviet247.tk/p/contact-us-comments-blog-pager.html'><i class='fa fa-envelope fa-fw'/>Liên hệ</a> |
<a href='http://www.topviet247.tk/p/skin-for-blogger-tabbed-layout-toc.html'><i class='fa fa-sitemap fa-fw'/>Sitemap</a> |
<a href='#header'><i class='fa fa-hand-o-up fa-fw'/>BACK TO TOP</a>
<script id='_wau9ul'>var _wau = _wau || [];
 _wau.push(["small", "xx4dxcimy5ip", "9ul"]);
(function() {var s=document.createElement("script"); 
s.async=true;s.src="http://widgets.amung.us/small.js";
document.getElementsByTagName("head")[0].appendChild(s);})();
</script></div>

<!--code left-->
<div class='copyright-right'><a href='http://topviet247.blogspot.com/' red='dofollow'>Design by:<i class='fa fa-user fa-fw'/>TOPVIET247</a><br/></div></div><div style='clear:both;'/>
</div>

Lưu ý: thay những phần màu đỏ hợp với blog của bạn
Bước 4: Lưu mẫu thưởng thức thành quả thôi

Có thể bạn quan tâm: Cách chèn code vào bài đăng blogger

Tạo thanh CopyRight cho blogspot chuẩn