Bumerang - Yazarkafe

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.
PAYLAŞ PAYLAŞ PAYLAŞ

BLOG OKULU

Merhabalar, 2012 yılından beri editörlüğünü yaptığım blogokulu.org sitesinde blogger kullanıcıları için gerekli olan bir çok bilgiyi bulabilrsiniz.Blogger temaları,blogger eklentileri ve blogger dersleri ile blog yazarlarına elimizden geldiğince yardımcı olmaya çalışıyoruz.

  • Image
  • Image
  • Image
  • Image
  • Image
    Disqus Yorumları
    Facebook Yorumları

9 yorum:

  1. DoganAlbayrak724 Mart 2012 16:05

    İlginçmiş =) belki uygularım eline sağlık

    YanıtlaSil
  2. Selma Tozan26 Mart 2012 17:06

    Güzelmiş, deneyeceğim..

    YanıtlaSil
  3. ergül yasin27 Mart 2012 19:01

    Siteden oldukça yararlandım takibimdesin ayrıca çok başarılı bi blog tebrik ve teşekkür ederim.

    YanıtlaSil
  4. Abdullahsayin199025 Nisan 2012 18:37

    Güzel ama ben yapamadım yaa. Çok karışık. Keşke direkt Gadget lardan yapılsa...

    YanıtlaSil
  5. çok karışık değil, yapacağın iki adımdan oluşan bir işlem.İki kod kopyalayıp belirttiğimiz yere yapıştıracaksın,hepsi bu kadar?

    YanıtlaSil
  6. tekpartifilmizle30 Mayıs 2012 07:54

    merhabalar bu sekil bir yorum kısmı yapmak istiyorum bana yardımcı olabılırmısınız lutfen burdan ulasınız relaxsss-34@hotmail.com

    YanıtlaSil

  7. www.disqus.com 
    adresinden böyle bir yorum kutusu edinebilirsiniz.

    YanıtlaSil
  8. teşekkürler çok güzel oldu :)

    YanıtlaSil
  9. beğenmenize sevindim:)

    YanıtlaSil

Belirtmek istediğiniz farklı konular varsa Burdan Yazabilrisiniz...