Các Blogger hiện nay sau mỗi bài viết thường có các nút chia sẻ lên các mạng xã hội, social bookmarking, microblogging để giúp bài viết của bạn đến được với nhiều người hơn. Nhưng đa số là các dịch vụ của nhà cung cấp nước ngoài không hiệu quả đổi với các trang weblog tiếng Việt, thỉnh thoảng mới có các mạng xã hội hoặc Social Bookmarking của Việt Nam mà nếu có thì kích thước các nút chia sẻ không đều nhau, cái thì lớn cái thì nhỏ không đẹp làm giảm vẻ đẹp giao diện Blog của bạn.
VnBlognet [dot] com : Học lỏm được đoạn mã chia sẻ lên các nhà dịch vụ xã hội của các template mẫu khác, vnblognet [dot] com xin giới thiệu đọa mã cơ bản để hiển thị nút chia sẻ của 4 dịch vụ tương đối nhiều người dùng tại Việt Nam là : tagvn, linkhay, buzzvn và Vietkicks.
Để thực hiện hiển thị giống như hình dưới sau mỗi bài viết
bạn thực hiện như sau:
Tìm vị trí chèn code:
- Bạn vào Blogger: Bảng điều khiển (Dashboard) >> Bố cục (Layout) >> Chỉnh sửa HTML (Edit HTML) >> Chọn ô check Mở rộng mẫu tiện ích (Expand widget templates)
- Tìm đoạn mã <data:post.body/>
- Dán ngay dưới đoạn mã <data:post.body/> đoạn mã sau:
<b:if cond='data:blog.pageType == "item"'>
<img height='8' src='http://lh3.ggpht.com/_MsaNQZtvB5E/S2fuSpOp4zI/AAAAAAAAAxU/3d13GKBIuTU/s800/s.gif' width='8'/>Chia sẻ bài viết:
<a expr:href='"http://buzz.vn/vie/node/add/storylink-link?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Chia sẻ với Buzz!'><img src='http://buzz.vn/themes/buzz/img/fav_buzz.gif'/></a>
<a expr:href='"http://vietkicks.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Chia sẻ với Vietkicks!'><img src='http://vietkicks.com/Static/Images/Icons/vksmall.png'/></a>
<a expr:href='"http://www.tagvn.com/share?Bước=2&url=" + data:post.url + "&title=" + data:post.title + "&bodytext=&topic="' title='Chia sẻ với TagVN!'><img src='http://www.tagvn.com/evb/img/tag_16.png'/></a>
<a expr:href='"http://linkhay.com/submit?Bước=2&link_url=" + data:post.url + "&link_title=" + data:post.title + "&bodytext=&topic="' target='_blank' title='Chia sẻ với Link hay'><img src='http://linkhay.com/templates/images/guide/button5.jpg'/></a>
</b:if>
- Lưu mẫu lại và xem kết quả bạn đã thực hiện.
- Hy vong thủ thuật nhỏ này của mình hữu ích cho các bạn.
Tags: Breakingnews, Khoi tao Blog, Widget
Ý kiến bạn đọc [ 6 ]
Cái này em đang đinh đăng thì đã có cao nhân như anh đi trứoc một bước rồi! hj xhjx
hihi, quang cứ khiêm tốn rồi cho mình lên mây thế này thì chết
Mấy cái mẫu templates áp dụng thủ thuật này vào lại bị xuống hàng. Em nghĩ mãi mà k edit lại được, anh có cách nào không??
anh cũng thế, vài cái cứ hình ảnh là bị xuống hàng mà chưa biết chèn cách gì để nó chung 1 hàng, hỏi Fandung cũng chưa biết.
Chào bạn! Mình đặt code mà sao vẫn ko thấy mấy mạng chia sẻ vậy ban?
Chào bạn, có thể code của template bạn đang dùng có nhiều hơn 1 đoạn code data:post.body/ Do vậy bạn chèn chúng dưới đoạn code khác nhé.
Ý kiến của bạn