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

Nút Share hình trái tim cho blogger
Từ khi mạng xã hội phát triển và chiếm số lượng lớn người sử dụng internet trên toàn cầu, thì việc quảng bá các thông tin và website trên các phương tiện mạng xã hội là một việc làm không thể thiếu cho mỗi người sở hữu Blogspot/Website.
Vì thế mà những người có blogspot/web luôn quan tâm tới việc tích hợp các nút chia sẻ bài viết, like, +1, tweet lên blogspot.
Việc làm này vừa làm cho blogspot thêm chuyên nghiệp,đẹp mắt và cái được lớn nhất là bạn có được cơ hội quảng bá miễn phí blogspot của bạn từ khách truy cập nếu như nội dung của bạn cung cấp đáng để chia sẻ.
2 bài trước đã chia sẻ nút share hình quả trứng và nút giáng sinh
Bài này chia sẻ cùng các bạn nút share hình trái tim tình yêu đỏ thắm ^^ tự động mở khi rê chuột vào trái tim khép kín.
Xem thử

DEMO
Cài đặt tiện ích vào Blogger
Đi vào Blogger Bảng điều khiển> Thiết kế> Chỉnh sửa HTML.
Bây giờ tìm thẻ </ head>
Thêm mã dưới đây ngay trước thẻ </ head>
<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'/>

Bước tiếp theo tìm tới thẻ </body> và dán đoạn code sau vào trước nó
<div style='position: fixed; bottom: 3%; left: 2%;'>
<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>

Trong đó số bôi màu đỏ là cách đáy blog
Màu xanh là canh trái
Nhận xét

Không có nhận xét nào :