Menu

Blogger Sayfa İçine Sosyal Medya Ekleme

Sosyal medya düğmeleri bloğunuzun trafiğinin artırılması için iyi bir yoldur.Sosyal medya butonları ile oluşturulan bu eklenti ile bloğunuzun içeriği birbirinden farklı sosyal ağlarda bir tuşlama ile eklenerek site trafiğiniz ve organik backlink değerleriniz sürekli artacaktır.

Blogger Sayfa İçine Sosyal Medya Ekleme


Organik Backlink SEO için oldukça önemlidir,Sosyal Medyayı etkin olarak kullanmak hem organik tekil ziyaretçi sayısını artırır hemde sitenizin arama motorları için değerli hale getirir.

---Facebooktan Para Kazanma Yöntemleri

---12-Blogger Makalelerine Resim Ekleme

Eklentide sonda bulunan yeşil artı butonu addtoany.com sitesinin kısa yolu bulunmaktadır bu butona tıklandığı zaman www.addtoany.com sitesinin sağladığı pek çok sosyal medya sitesi ve bloklarda da sitenizin makalelerini otomatikman yayımlayabilirsiniz.

Blogger Sayfa İçine Sosyal Medya Ekleme

                                                                      

Blogger Sayfa İçine Sosyal Medya Ekleme Yükleme Adımları

1.Adım:
Aşağıda verdiğim kodu Css kodlarının bulunduğu yer olan ]]></b:skin> kodundan önce ekleyiniz.

div#social-sharing {
width:420px;height: 90;
background: radial-gradient(center center, circle cover, #ffffff, #f9f9f9);
background: -o-radial-gradient(center center, circle cover, #ffffff, #f9f9f9);
background: -ms-radial-gradient(center center, circle cover, #ffffff, #f9f9f9);
background: -moz-radial-gradient(center center, circle cover, #ffffff, #f9f9f9);
background: -webkit-radial-gradient(center center, circle cover, #ffffff, #f9f9f9);
padding:10px;
margin:0 auto;
border: 1px solid #999;
border-radius:5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
div#social-sharing:hover {
-webkit-box-shadow: 1px 1px 3px #CCC inset;
-moz-box-shadow: 1px 1px 3px #CCC inset;
box-shadow: 1px 1px 3px #CCC inset;
}
#social-sharing img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
opacity:1;
filter:alpha(opacity=1); /* For IE8 and earlier */
}
#social-sharing img:hover {
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}
.social-sharing-title {
text-align: center;
padding: 3px 10px 2px 0px;
margin: 0 0px 0 0;
color: #8d0303;text-transform: uppercase;
line-height: 25px;
vertical-align: middle;
font-size: 14px;
}


CSS kodları içinde değiştire bileceğiniz kodlar Metin Renk için Kırmızı(color: #8d0303;) seçilmiştir bunu değiştirebilirsiniz.Ayrıca çerçeve genişliğini değiştirebilirsiniz genişliği:420px (width:420px;)

---Goomass İle Twıtter Eğitimi

---13-Blogger Makalelerine Video Ekleme

2.Adım:
Yandaki <data:post.body/> kodu Ctrl+f tuşuna basarak aratıyoruz bulduğumuz bu koddan sitenizde bir kaçtane olabilir deneme yanılma yolu ile aşağıda verdiğim kodları ekleyerek sayfalarınızın içine ekleyebilirsiniz.


Not:Aşağıdaki kodları <data:post.body/> kodundan önce eklerseniz bu eklenti sayfa yazılarınızın üstünde görülür,eğer altına eklerseniz bu sosyal medya eklentisi yazılarınızın altında görünür.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<center>
<div id='social-sharing'>
<div class='social-sharing-title'>BU BEĞENDİNİZ Mİ? LÜTFEN PAYLAŞIN!</div>
<!-- Facebook -->
<a class='face-book' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share This On Facebook'><img alt='Facebook' src='http://3.bp.blogspot.com/-tdQqSrGyK0A/UixIE6-nIHI/AAAAAAAADZw/L1_oZ77XZZI/s1600/Facebook.gif'/></a>
<!-- Twitter -->
<a class='twitter' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Tweet This'><img alt='Twitter' src='http://4.bp.blogspot.com/-qvZuf9kWuVw/UixIHKAZdSI/AAAAAAAADao/7AOSXVkuwdc/s1600/twitter_bird.gif'/></a>
 <!-- Pinterest -->
<a class='pint-er-est' href='javascript:void((function()%7Bvar%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos;,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)%7D)());'><img alt='Pinterest' src='http://4.bp.blogspot.com/-48BGp-jLpfA/UixIFoAoAHI/AAAAAAAADaA/a4SMqKDRqno/s1600/Pinterest.gif'/></a>
 <!-- Stumbleupon -->
<a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Stumble this'><img alt='StumbleUpon' src='http://3.bp.blogspot.com/-Wa5Tyh1r3Ng/UixIG9GvWrI/AAAAAAAADas/yzizUt7zQ9k/s1600/stumbleupn.gif'/></a>
 <!-- Delicious -->
<a class='del-icio-us' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share This On Delicious'><img alt='Delicious' src='http://1.bp.blogspot.com/-4EdR0vYOqGM/Ui3DwhBBxHI/AAAAAAAADbA/CI5Tremd7D8/s1600/Delicious.gif'/></a>
 <!-- Reddit -->
<a class='reddit' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Bookmark this'><img alt='Reddit' src='http://2.bp.blogspot.com/-Q0wmiZUSwRA/UixIGRda0xI/AAAAAAAADaU/U1hgC4cviXc/s1600/reddit.gif'/></a>
 <!-- Digg -->
<a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Digg This'><img alt='Digg' src='http://3.bp.blogspot.com/-jrj7YxfIPgE/UixIFjv-vfI/AAAAAAAADaE/an-JwfXh9KI/s1600/digg.gif'/></a>
 <!-- Email -->
<a href='mailto:?Subject=My Blogger Tricks&amp;Body=Check out this site.. http://www.seomektebi.com/' rel='nofollow' target='_blank' title='Email This'><img alt='Email' src='http://1.bp.blogspot.com/-1-6g64zlV8E/UixIGPBkoKI/AAAAAAAADaQ/S_vYcUEpZ4M/s1600/email.gif'/></a>
 <!-- addtoany -->
<a class='a2a_dd more' expr:href='&quot;http://www.addtoany.com/share_save?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' target='_blank' title='Share On Others Networks'><script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/><img alt='Delicious' src='http://3.bp.blogspot.com/-d5s1xCQ1FaA/Ui3FWCqhUBI/AAAAAAAADbM/j5EYPxb_hz4/s1600/share-to-any.gif'/></a></div></center></b:if>

Yukarıdaki Blogger Sosyal Medya eklentilerinden istemediğinizi çıkarabilirsiniz.


Sonraki Yazılar
« Prev Post
Önceki Yazılar
Next Post »

Henüz Yorum Yapılmamış " Blogger Sayfa İçine Sosyal Medya Ekleme "

Önerilen Yazı
×