Cách thêm bộ nút Facebook - Google Plus - Tweet vào blogspot ( Cách 2 - Đơn giản cực kỳ )
Ở cách 1 lần trước mình đã hướng dẫn các bạn thêm bộ nút Facebook - Google Plus - Tweet vào blogspot .
Nhưng sau một hồi tìm tòi trên mạng mình tìm thêm cách thứ 2 cực kỳ dễ thực hiện cũng như mang lại hiệu quả hơn lượng chia sẽ hơn cho blog của mình . Đặc biệt là khi các bạn muốn nhiều hơn nữa độc giả đọc bài viết hoặc vào Website của mình. Nó có lợi cho việc làm tăng lượt View và rất tốt cho SEO nữa. |
| Cách thêm bộ nút Facebook - Google Plus - Tweet vào blogspot ( Cách 2 - Đơn giản cực kỳ ) |
Cách làm chỉ gồm 2 bước sau đây mình xin hướng dẫn các bạn :
1. Vào bảng điều khiển Blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/Javascript
2. Bạn copy toàn bộ code dưới đây rồi paste vào tiện ích vừa thêm trên HTML/Javascript ( Bố cục ) của mình.
<style>
/* huong dan thuthuat-vui.blogspot.com */
.sharing_box_thuthuat-vui {
position: fixed;
top: 38%;
left: 0;
border: 0px solid #00EE00;
padding: 3px 3px 1px;
-moz-border-radius: 4px;
-webkit-border-radius: 0px;
border-radius: 0px;
background: #F0FFFF;
width: 55px;
min-height: 290px;
}
.sharing_box_thuthuat-vui .item {
width: 50px;
margin: 5px 0 5px 0;
}
.twitter_float iframe
{
width:45px!important;
}
</style>
<!-- SHARING BOX Fixed-Positioned Toolbox -->
<div class='sharing_box_thuthuat-vui'>
<div style='text-align:center; margin-top:5px'>
</div>
<!-- TWITTER -->
<div class='item twitter_float' style='margin-left:0px'>
<a class='twitter-share-button' data-count='vertical' data-lang='en' href='https://twitter.com/share'>Tweet</a>
</div>
<!-- FACEBOOK -->
<div class='item' style='margin-left:0px'>
<div class='fb-like' data-font='verdana' data-layout='box_count'
data-send='false' data-show-faces='true' data-width='44'></div>
<div id='fb-root'></div>
</div>
<!-- G+ -->
<div class='item' style='margin-left:0px'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size='tall'></g:plusone>
</div>
<!-- OTHERSHARE -->
<div class='item' style='margin-left:0px'>
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_counter'></a>
</div>
<!-- AddThis Button END -->
</div>
</div>
<!-- FAST SHARING SCRIPT -->
<!-- TWITTER SCRIPT -->
<script>!function(d,s,id){var
js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- G+ SCRIPT -->
<!-- Place this render call where appropriate -->
<script type='text/javascript'>gapi.plusone.go();</script>
<!-- STUMBLEUPON SCRIPT -->
<!-- Place this snippet wherever appropriate -->
<script type='text/javascript'>
(function() {
var li = document.createElement('script'); li.type = 'text/javascript'; li.async = true;
li.src = 'https://platform.stumbleupon.com/1/widgets.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(li, s);
})();
</script>
<script type="text/javascript"
src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f660fb932fd0f15"></script>
<!-- ABC -->
CHÚC BẠN THÀNH CÔNG !
0 nhận xét:
Đăng nhận xét