Yaz� Sonunda ��k Duran Sosyal Payla��m Butonlar� Yapma
1. Blogger panelimizden �ablon-HTML'yi D�zenle giri� yap�n ve <data:post.body/> kodunu bulun. Bu kodun alt sat�r�na gelecek �ekilde a�a��daki HTML kodlar�n� kopyalay�p yap��t�r�n.
Blogger blo�unuzda yay�nlad���n�z yaz�lar�n�z�n sosyal medya a�lar�nda payla��lmas� blo�unuza ziyaret�i �ekece�i i�in yararl� kabul edilir. Ayn� zamanda blog ziyaret�ilerinizin ho�lar�na giden bir yaz�n�z� payla�malar�nda kolayl�k sa�lamas� a��s�ndan sosyal payla��m butonlar� bloglar i�in vazge�ilmez eklentilerden biridir.
Yaz� alt�na sosyal payla��m butonlar� nas�l eklenir, Facebook. Twitter, Google Plus, Linkedin butonlar�/d��meleri nas�l yap�l�r gibi sorular�n�z� bu yaz�mda cevapland�raca��m.
�imdi anlataca��m sosyal payla��m d��meleri yazd���n�z her yaz�n�n sonuna otomatikmen eklenecektir. Gayet ho� durdu�u ve kolayl�k sa�lad��� i�in ayn� d��meleri bende kullan�yorum. Bu yaz�n�n sonuna geldi�inizde canl� �rne�ini g�receksiniz.
Yaz� alt�na sosyal payla��m butonlar� nas�l eklenir, Facebook. Twitter, Google Plus, Linkedin butonlar�/d��meleri nas�l yap�l�r gibi sorular�n�z� bu yaz�mda cevapland�raca��m.
�imdi anlataca��m sosyal payla��m d��meleri yazd���n�z her yaz�n�n sonuna otomatikmen eklenecektir. Gayet ho� durdu�u ve kolayl�k sa�lad��� i�in ayn� d��meleri bende kullan�yorum. Bu yaz�n�n sonuna geldi�inizde canl� �rne�ini g�receksiniz.
<b:if cond='data:blog.pageType == "item"'>2. �imdi ]]></b:skin> kodunu bulun ve �st sat�na a�a��daki CSS kodlar�n� yap��t�r�n.
<div class='tombol-berbagi-arlina'>
<div class='tombol-berbagi-arlina-fb'>
<a class='tombol-berbagi-fb' expr:href='"
http://www.facebook.com/sharer.php?u=" + data:post.url +
"&title=" + data:post.title'
rel='nofollow' target='_blank'/>
<a class='tombol-berbagi-fb-label' expr:href='"
http://www.facebook.com/sharer.php?u=" + data:post.url
+ "&title=" + data:post.title'
rel='nofollow' target='_blank'>Payla� Facebook</a>
</div>
<div class='tombol-berbagi-arlina-tw'>
<a class='tombol-berbagi-tw' expr:data-text='data:post.title'
expr:data-url='data:post.url' href='http://twitter.com/share'
rel='nofollow' target='_blank'/>
<a class='tombol-berbagi-tw-label' expr:data-text='data:post.title'
expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'
target='_blank'>Payla� Twitter</a>
</div>
<div class='tombol-berbagi'>
<a class='tombol-berbagi-gp' expr:href='"https://plus.google.com/share?
url=" + data:post.url' rel='nofollow' target='_blank'/><a
class='tombol-berbagi-gp-label' expr:href='"
https://plus.google.com/share?url="
+ data:post.url' rel='nofollow' target='_blank'>Payla� Google+</a>
</div>
<div class='tombol-berbagi'>
<a class='tombol-berbagi-lin' expr:href='"http://www.linkedin.com/share
Article?mini=true&amp;amp;url=" + data:post.url
+ "&amp;title=" + data:post.title
+ "&amp;summary=" + data:post.snippets'
rel='nofollow' target='_blank'/>
<a class='tombol-berbagi-lin-label' expr:href='"
http://www.linkedin.com/shareArticle?
mini=true&amp;url=" + data:post.url +
"&amp;title="
+ data:post.title + "&amp;summary="
+ data:post.snippets' rel='nofollow'
target='_blank'>Payla� LinkedIn</a>
</div>
</div>
</b:if>
/* https://teknoowin.blogspot.com Payla� Butonlar� */�ablonu kaydedin ve sonu�lar�n� g�rmek i�in blo�unuza bak�n
.tombol-berbagi-arlina{display:block;position:relative;
height:43px;line-height:43px;
padding:10px;border-top:1px solid #dadada;border-bottom:1px
solid #dadada;margin:auto}
.tombol-berbagi-arlina-fb,.tombol-berbagi{float:left;
width:21%;padding:0 10px;height:inherit}
.tombol-berbagi-arlina-tw,.tombol-berbagi,.tombol-berbagi-
lk{float:left;width:21%;height
:inherit;padding:0 10px;border-left:solid 1px #dadada}
.tombol-berbagi-fb,.tombol-berbagi-tw,.tombol-berbagi-gp,
.tombol-berbagi-lin,
.tombol-berbagi-pi{float:left;display:block;background:url
('http://2.bp.blogspot.com/-FYy1a99SDXE/VXuCSz_hYjI
/AAAAAAAACbg/8dz4LkDIHYY/s1600/share.png')
no-repeat;width:42px;height:41px;margin-right:3px}
.tombol-berbagi-fb-label{color:#2d609b}
.tombol-berbagi-fb-label,.tombol-berbagi-tw-label,
.tombol-berbagi-gp-label,
.tombol-berbagi-lin-label{float:left;width:58px
;height:inherit;font-size:12px;font-family:
'Open Sans Bold',Arial,sans-serif;line-height:
14px;margin:5px 0 0 4px}
.tombol-berbagi-tw{background-position:0 -43px}
.tombol-berbagi-tw-label{color:#00c3f3}
.tombol-berbagi-gp{background-position:0 -86px}
.tombol-berbagi-gp-label{color:#f00}
.tombol-berbagi-lin{background-position:0 -129px}
.tombol-berbagi-arlina a{color:#999;transition:all .3s;}
.tombol-berbagi-arlina a:hover{color:#7cb0ed}
@media only screen and (max-width:640px){
.tombol-berbagi,.tombol-berbagi-arlina-fb{display:inline-block;
float:none;width:48%;padding:0;height:inherit}
.tombol-berbagi,.tombol-berbagi-arlina-tw,.tombol-berbagi-lk
{float:left;width:48%;padding:0;border-left:0}}
G�rd���n�z �zere blogger blo�unuza yaz� alt�nda g�sterilen facebook twitter gibi sosyal payla��m butonlar�n� eklemek bu kadar basit.
Butonlarla ilgili sorunuz varsa a�a��daki yorum formunu kullanarak bana sorabilirsiniz. Takipte kal�n
Hiç yorum yok:
Yorum Gönder