Nút Share hình trái tim cho Blog

Nhân dịp ngày Lễ tình yêu Valentine sắp đến, Karl giới thiệu cho các bạn thủ thuật tạo một Share Box hình trái tim. Share Box này giống như Share Box hình quả trứng. Khá đẹp nhỉ!

 

DEMO

 Bây giờ chúng ta đưa nó vào Blog.
Backup Template để đề phòng rủi ro

* Đến Mẫu >> Chỉnh sửa HTML, tìm thẻ </head>
* Copy đoạn code sau vào trước thẻ< /head>

<!-- Start Heart Bookmarking Gadget Code  -->


<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>

<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>

<script
 type='text/javascript'>stLight.options({publisher: 
&quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, 
onhover:false}); </script>

<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

<!-- End Heart Bookmarking Gadget Code  -->

   

* Bây giờ tìm thẻ </body> và dán đoạn code sau vào trước thẻ </body>

<!-- Start Heart Share Code  -->

<div style='position: fixed; bottom: 2%; right: 12%;'>

<div class='shareEgg' id='shareThisShareHeart'/>

</div>

<script
 
type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;,
 
[&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;],
 {title:&#39; 
<data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script>

<!-- End Heart Share Code -->

Note: Bạn có thể chỉnh sửa các dòng màu đỏ theo ý thích.

* Lưu mẫu