22 Haziran 2013 Cumartesi

Blogger İçin Sosyal Paylaşım Eklentisi

Retro tarzı bir sosyal paylaşım eklentisini sizlerle paylaşıyoruz. Çok güzel bir eklenti. Hareketleriyle, görüntüsüyle çok hoş duruyor. 


Nasıl yaparsınız? 

Aşağıda verdiğim kodları yerleşim -> gatget ekle -> HTML -> JavaScript yolunu takip ederek ekleyiniz. 

Kodlar: 
<style>
/* Retro tarzı blogger sosyal paylasim webmaster.10line.net */
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}</style>


<br />
<center>
<br />
<ul class="bubblewrap">
<li><a href="http://www.plus.google.com/XXXXX"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUi4uw_AW9b0lUcpL7bR6oBdXeaDQWX-3HyPpO0wFocE61qXOx-5_3gfLOf_zk3yaL8-SrEXIUUAER4RikBGWX6QnzEc_fjrw2mCmZ47kacxif9p7UCsS8j62v5HvdiZSaqRUf6if1uYw/s1600/bloggertrix-google-icon.png" title="Add to Facebook" /></a></li>


<li><a href="http://www.facebook.com/XXXXX"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjYrA7a554Nu3ixTqj03fAR3bdJyCPrhY_qPOsXNJTKPaVhacAcWNsUQ-oUa-T35BSQsdiVwOlI7A8T4rv0F4iV79f2rXY6KaVjYq-MxUN_fuipoQ_q_CikfqMq6GVwZi8NtNOH4GtCBU/s1600/bloggertrix-facebook-icon.png" title="Add to Facebook" /></a></li>


<li><a href="http://www.pinterest.com/XXXXX"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1uvZrdA5G7uKqeCdzU5-g87vhaqxHNVVc89ZhRrB9i5X0Sr4pt-Tb5TFrwqfGo7jTsX-eXeNZ2zEc3SMTtj_gnmG6fwLn43Ptj92bHOfCWDKPzWxTeJCwg4MNJJ3v8DYkst57TawHK8c/s1600/bloggertrix-pinterest-icon.png" title="Add to Digg" /></a></li>


<li><a href="http://www.twitter/XXXXX"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieQNzCJQ0X6BiB5suH0kaZJREjuDHgy0buDUTwqlMZqlNjfHF3r9fPeEwRLlBViyBFydtmnqLQo8RkMFTJ4DBpSHlIEbU88kSjX2gCQ5Q2A2T6KCh62dvYZ5Uc1fYXCx74nydwGu82SHc/s1600/bloggertrix-twitter-icon.png" title="Add to Twitter" /></a></li>


<li><a href="http://feeds2.feedburner.com/XXXXX"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz9MdNGYZ-Hd8S8VsXxJ0VwoZWLQeAhNfnSsduD24isLvasJQx23ZRoEp7_evs5jZeiLKYWWvbBVp9pc20bLM30DQNp5iQSuZ_Yz6LlHKunUEAYLwHqffSzg4-aBgfWOePB0JJmHswgjY/s1600/bloggertrix-rss-feed-icon.png" title="Add RSS Feed" /></a></li>
</ul> 
Yukarıdaki kodlarda geçen xxxxx yazan yerlere kendi sosyal paylaşım adreslerinizi yazınız.

Bu yazı http://webmaster.10line.net adresinde yayınlandı.

Hiç yorum yok:

Yorum Gönder