Tạo Thanh chia sẻ bài viết lên các mạng xã hội

 

Đối với những người đang sở hữu web/blog thì công cụ chia sẻ lên mạng xã hội like, tweet... không thể, nó có thể giúp đọc giả chia sẻ bài viết hay làm tăng trafic cho web/blog. Có rất nhiều cách để đặt các tiện ích này, hôm nay mình chia sẻ cùng các bạn cách bố trí các công cụ hữu ích này theo chiều dọc và với hiệu ứng trượt kế phần main mỗi khi bạn cuộn (scrollbar) chuột xuống phía dưới. 



 
1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế 
3. Chọn chỉnh sửa Phần tử trang 
4. Chọn Thêm tiện ích  và Thêm đoạn code sau vào:


<style>


/* Fixed Positioned AddThis Toolbox */


.sharing_box_quangvietmkt {


position: fixed;


top: 10%;


right: 0;


border: 3px solid #00EE00;


padding: 5px 5px 1px;


-moz-border-radius: 4px;


-webkit-border-radius: 4px;


border-radius: 4px;


background: #F0FFFF;


width: 60px;


min-height: 345px;


}


.sharing_box_quangvietmkt .item {


width: 50px;


margin: 5px 0 5px 0;


}


.twitter_float iframe


{


width:55px!important;


}


</style>


<!-- SHARING BOX Fixed-Positioned Toolbox -->


<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px;top:50px;">


<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>


<a class="addthis_button_tweet" tw:count="vertical"></a>


<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>


<a class="addthis_counter"></a>


</div>


<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>


<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-513224a30ba880a9"></script>


<!-- AddThis Button END -->





 

Thủ thuật này không còn xa lạ với mỗi blogger nên mình cũng không giải thích cách tùy chỉnh nữa!! Đặc điểm mới và khắc phục lỗi của thủ thuật hôm nay mình giới thiệu là sự kết hợp với https://www.addthis.com nên sẽ không bị lỗi
 
Chúc các bạn thành công

 

Từ khóa:

| | | |