Açılan Kalp Şeklinde Sosyal Paylaşım Butonları

Şu ana kadar gördüklerinizden çok farklı bir sosyal paylaşım butonu eklentisine hazırmısınız? Görsel açıdan oldukça orijinal olan bu eklentinin özellikleri şöyle:

 

 

Blounuzda belirlediğiniz pozisyonda sabit, asılı kalan bir kalp ikonu var.Kalbin üzerine geldiğinizde güzel bir slide efektyle ikiye ayrılıyor ve içinden sosyal paylaşım butonları.O an blogunuzda hangi sayfa açıksa, bu butonlar ile içinde bulunduğuuz sayfayı sosyal medya paylaabiliyorsunuz.Aşağıdaki video size bu eklentiyi daha iyi açıklayacaktır.

 

 

Bu eklentiy blogunuza eklemek için öncelikle aşağıdaki kodu şablonunuzun </head> kodundan önce ekleyin.

 

<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'/>

 

İkinci olarak ise aşağıdaki kodları şablonunuzun </body> kodundan önce ekleyin.

 

<div style='position: fixed; bottom: 2%; 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>

 

Kodlarda hiç bir değişiklik yapmannıza gerek yok.