Home
» Cách tạo nút Like Facebook và Google + trượt dọc bài viết
» Nút share bài viết lên mạng xã hội theo kiểu trượt dọc
» tạo nút Like Facebook
» thu thuat
» thu thuat blogspot
» Cách tạo nút Like Facebook và Google + trượt dọc bài viết
Cách tạo nút Like Facebook và Google + trượt dọc bài viết
Thứ Hai, 10 tháng 2, 2014
Tạo
các nút liên kết chia sẻ bài viết theo kiểu trượt dọc là một trong
những cách rất hiệu quả để tăng tính quảng bá cho nội dung của bạn. Thay
vì đứng yên một chỗ đầu hoặc cuối bài viết, hộp chia sẻ trượt dọc sẽ
luôn đi theo tiến trình của người xem, điều đó làm tăng tỉ lệ click like và share.
Nút like facebook và google + trượt dọc bài viết
Bước 1
Ở phần Bố Cục > bạn chọn thêm tiện ích > rồi chọn HTML/Javascript
Để thay đổi khoảng cách từ đáy lên trên, bạn điều chỉnh con số 25% ở phần bottom:25%, còn nếu muốn thay đổi khoảng cách với bài viết thì điều chỉnh giá trị -725px ở phần margin-left:-730px
Bước 2:
Copy-paste đoạn code dưới đây vào phần nội dung >> Rồi nhấn Lưu
<style type="text/css">
#chiase {position:fixed; bottom:25%; margin-left:-730px; float:left; background-color:#FFFFFF;padding:2px;z-index:10;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border: 1px solid #CCCCCC;}
#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'></script>
<fb:like layout='box_count' show_faces='false'></fb:like>
</div>
<br />
<div class='nut' id='google'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
</script>
<g:plusone size="tall"></g:plusone>
</div>
</div>
</div>
<!-- Hết code thanh trượt -->
#chiase {position:fixed; bottom:25%; margin-left:-730px; float:left; background-color:#FFFFFF;padding:2px;z-index:10;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border: 1px solid #CCCCCC;}
#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'></script>
<fb:like layout='box_count' show_faces='false'></fb:like>
</div>
<br />
<div class='nut' id='google'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
</script>
<g:plusone size="tall"></g:plusone>
</div>
</div>
</div>
<!-- Hết code thanh trượt -->
Để thay đổi khoảng cách từ đáy lên trên, bạn điều chỉnh con số 25% ở phần bottom:25%, còn nếu muốn thay đổi khoảng cách với bài viết thì điều chỉnh giá trị -725px ở phần margin-left:-730px
Gắn đoạn code dưới đây trên thẻ </head>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'en-US'} </script>Rất đơn giản phải không.
Chúc các bạn thành công !
Bài liên quan
Comments[ 0 ]
Đăng nhận xét