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

Người đăng: ngaybennhau on Thứ Ba, 16 tháng 4, 2013

Đố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



{ 0 nhận xét... read them below or add one }

Đăng nhận xét