Bumerang - Yazarkafe

Sosyal Medya İconlarınızı Açılan Kalp İçerisinde Yayınlayın

Sosyal Medya İconlarınızı Açılan Kalp İçerisinde Yayınlayın

Web dünyasında yayılmada, sosyal paylaşım sitelerinin gücünü bilmeyen yoktur, yazdığınız yazıların hızlı bir şekilde ve daha fazla kişiye yayılmasına olanak sağlayacak en önemli araç sosyal paylaşım siteleridir.Yazılarınızı, sosyal paylaşım sitelerinde paylaşmak için blogunuzda kullanacağanız sosyal paylaşım sitelerine ait iconlar, nekadar dikkat çekici olursa, ziyaretçilerin sosyal medyada yazınızı paylaşma olasılığı o kadar artıyor.Bu sebeplerden dolayı, ziyaretçilerinizi cezbedecek, dikkatini çekecek olan, şık tasarımlı kalp içerisine facebook, twitter, pinterest, linkedin gibi sosyal paylaşım sitelerine ait iconlar yerleştirilmiş kalbi blogunuza nasıl ekliyeceğinizi anlatacağız.Ziyaretçi, maus ile kalbin üzerine geldiği zaman, kalp ikiye ayrılıyor ve içerisinden sosyal paylaşım sitelerine ait iconlar çıkıyor.İconlardan birine tıkladığında ziyaretçi sosyal medyada sayfanızı paylaşmış oluyor.Bu eklentiyi blogunuza eklemek için;
Demo Görünüm için Tıklayın
1.Adım:Kumanda Paneli>Tasarım>Htmlyi Düzenle yolunu takip,Widget Şablonlarını Genişlet kutucuğunu işaretledikten sonra kodlar içerisinde Ctrl+F yardımı ile </head> kodunu aratıp buluyoruz.Aşşağıdaki kodu kopyalayıp bulduğumuız </head> kodundan önceki satıra yapıştırıyoruz.
<!-- Start Heart Bookmarking Gadget Code From http://www.blogokulu.blogspot.com/ -->
<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 From http://www.blogokulu.blogspot.com/ -->
2.Adım:Yine kodlarımız içerisinde </body> kodunu aratıp buluyoruz.Aşşağıdaki kodu kopyalayıp bulduğumuz </body> kodundan önceki satıra yapıştırıyoruz.
<!-- Start Heart Share Code From http://www.blogokulu.blogspot.com/ -->
<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><a href="http://www.blogokulu.blogspot.com/">BlogOkulu Gadgets</a>
<!-- End Heart Share Code From http://www.blogokulu.blogspot.com/ -->
Yukarıdaki koda göre eklentimiz sayfamızın sol alt köşesinde olacak.Ama siz eklentinin sol altta değilde başka bir yerde olmasını istiyorsanız, kod içerisinde kırmız ile belirttiğim yerde ufak bir değişiklik yapmanız yeterli olacak.
alt sol için:bottom/left
alt sağ için:bottom/right
üst sol için:top/left 
üst sağ için:top/right 
Son olarak şablonumuzu kaydediyoruz.Kalp içerisinde sosyal medya eklentimiz kullanıma hazır.