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...

• 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/AVvXsEhaJ0Bib438qMeA95X9ZmsfBx2Wl9BeI4FpFJb4TdPhcm53ZazelRWvP6CqiIWMwg69JzGHp2WufHAsigxA_kQFlg45enOzMras9vseABh-pYY7t8ET8qyuGOUk3hu2PreXrwGN0nDFVXcp/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