Tạo Widget đánh dấu và liên kết với các trang xã hội

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

Ở bài viết này, chúng ta sẽ tìm hiểu làm thế nào bạn có thể thêm các nút liên kết đến các trang xã hội cho các blog blogger của bạn. 

1. Tới Blogger Bảng điều khiển> Mẫu

2 Sao lưu mẫu của bạn 

3. Nhấp chuột vào Chỉnh sửa HTML 

4. Tìm  data:post.body  và thêm mã dưới đây ngay trên nó:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table border='0'>
<tr>
<td>
<!--Stumbleupon-->
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='StumbleUpon nút liên kết'/></a>
</td>
<td>
<!-- Twitter -->
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Twitter' src='Twitter nút liên kết'/></a>
</td>
<td>
<!--DIGG-->
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Digg This' src='DIGG nút liên kết'/></a>
</td>
<td>
<!--Email a Friend-->
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' src='EMAIL nút liên kết'/>
</a>
</td>
<td>
<!--Facebook-->
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action= like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; margin-top:16px; height:40px;'/>
</td>
</tr>
</table></b:if>


5. Đơn giản chỉ cần thay thế các văn bản in đậm màu xanh với các nút liên kết bạn yêu thích. 
Bạn cũng có thể đăng kí với trang mybloggertricks để tải về Tại đây
Cuối cùng lưu mẫu của bạn và bạn đã làm xong!
Chúc bạn thành công !...
                                                                        Nguồn: mybloggertricks.com