Thêm nút nổi Facebook Like và Tweet đếm cho trang web của bạn

Đăng bởi Admin | 31/10/13 | 0 nhận xét

Với một chút gia vị HTML với CSS, chúng ta đã thành công trong việc tạo ra một widget nổi sẽ bao gồm ba nút và sẽ ở lại cố định ở phía thang máy giữa trang web của bạn. Các thiết lập phụ tùng chắc chắn có thể được thay đổi để sắp xếp nó ở bên phải, phía dưới hoặc bên trái nếu bạn muốn. Bạn cũng có thể thêm các nút hơn để nó nếu bạn muốn .

     

Làm thế nào để Thêm nút nổi Facebook Like và Tweet đếm cho trang web của bạn?

1. Tới blogger và nhấn vào Bố cục 
2. Bấm vào Thêm tiện ích và chọn "HTML / Javascript 

3. Dán mã dưới đây:


<div style="display:scroll; position:fixed; top:40%; left:2%; border: 1px dotted #E8E8E8; padding:0px 0px 0px 5px; height:220px; width:53px ">
<table cellpadding="1px" cellspacing="0">
<tr>
<td style="border-bottom: 1px solid #E8E8E8; padding:5px 0 2px 0;">
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='box_count' send='false' show_faces='false'/>
</td>
</tr>
<tr>
<td style="border-bottom: 1px solid #E8E8E8; padding:5px 0px;">
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</td>
</tr>
<tr>
<td style="border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="Thuthuatvitinh">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</td>
</tr>
</table>
</div>


4. Đơn giản chỉ cần thay thế Thuthuatvitinh với Tên truy nhập twitter của bạn.

5. Lưu widget của bạn và bạn đã làm xong!

Xem blog của bạn để tìm thấy một widget ánh sáng và xinh đẹp treo ở phía bên trái của blog của bạn. 

Nếu bạn thích nó, hãy dành cho Thu thuat vi tinh 1 like nha !

                                                              Nguồn: mybloggertricks.com