Evet arkadaşlar bugün resimde görüldüğü gibi blogger web sitenize hızlı ve kolay bir şekilde nasıl pinterest, facebook ve twitter paylaşım butonlarını ekleyeceğinizi göstereceğim. Bununla ilgili çeşitli bir kaç kod hazırladım. Bu kodları sitenizin neresinde bu butonları kullanmak istiyorsanız oraya yapıştırmanız yeterli olacaktır. Şimdiden hayırlı ve uğurlu olsun.
Web sitedeki reklamları tıklamayı unutmayın....
Kodlar
Kodlar
<!-- Pinterest Script -->
<script type='text/javascript'>
(function() {
window.PinIt = window.PinIt || { loaded:false };
if (window.PinIt.loaded) return;
window.PinIt.loaded = true;
function async_load(){
var s = document.createElement("script");
s.type = "text/javascript";
s.async = true;
if (window.location.protocol == "https:")
s.src = "https://assets.pinterest.com/js/pinit.js";
else
s.src = "http://assets.pinterest.com/js/pinit.js";
var x = document.getElementsByTagName("script")[0];
x.parentNode.insertBefore(s, x);
}
if (window.attachEvent)
window.attachEvent("onload", async_load);
else
window.addEventListener("load", async_load, false);
})();
</script>
<!-- Pinterest button Start -->
<div class='pin-paylas'>
<a class='pin-it-button' count-layout='none' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url'>Pin It</a>
</div>
<!-- Pinterest button End -->
<!-- Facebook button Start -->
<div class='fb-paylas'>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'/>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'>Facebook</a>
</div>
<!-- Facebook button End -->
<!-- Twitter button Start -->
<div class='tw-paylas'>
<a expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'/>
<a 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 style='clear:both;'/>
<!-- Twitter button End -->
<!-- Facebook Twitter Paylaş Buton Css Kodları -->
<style>
.pin-paylas {
margin: 7px;
padding: 10px;
background-color: #e60023;
width: 100px; float:left;
}
.fb-paylas {float:left;
margin: 7px;
padding: 10px;
background-color: #2d609b;
width: 100px;
}
.fb-paylas a{
text-decoration: none;
color: white;
font-weight: bold;
text-align: center;
}
.tw-paylas{float:left;
margin: 7px;
padding: 10px;
background-color: #19bfe5;
width: 100px;
}
.tw-paylas a{text-decoration: none;
color: white;
font-weight: bold;
text-align: center;}
</style>
<!-- Facebook Twitter Paylaş Buton Css Kodları -->
0 Comments:
Yorum Gönder