Anasayfa
Hakkımda
Reklam
İletişim
v4
Panelden Düzenleyiniz
Burayı panelden düzenleyebilir ve yazı ekleyebilirsiniz.
sipsiv2
Panelden Düzenleyiniz
Burayı panelden düzenleyebilir ve yazı ekleyebilirsiniz.
wordpress seo
Panelden Düzenleyiniz
Burayı panelden düzenleyebilir ve yazı ekleyebilirsiniz.

Blogger Hareketli Sosyal Medya Butonlar Eklentisi

6 saat önce Onur BATUR tarafından yazılmıstır.

Blogger Hareketli Sosyal Medya Butonlar Eklentisi


Blogger Hareketli Sosyal Butonlar Eklentisi Widget..

Bu eklentimizle , blogger blogunuza üzerine gelince renkelenen sosyal butonları ekliyeceğiz...Bu eklentimizle , rss, google , facebook ve twitter sayfalarınızı ziyaretçilerinize oldukça şık bir görünümle sunabilirsiniz..


Blogger Hareketli Sosyal Butonlar Eklentisini blogger'a eklemek için aşağıdaki adımı takip edin..

Blogunuzun yönetim panelinden Yerleşim >> Gadget Ekle >> HTML/JavaScript seçeneğini seçelim ve açılan panele aşağıdaki kodları ekleyelim..
<style> 
/*--------eklentileri.blogspot.com hareketli menu ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFq7a3NkEnr8NmnT8BuuWE1x8ixYkOn3nFlwCPkQ4F3zWGvbyQj63rRMeBnnu-CW6l1Sp2oI3KvwhIcm4ufXLibTADfkNI2HmCyyM0E_MIZNHKiIYVzNwZ8qw8ZU_iHi3H6TKESCuBRhG_/s1600/eklentileri.blogspot.com.png) no-repeat;
-webkit-transition: ease-in 0.2s all;
-moz-transition: ease-in 0.2s all;
-o-transition: ease-in 0.2s all;
-ms-transition: ease-in 0.2s all;
transition: ease-in 0.2s all;
cursor:pointer;
}

.touchme a.googleplus {
background-position: 0px -58px;
}
.touchme a.googleplus:hover {
background-position: 0px 0px;
}

.touchme a.twitter {
background-position: 0px -290px;
}
.touchme a.twitter:hover {
background-position: 0px -232px;
}
.touchme a.facebook {
background-position: 0px -406px;
}
.touchme a.facebook:hover {
background-position: 0px -348px;
}

.touchme a.rss {
background-position: 0px -174px;
}
.touchme a.rss:hover {
background-position: 0px -116px;
}

</style>

<div class='touchme'>
<!--RSS-->
<a class='rss' href="RSS ADRESI" rel='external nofollow' target='_blank'></a>
<!--Google Plus-->
<a class='googleplus' href="GOOGLE PROFIL ADRESI" rel='external nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href="FACEBOOK ADRESI" rel='external nofollow' target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="TWITTER ADRESI" rel='external nofollow' target='_blank' ></a>

</div>
Yukarıdaki kodlarda kırmızı ile yazılmış olan yerlere , kendi adreslerinizi yazmayı unutmayın...yapmanız gereken sadece bu kadar..
Benzer Yazılar
Yorumlar ( Yorum Yok )

Bu sitede yayınlanan yazılar kaynak gösterilmeden alıntı yapılamaz. Tüm hakları saklıdır.