Blog - Sosyal Medya Eklentisi
Bu eklenti ile ziyaretçi facebook twitter google hesabı ve rss ye ulaşabilecek. Tıklandığında size ait sayfaya gidecek. Kodları aşağıya yazıyorum. İnşallah işinize yarar. Kolay gelsin...
<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/AVvXsEhKDhVqot6YOs7EUC627D7DR-gjjyifWbSrWvPACShNf0hyphenhyphen8ryCSJoI8tdRwXs1RIQwRuHQ6FudVDy9CasdrSuXnyRVUs80LgmpyZw4GWWp9mBZtqGsEJJD66_F-WuyGQjCeogWMxbLYHSI/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="http://feeds.feedburner.com/BlogNasilYapilir" rel='external nofollow' target='_blank'></a>
<!--Google Plus-->
<a class='googleplus' href="https://plus.google.com/u/0/109429984424886749543" rel='external nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href="https://www.facebook.com/Blog-Nas%C4%B1l-Yap%C4%B1l%C4%B1r-1213841848656732/" rel='external nofollow' target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="https://twitter.com/BlogNasilYapili" rel='external nofollow' target='_blank' ></a>
</div>
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
OLMUŞ MU?
Olmuş mu diye bakmak için Blog'u Görüntüle yazısına tıklayın.
Kod kaynağı:Eklentileri
- Yerleşim > Gadget Ekle > HTML/JavaScript bağlantısını izleyin.
- Başlık: Sosyal Medya yazın. İçerik yerine aşağıdaki kodu yazın.
<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/AVvXsEhKDhVqot6YOs7EUC627D7DR-gjjyifWbSrWvPACShNf0hyphenhyphen8ryCSJoI8tdRwXs1RIQwRuHQ6FudVDy9CasdrSuXnyRVUs80LgmpyZw4GWWp9mBZtqGsEJJD66_F-WuyGQjCeogWMxbLYHSI/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="http://feeds.feedburner.com/BlogNasilYapilir" rel='external nofollow' target='_blank'></a>
<!--Google Plus-->
<a class='googleplus' href="https://plus.google.com/u/0/109429984424886749543" rel='external nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href="https://www.facebook.com/Blog-Nas%C4%B1l-Yap%C4%B1l%C4%B1r-1213841848656732/" rel='external nofollow' target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="https://twitter.com/BlogNasilYapili" rel='external nofollow' target='_blank' ></a>
</div>
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
- Mavi yazılmış yerlere benim adresimi silip kendi adresinizi yazın.
- Kaydet e tıklayın ve gelen sayfada şablonu kaydet e tıklayın.
OLMUŞ MU?
Olmuş mu diye bakmak için Blog'u Görüntüle yazısına tıklayın.
Kod kaynağı:Eklentileri
Hiç yorum yok:
Yorum Gönder