Web Günlüğü - Anasayfa
Web Günlüğü

blogger ipuçları, eklentileri ve temalarının yer aldığı web günlüğü

Sayfalar



bu bloğu izle

Bumerang - Yazarkafe

Olist Blogger Teması
canlı radyo dinle

Blogger AddThis Paylaş Eklentisi

29 Temmuz 2011 Cuma - #
Bir aya yakın süredir blogger ile ilgili yararlı yazılar yazmıyordum. Bu yazımla buna son vermek istedim. Blogunuzda mutlaka ve mutlaka olması gereken çok güzel  ve kullanışlı bir eklentiyi anlatacağım. Şuan blogumun sol tarafından da bulunan bu eklenti AddThis’in  geliştirmiş olduğu en güzel sosyal eklentisi diyebilirim. Blogunuz’da çok fazla yer kaplamadığı gibi nereye giderseniz gidin peşinizden geliyor :) Yani bütün sayfalarda işlevsellik gösteriyor.

Bu eklentinin hazırlanmasında Css ve jQuery nimetlerinden faydalanılmış. Kurması da oldukça kolay yapmanız gereken sadece Kumanda Paneli > Tasarım > Gadget Ekle’ye tıklayıp kodları yapıştırmak.

Bu eklentiyi blogunuza kurduktan sonra tüm sayfaların sol tarafında eklentiyi görebileceksiniz. Bu eklenti vasıtasıyla ziyaretçileriniz veya siz blogunuzdaki içerikleri kolay bir şekilde sosyal paylaşım sitelerinde paylaşabileceksiniz. Eğer üstteki  facebook, twitter ve stumbleupon siteleri sizin için yetersizse bunların altında bulunan + şeklindeki resime tıklayarak diğer sosyal paylaşım sitelerini de kullanabilirsiniz.  Ayrıca eklentiyi Css kodlarıyla kendinize göre de özelleştirebilirsiniz.

Eklenti  Kurulumu
Yapmanız gereken çok basit Kumanda Paneli > Tasarım > Gadget Ekle > HTML/JavaScript ‘i seçip alttaki kodları yapıştırmanız yeterli olacaktır.
<div class="addthis_toolbox atfixed"> 
<div class="custom_images"> 
<a class="addthis_button_facebook">
<img src="http://www.addthis.com/cms-content/images/gallery/facebook32.png" alt="Share to Facebook" /></a> <a class="addthis_button_twitter">
<img src="http://www.addthis.com/cms-content/images/gallery/twitter32.png" alt="Share to Twitter" /></a> <a class="addthis_button_stumbleupon">
<img src="http://www.addthis.com/cms-content/images/gallery/stumbleupon32.png" alt="Stumble It" /></a> <a class="addthis_button_more">
<img src="http://www.addthis.com/cms-content/images/gallery/addthis32.png" alt="Daha Fazla..." />
</a>
</div>
</div> 
<style type="text/css">
.addthis_toolbox.atfixed
{
position: fixed;
top: 50%;
left: 20px;
border: 1px solid #eee;
padding: 5px 5px 1px;
width: 32px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.addthis_toolbox .custom_images a
{
width: 32px;
height: 32px;
margin: 0;
padding: 0;
cursor: pointer;
}
.addthis_toolbox .custom_images a img
{
border: 0;
margin: 0 0 1px;
opacity: 1.0;
}
.addthis_toolbox .custom_images a:hover img
{
margin: 1px 0 0;
opacity: 0.75;
}
</style>
<!-- AddThis Script -->
<span id="preservec15e845217244d8085035cbff6d0947a" class="wlWriterPreserve">
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js">
</script>
</span>



Yorumlar

  1. Çok güzel paylaşım abi.Sağol ;)

    YanıtlaSil
  2. Tesekkurler Zafer güzel paylaşım, bende yapım bloguma hemen :)

    YanıtlaSil

İletişim Formu

Ad

E-posta *

Mesaj *