Chào mừng Đến Với Blog Hoài Thu

Thế Giới - Động Vật

Tạo nút likes facebook

Bước 1 - Đăng nhập vào blog => setting

Bước 2 - Chọn mẫu (Template)

Bước 3 - Chọn chỉnh sửa HTML (Edit HTML)

Bước 4 - Tìm đến thẻ <body>. bằng cách (seach "Ctrl+F") Thêm đoạn code bên dưới vào sau thẻ <body>.

<style type='text/css'> 
    #nt_like_wrapper {
          position:fixed; 
          bottom:40%; 
          margin-left:15px; 
          float:left; 
          background-color:#E7E7E7;
          padding:2px;
          z-index:10;
          -moz-border-radius:5px;
          -webkit-border-radius:5px;
          border-radius:5px;
          border: 1px solid #CCCCCC;} 
   #nt_like_wrapper .nt_button {
          float:left;clear:both;} 
</style> 
<div id='nt_like_wrapper'> 
    <div style='margin:4px;'> 
        <div class='nt_button' id='facebook'> 
           <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> 
             <fb:like layout='box_count' show_faces='false'/> 
        </div> <br/> 
     <div class='nt_button' id='google'> 
         <script src='https://apis.google.com/js/plusone.js' type='text/javascript'> </script> 
         <g:plusone size='tall'/> 
     </div>
    </div> 
</div>
Lưu ý : Mục được tô đỏ margin-left:15px; bạn thay đổi con số 15 để canh khoảng cách bên trái nếu là 0 thì nó sẽ nằm sát bên trái. Và luôn phải có px đằng sau để nhận diện đúng chuẩn code