[ Blogger ] Tạo Nút Share Trượt Hình Quả Trứng Trong Blog


***

Hiệu ứng quả trứng cuối blog mở ra tách đôi  chứa  các cộng cụ chia sẻ bài viết của các mạng xã hội khi dê chuột qua hình, và đóng lại !!  
Ảnh Demo :




Các bước thực hiện :

- B1 : Đăng nhập vào blogspot => Mẫu => Chỉnh sửa HTML
-B2: ( Ctrl + F  )Tìm đến thẻ đóng  </head> . Copy đoạn code sau ròi Dán trước </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;bea50586-2b9f-448d-947a-01385f28e305&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 -->


-B3 :Dán đoạn code sau vào trước thẻ đóng </body>

<!-- Start Heart Share Code  -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareEgg'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,
&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script>

<a href="http://sinhvienviet360.blogspot.com/">Blogger Gadgets</a>

<!-- End Heart Share Code -->

Trong đó:
  • bottom: 2% là vị trí của tiện ích so với chân blog.
  • left: 2% là vị trí của tiện ích so với cột tay phải.
-B4: Save lại !!
Chúc các bạn thành công !!

Share this:

ABOUT THE AUTHOR

Ceyron Louis

Hello We are OddThemes, Our name came from the fact that we are UNIQUE. We specialize in designing premium looking fully customizable highly responsive blogger templates. We at OddThemes do carry a philosophy that: Nothing Is Impossible

    Blogger Comment
    Facebook Comment