Blogger Sosyal Medya Eklentisi

  Blog sayfaları için düzenlenmiş kodlar ile sayfanızı yavaşlatmamak kaydıyla etkili bir kullanım sağlayabilirsiniz. Sayfanızda çok fazla sayıda kodlama varsa bunların gereksiz olanlarını mutlaka kaldırın. Metin oranının kod oranından daha fazla olması en azından birbirine yakın değerlerde olması gerekir. Ekleyeceğiniz yardımcı kodlar ile ziyaretçileri daha iyi yönlendirmek ve bilgilendirmek mümkün. Yazılarınızı duyurmak istediğiniz sosyal medya hesaplarınızı aktif kullanarak takipçi kazanabilirsiniz. Bu yazıda vereceğim kod ile sayfanıza renk katacak ve takipçi kazanmak için kolaylık sağlayacaksınız.

  Blogger sosyal medya kodu içinde facebook, twitter, rss, google+, linkedin, instagram olarak 6 ağınıza yönlendirme yapabiliyorsunuz. En önemli özelliklerinden birisi takipçi sayılarını ekleyebilmeniz ve hareketli bir kullanımı olmasıdır. Mause ile üzerine geldiğinizde renk değişir ve dikkat çeker. 300x250 boyutunda sidebar alanı bu kod için ideal bir yerdir. Sosyal medya butonu ekleme aynı zamanda seo için artı puan olacaktır.

✪ Eklenti Nasıl Kurulur?

 Sosyal medya eklentisini blog sayfanıza uygulamak için kod bilgisine ihtiyacınız olmayacak. "Gadget Ekle - HTML/JavaScript" yolunu takip ederek aşağıdaki kodu kopyalayıp yapıştırın. İçinde düzenlemeniz gereken tek şey takipçi sayılarıdır. Kendi takipçilerinize göre düzenleyip kaydedebilirsiniz.

<style>
/* Social Counter
--------------------------------------*/
li.social_item-wrapper {
float: left;
width: 48%;
text-align: center;
margin-right: 4% !important;
margin-bottom: 10px !important;
color: #fff;
}
#sidebar .widget {
margin-bottom: 35px;
}
a.social_item {
position: relative;
display: block;
height: 60px;
line-height: 60px;
overflow: hidden;
}
.social_item-wrapper:nth-child(2n+2) {
margin-right: 0 !important;
}
.social_icon {
float: left;
line-height: 60px;
width: 41px;
font-size: 1.3rem;
}
a.social_item.social_facebook {
background: #3F5B9B;
}
.fa-facebook.social_icon {
background: #2E4372;
}
li.social_item-wrapper:hover .fa-facebook.social_icon {
background: #3F5B9B;
}
li.social_item-wrapper:hover .social_facebook {
background: #2E4372;
}
a.social_item.social_twitter {
background: #1C97DE;
}
.fa-twitter.social_icon {
background: #1571A5;
}
li.social_item-wrapper:hover .fa-twitter.social_icon {
background: #1C97DE;
}
li.social_item-wrapper:hover .social_twitter {
background: #1571A5;
}
a.social_item.social_youtube {
background: #E22020;
}
.fa-youtube.social_icon {
background: #B31919;
}
li.social_item-wrapper:hover .fa-youtube.social_icon {
background: #E22020;
}
li.social_item-wrapper:hover .social_youtube {
background: #B31919;
}
a.social_item.social_dribbble {
background: #E82159;
}
.fa-dribbble.social_icon {
background: #B51A45;
}
li.social_item-wrapper:hover .fa-dribbble.social_icon {
background: #E82159;
}
li.social_item-wrapper:hover .social_dribbble {
background: #B51A45;
}
a.social_item.social_rss {
background: #E86321;
}
.fa-rss.social_icon {
background: #C2521B;
}
li.social_item-wrapper:hover .fa-rss.social_icon {
background: #E86321;
}
li.social_item-wrapper:hover .social_rss {
background: #C2521B;
}
a.social_item.social_google-plus {
background: #E82C2C;
}
.fa-google-plus.social_icon {
background: #BF2424;
}
li.social_item-wrapper:hover .fa-google-plus.social_icon {
background: #E82C2C;
}
li.social_item-wrapper:hover .social_google-plus {
background: #BF2424;
}
a.social_item.social_linkedin {
background: #0275B6;
}
.fa-linkedin.social_icon {
background: #02669E;
}
li.social_item-wrapper:hover .fa-linkedin.social_icon {
background: #0275B6;
}
li.social_item-wrapper:hover .social_linkedin {
background: #02669E;
}
a.social_item.social_instagram {
background: #8E714D;
}
.fa-instagram.social_icon {
background: #6F583C;
}
li.social_item-wrapper:hover .fa-instagram.social_icon {
background: #8E714D;
}
li.social_item-wrapper:hover .social_instagram {
background: #6F583C;
}
a.social_item.social_pinterest {
background: #CA2027;
}
.fa-pinterest.social_icon {
background: #AB1B21;
}
li.social_item-wrapper:hover .fa-pinterest.social_icon {
background: #CA2027;
}
li.social_item-wrapper:hover social_pinterest {
background: #AB1B21;
}
ul.social-counter a {
color: #fff;
}
</style>
<div class="socialcounter"><ul class="social-counter"><li class="social_item-wrapper"><a href="https://www.facebook.com/dogus.hakan.yilmaz/" class="social_item social_facebook"><i class="fa fa-facebook social_icon"></i><span class="social_num">898 Takipçi</span></a></li><li class="social_item-wrapper"><a href="https://twitter.com/dhyblogger" class="social_item social_twitter"><i class="fa fa-twitter social_icon"></i><span class="social_num">87 Takipçi</span></a></li><li class="social_item-wrapper"><a href="https://feeds.feedburner.com/seoveblog" class="social_item social_rss"><i class="fa fa-rss social_icon"></i><span class="social_num">39 Takipçi</span></a></li><li class="social_item-wrapper"><a href="https://plus.google.com/u/0/+Do%C4%9Fu%C5%9FHakanYILMAZ" class="social_item social_google-plus"><i class="fa fa-google-plus social_icon"></i><span class="social_num">207 Takipçi</span></a></li><li class="social_item-wrapper"><a href="https://www.linkedin.com/in/do%C4%9Fu%C5%9F-hakan-y%C4%B1lmaz-9b922390/" class="social_item social_linkedin"><i class="fa fa-linkedin social_icon"></i><span class="social_num">41 Takipçi</span></a></li><li class="social_item-wrapper"><a href="https://www.instagram.com/dogus.hakan.yilmaz/" class="social_item social_instagram"><i class="fa fa-instagram social_icon"></i><span class="social_num">213 Takipçi</span></a></li></ul></div>