Để đáp ứng nhu cầu tương tác giữa người dùng với Blog của bạn. Khi đó bạn tạo một nút Like và G+ là một điều rất hợp lý. Hôm nay Blog Tho Android sẽ giúp bạn làm điều đó:
+Bước 1: Vào https://www.blogger.com, Chọn Mẫu , nhấp chọn Chủ đề và chọn Chỉnh sửa HTML
+Bước 2: Bạn Ctrl + F tìm kiếm thẻ <body>
+Bước 3: Bạn chèn đoạn code bên dưới nằm sau thẻ <body>
<style type='text/css'>
#chiase {position:fixed; top:35%; right:0%; background-color:#2AA4CF;padding:2px;z-index:10;border-bottom-right-radius:5px;border-top-right-radius:5px;}
#chiase .nut {float:left;clear:both;}
</style>
<div id='chiase'>
<div style='margin:4px;'>
<div class='nut' 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='nut' id='google'>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'>
</script>
<g:plusone size='tall'/>
</div>
</div>
</div>
#chiase {position:fixed; top:35%; right:0%; background-color:#2AA4CF;padding:2px;z-index:10;border-bottom-right-radius:5px;border-top-right-radius:5px;}
#chiase .nut {float:left;clear:both;}
</style>
<div id='chiase'>
<div style='margin:4px;'>
<div class='nut' 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='nut' id='google'>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'>
</script>
<g:plusone size='tall'/>
</div>
</div>
</div>
Lưu lại và kiểm tra thành quả nhé !
Cảm ơn các bạn đã xem bài viết. Mọi thắc mắc liên quan các bạn vui lòng comment bên dưới để trao đổi nhé !
( Lưu ý khi sao chép vui lòng ghi rõ nguồn trang thoandroid.ga).
0 nhận xét:
Đăng nhận xét