Tạo khung copyright cho blog

Blogger.com đã cung cấp cho chúng ta 1 wiget tên là Attribution, nó giúp thể hiện bản quyền của blog. Tuy nhiên nó lại đơn điệu và không thể hiện "cái tôi" của các Blogger. Hôm nay mình xin giới thiệu các tạo khung copyright giống trang Namkna.



Đăng nhập vào Blogger.com > Mẫu > Chỉnh sửa HTML

Xóa bỏ tiện ích Attribution

Chúng ta sẽ xóa bỏ tiện ích Attribution vì nó không cần thiết, nếu không có thì bỏ qua, chỉ cần tìm và xóa bỏ đoạn này đi là xong

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
          <b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
        <data:feedbackSurveyLink/>
      </div>
    </b:if>

    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
        </b:widget>

Thêm khung bản quyền

Tìm ]]></b:skin>, dán đoạn css dưới vào trên thẻ ]]></b:skin> vừa tìm được.

.copyright{background:#000;width:980px;margin:0 auto;padding:0 auto}
.copyright-footer{width:960px;line-height:1.6em;text-align:center;font-family:Arial;font-size:11px;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;text-decoration:none}
.copyright-left{float:left;text-align:left}
.copyright-right{float:right;text-align:right}

Width : 980px là độ rộng của khung width : 960px là độ rộng của khung chữ. Có thể thay cả hai thành width : 100% để khung rộng tối đa.

Tìm thẻ </body> rồi dán code dưới vào trên nó

<div class='copyright'>
<div class='copyright-footer'>
<div class='copyright-left'>
<strong>Support :</strong>
<a href='/p/document.html'>Forum</a> | <a href='/p/lien-he.html'>Liên hệ</a> | <a href='/p/site-map.html'>Sitemap</a> | <a href='/p/backlink.html'>Back Link</a> | <a href='#header'>BACK TO TOP</a>  <script id='_wau9ul'>var _wau = _wau || []; _wau.push([&quot;small&quot;, &quot;xx4dxcimy5ip&quot;, &quot;9ul&quot;]);
(function() {var s=document.createElement(&quot;script&quot;); s.async=true;
s.src=&quot;http://widgets.amung.us/small.js&quot;;
document.getElementsByTagName(&quot;head&quot;)[0].appendChild(s);
})();</script>
  <br/>
Ghi rõ nguồn khanh98.blogspot.com khi phát hành lại thông tin từ trang này.
<br/>
Copyright &#169; 2014. <a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> - All Rights Reserved
</div>
<div class='copyright-right'>
Design by <a href='http://khanh98.blogspot.com/' red='dofollow'>Quoc Khanh</a> <br/> 
Xem tốt nhất ở độ phân giải 980 x 768 pixel<br/>
</div>
</div><div style='clear:both;'/>
</div>

Đoạn màu đỏ là menu mini, màu xanh lá là script đếm số người online, màu xanh dương thì thay đổi phù hợp với blog của bạn, màu tím là liên kết tới người thiết kế