Trong các bài viết gần đây, thấy có khá nhiều bạn hỏi làm thế nào để thêm bộ nút chia sẻ mạng xã hội dạng nằm ngang bao gồm: Facebook, Google +, Tweet giống trong template www.bàithuốchayvn.vn, nên hôm nay mình sẽ hướng dẫn các bạn cách add nó vào blogspot
thêm nút like share vào blogspot
Cách thêm bộ nút chia sẻ mạng xã hội
Bước 1: Đăng nhập vào trang quản trị blog
- Vào "Mẫu" -> "Chỉnh sửa HTML".
- Thêm đoạn đoạn scripts sau vào trước thẻ </head>.
<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-51fb7b814b14ef7b' type='text/javascript'/>
Bước 2: Tích hợp bộ nút chia sẻ vào Widget
- Vào "Bố cục" -> "Thêm tiện ích mới" tại vị trí bạn mong muốn.
- Chọn tiện ích HTML/JAVASCRIPTS.
- Thêm đoạn code sau vào nội dung của tiện ích:
<div class='addthis_toolbox addthis_default_style' style='padding:10px 2px'>
<a class='addthis_button_google_plusone' g:plusone:size='tall' style='padding-right:10px'/>
<a class='addthis_button_facebook_like' fb:like:layout='box_count' style='padding-right:10px'/>
<a class='addthis_button_tweet' style='padding-right:10px' tw:count='vertical'/>
<a class="addthis_counter"></a>
</div>
<a class='addthis_button_google_plusone' g:plusone:size='tall' style='padding-right:10px'/>
<a class='addthis_button_facebook_like' fb:like:layout='box_count' style='padding-right:10px'/>
<a class='addthis_button_tweet' style='padding-right:10px' tw:count='vertical'/>
<a class="addthis_counter"></a>
</div>
Bước 3: Lưu lại và xem kết quả :
Biểu tượng cảm xúcBiểu tượng cảm xúc