lostyazilim

Blogger Sosyal Paylaşım Butonları Ekleme yardım !!

4 Mesajlar 1.664 Okunma
lstbozum
wmaraci reklam

wtu wtu WM Aracı Kullanıcı
  • Üyelik 05.08.2012
  • Yaş/Cinsiyet 36 / E
  • Meslek tersine mühendis
  • Konum Bingöl
  • Ad Soyad ** **
  • Mesajlar 109
  • Beğeniler 4 / 9
  • Ticaret 2, (%100)
S.a Arkadaşlar yazının alt tarafına eklenen paylaşım butonlarını hepimiz biliyoruz bugün bir sitede dolaşırken sayfanın sol tarafında bulunan sabit bir buton gördüm resmin linkini aşağıda verdim
Resimdeki gibi veya benzeri bir buton blogger de oluşturmamız mümkünmüdür...
bugün biraz araştırdım ancak benzer şekilde örnek bir kod bulamadım bende konuyu wmaracı'nda paylaşayım dedim bilgi sahibi arkadaşlar yardımcı olursanız çok sevinirim şimdiden Teşekkürler cevaplarınızı bekliyorum...

Resim link
 

 

wmaraci
reklam

Bariswp Bariswp ZM Kullanıcı
  • Üyelik 27.03.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek ZM
  • Konum Adana
  • Ad Soyad A** D**
  • Mesajlar 2267
  • Beğeniler 316 / 445
  • Ticaret 15, (%100)
O kısmı şu şekilde yapabilirsin.. Örneğini veriyorum

Temana eklemen gereken Php kodları..



PAYLAŞ





<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>





<script>
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>

facebook

<script></script>
<script></script>





Eklemen gereken css kodları;


.post-social {

background: #f9f9f9;

border: 1px solid #ddd;

padding: 10px 5px;

float: left;

-moz-box-shadow: 0 0 5px #ddd;

-webkit-box-shadow: 0 0 5px #ddd;

box-shadow: 0 0 5px #ddd;

text-align: center;

position: fixed;

margin-left: -90px;

width: 62px;

}



.aglar {

margin: 10px 0px 0px 0px;

}



.post-social h2 {

background: #f1f1f1;

margin: -10px -5px;

padding: 5px;

width: 62px;

font: 11px tahoma;

font-weight: normal;

}



Bu kodları Şu temadan aldım.. görseller için ücretsiz olarak paylaşılan bu temayı indirip alabilirsin..
 

 

contentwriter contentwriter Kendi halimdeyim Kullanıcı
  • Üyelik 22.10.2011
  • Yaş/Cinsiyet 31 / E
  • Meslek Kendi halimdeyim
  • Konum Diğer
  • Ad Soyad İ** Y**
  • Mesajlar 4130
  • Beğeniler 1136 / 1842
  • Ticaret 21, (%100)
Aşağıdaki arama işini görücektir.

https://www.google.com.tr/search?hl=tr&q=blogger%20floating%20share%20buttons&um=1&ie=UTF-8&tbm=isch&source=og&sa=N&tab=wi&ei=raBkUNDdNYnDtAbr0YCwDQ&biw=1360&bih=639&sei=r6BkUImsF4jxsgbHk4DoDw
 

 

wtu wtu WM Aracı Kullanıcı
  • Üyelik 05.08.2012
  • Yaş/Cinsiyet 36 / E
  • Meslek tersine mühendis
  • Konum Bingöl
  • Ad Soyad ** **
  • Mesajlar 109
  • Beğeniler 4 / 9
  • Ticaret 2, (%100)
Hit adam, buldum yine müşkülümüzü halletin çok teşekkürler
 

 

wmaraci
wmaraci
wmaraci
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al