Searching...
1 Aralık 2013 Pazar

Blogger Yazı Altına Sosyal Paylaş Eklentisi

Blogger icin Yazı Altına Sosyal Paylaş Eklentisi  Sizlere paylaşcağım eklentide Google, Twitter, Facebook,  ait üclü sosyal paylaş düğmeleri  oldukca dikat ceken  güzel bir görünümü var. tek tek kutu icinde olan sosyal paylaş eklentileri, yayınlarımızın altında olcak şekilde yerleşdirceğiz. yayınlarımızın sosyal medyada paylaşımlarını artdırcak olan bir eklenti aşağıda gördünüz gibi bir görünümü olcak.

Blogger Yazı Altına Sosyal Paylaş Kutuları


Blogger Yazı Altı Sosyal Paylaş Eklentisi Blogguma Nasıl Uygularım? 
  
1 Adım : Blogger  sayfanızı acın. Kontrol Paneli>Tasarım>Htmlyi Düzenle yolunu izleyin. Ctrl+F yardımıyla <div class='post-footer'>   kodunu bulun aşağıda verdigim kodu  altına gelcek şekilde yapışdırın kaydet deyip cıkın.


<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<style>
.promote_post_bg {
height: 103px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi13P-iTvyj6uErAtszMSyduBHcq19_6WkILUPLUZRfM-PC5GKzg6i8naO24g5OuuHRnOYRFbcsf08QPcXgPT2-NGvJk3QmxNg8q0GuKjTYguOaY5ZyOsPmX5_oIw4hEOnRSoXH129PXRM/s516/paylas.png) 0 -7px no-repeat;
width: 500px;
margin-left: 65px;}
.promote_twitter {
width: 130px;
height: 38px;
float: left;
margin: 0 39px 0 0;
padding: 65px 0 0 13px;
text-align: center;}
.promote_facebook {
width: 115px;
height: 40px;
float: left;
margin: 0 39px 0 0;
padding: 63px 0 0 28px;
text-align: center;}
.promote_google {
width: 65px;
height: 40px;
float: left;
margin: 0 39px 0 0;
padding: 65px 0 0 28px;
text-align: center;
}
</style>
</b:if>
<div class='promote_post_bg'>
<div class='promote_twitter'>
<a class='twitter-share-button' data-via='helperblogger' href='https://twitter.com/share'>Tweet</a>
<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 = &quot;//platform.twitter.com/widgets.js&quot;;
fjs.parentNode.insertBefore(js, fjs);
}
}(document, &quot;script&quot;, &quot;twitter-wjs&quot;);

</script></div>
<div class='promote_facebook'>
<fb:like action='like' colorscheme='light' expr:href='data:post.canonicalUrl' font='verdana' layout='button_count' send='false' show_faces='false'/>
<div>
<b:if cond='data:post.isFirstPost'>
<script>
(function (d) {
var js, id = &#39;facebook-jssdk&#39;;
if (d.getElementById(id)) {
return;
}
js = d.createElement(&#39;script&#39;);
js.id = id;
js.async = true;
js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));

</script>
</b:if></div>
</div>
<div class='promote_google'>
<g:plusone annotation='none' size='medium'/>
<script type='text/javascript'>
(function () {
var po = document.createElement(&#39;script&#39;);
po.type = &#39;text/javascript&#39;;
po.async = true;
po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
var s = document.getElementsByTagName(&#39;script&#39;)[0];
s.parentNode.insertBefore(po, s);
})();

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

Tavsiye Etdigimiz Alternatif  Sosyal paylaş eklentileri.


0 yorum:

Yorum Gönder

yorumunuzu buraya yazabilirsiniz

 
Back to top!