Trang trí tiện ích Social Bookmarking trong dịp Giáng Sinh

Bài viết này hướng dẫn thêm một quả trứng Giáng sinh trang trí nằm tại góc của blog của bạn với các tùy chọn liên kết với các trang xã hội. Khi di chuột đến quả trứng này sẽ có hiệu ứng trượt mở với các nút chia sẻ Facebook, Twitter, Pinterest, StumbleUpon, Google Plus, LinkedIn, Email và nút ShareThis. Đễ rõ ràng hơn bạn hãy xem demo phía dưới:

Demo

Làm cách nào để thêm vào blog?

Bước 1: Vào Blogger > Mẫu > Chỉnh sửa HTML
Bước 2: Trước thẻ đóng </head> bạn dán code sau

<script type="text/javascript" src="http://w.sharethis.com/gallery/shareegg/shareegg.js"></script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "bea50586-2b9f-448d-947a-01385f28e305", onhover:false});</script>
<link media="screen" type="text/css" rel="stylesheet" href="http://w.sharethis.com/gallery/shareegg/shareegg.css"></link>

Bước 3: Trước thẻ đóng </body> bạn dán code bên dưới

<div style='position: fixed; bottom: 2%; left: 2%;'><div id='shareThisOrnament' class='shareEgg'></div>
<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisOrnament', ['facebook','twitter','googleplus','pinterest','stumbleupon','linkedin','email','sharethis'], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:'holiday'});</script>
</div>

Bước 4: Lưu lại template và xem kết quả