Blogunuza dönme efektli sosyal ağ butonları ekleyin!

Sosyal ağ eklentisi blogunuzda sosyal sayfalarınızın ziyaretçilerin daha cok ilgisini çekmesini sağlayabilir, sosyal ağlarda takipçiniz ne kadar cok olursa trafiğiniz ve ziyaretçi sayınız bununla birlikte artacaktır. Bu eklentide imleç butonun üzerine geldiğinde ilgili sosyal ağın logosu bir tur etrafında dönüyor.

Bu eklentiyi sayfanıza eklemek isterseniz yapmanız gerekenler cok basit ilk olarak sayfamızın kumanda panelini açıyoruz daha sonra
Yerleşim > Gadget ekle > HTML/Javascript gadget açtıktan sonra aşağıdaki kodları ekliyoruz.



Kod:
<div class="subscribe">
<ul> <li class="rss"><a href="Rss linki" target='_blank' rel=”nofollow”><span></span>RSS</a></li>
<li class="twitter"><a href="Twitter linki" target='_blank' rel=”nofollow”><span></span>Twitter</a></li>
<li class="gplus"><a href="Google+ linki" target='_blank' rel=”nofollow”><span></span>Google Plus</a></li>
<li class="facebook"><a href="Facebook linki" target='_blank' rel=”nofollow”><span></span>Facebook</a></li> </ul>
</div>
<style>
.subscribe li {
display: block !important;
margin-right: 0 !important;
width: auto !important;
}
.subscribe li a span {
display: block;
height: 32px;
left: 0;
position: absolute;
top: 2px;
transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
transition-duration: 0.8s;
transition-property: all;
width: 32px;
}
.subscribe .twitter span {
background-color: transparent;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkcqM1uvqWo6atkrfsc4dDXaSg_34a2NonEaMQOEprw2KaDq6YHwYtZENNmTx-KyvnFsxqNBKdN5jE7X723VQmI_6IoLJWw59l62feG812EU9-XKamLUsmAlkMU5Zk1wNDpaW_egzDrU8/s1600/
twitter_icon.png) no-repeat;
}
.subscribe .twitter a {
background: #91C661;
}
.subscribe li a:hover span {
transform:rotate(340deg);
-webkit-transform:rotate(340deg);  
}  
ol, ul {
list-style: none outside none;
}
.subscribe li {
display: block !important;
margin-right: 0 !important;
width: auto !important;
}
.subscribe li {
display: inline-block;
margin: 0 20px 10px 0;
position: relative;
width: 200px;
}
.subscribe .rss span {
background-color: transparent;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifuqMUMLQrcgwPLvzCP_3KIUwc9xEcoo68kUDU85ZS9PCHt1lORpj7tqdxn5jNbWDjyjJMEFyEZd5JPE3Amywk_zcAmSfKG79VX26hVGsYyPavnPCutcRCbGKPZ8xbRI1SdP6j6OGmAYY/s1600/rss-icon.png) no-repeat;
}
.subscribe .rss a {
background: #F67F00;
}
.subscribe li a {
color: #FFFFFF;
display: block;
font-family: verdana;
font-size: 12px;
padding: 10px 10px 10px 40px;
text-decoration: none;
font-weight: bold;
}
.subscribe li a span {
display: block;
height: 32px;
left: 0;
position: absolute;
top: 2px;
transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
transition-property: all;
width: 32px;
}
.subscribe li a:hover span {
transform:rotate(340deg);
-webkit-transform:rotate(340deg);
}
.subscribe .twitter span {
background-color: transparent;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkcqM1uvqWo6atkrfsc4dDXaSg_34a2NonEaMQOEprw2KaDq6YHwYtZENNmTx-KyvnFsxqNBKdN5jE7X723VQmI_6IoLJWw59l62feG812EU9-XKamLUsmAlkMU5Zk1wNDpaW_egzDrU8/s1600/
twitter_icon.png) no-repeat;
}
.subscribe .twitter a {
background: #91C661;
}
.subscribe .gplus span {
background-color: transparent;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRG49-OFAJMA4WvDo0Cv8LmsqReIHSJQlH35X02bvrJdNzlMPZ_zL1mxCYHCBx_spNwSdRN099Tpbcus98EOWUVpUyCSpmLXzqWrhLXdRubb5EW5I44yBtWqTZ7q_qgIvCt1MSEYq2788/s1600/googleplus.png) no-repeat;
}
.subscribe .gplus a {
background: #D74D2F;
}
.subscribe .facebook span {
background-color: transparent;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaZoS04MERFetXQg7AKZ37DoojOP5PmvkqkFItx1j50o_TGGoTuzOrgypzzV4yf59lNLN8FHz1oqfY77R15Ct-1RiUP5hkzfo2JGJHXMAb2gwpMyAjDpU5InvXAD8pYDfcryoF1DL7788/s1600/facebook-icon.png) no-repeat;
}
.subscribe .facebook a {
background: #3B5998;
}
</style>

Butona tıkladığınız sayfanız ayrı sayfada açılır ve elimden geldiğince SEO'ya uygun hale getirmeye çalıştım.
Renkli olan bölgelere kendinize ait sayfaların linklerini eklemeyi unutmayın!

Blogunuza Sayaç eklemek isterseniz tıklayın!
Blogunuzdan Navbar ve Gadget'lerdeki anahtar resmini kaldırmak için tıklayın!