- Home>
- blogger eklentileri >
- Dönme efekli sosyal takip eklentisi
Posted by : Unknown
12 Kasım 2013 Salı
Bugün Sizlere Sosyal PayLaş Eklentisi Paylaşcam. Güzel Görünüşün Olan Bu Eklenti Blogunuza Şık Bir Görünüm Katcak, Sosyal Medai Sitemiz Hem Tanıtım Acısından Hem Trafik Kazanmamız Acısından, Yararlı Olacakdır Sosyal Media Ne Kadar, Cok Takipciniz Olursa.
Sitenizin Ziyaretci Oranı Daha, Cok Olacakdır. Bu Güzel Eklentiyi Sitenize, KoLay Bir Şekilde Yükleyebilirsiniz. Aşagıda Sizlere Anlatcagım, Uygulamayla Kolay Bir Şekilde Sitenize Yükleye Bilirsiniz.
Eklentiyi blogunuzda kullanmaya karar verdiyseniz Blogger kumanda paneline girdikten sonra
Yerleşim > Gadge Ekle > HTML/JavaScript Gadget yolunu izleyerek aşağıdaki kodları eklemeniz yeterli.
<!--Blogger-yazari Metro Spinning Sosyal Takip Eklentisi-->
<div class="subscribe">
<ul> <li class="rss"><a href="http://feeds.feedburner.com/Blogger-yazariBloggerEklentileri" target='_blank'><span></span>RSS</a></li>
<li class="twitter"><a href="https://twitter.com/BloggerYazari" target='_blank'><span></span>Twitter</a></li>
<li class="gplus"><a href="https://plus.google.com/u/0/102975544316893716314" target='_blank'><span></span>Google Plus</a></li>
<li class="facebook"><a href="https://www.facebook.com/Blogger.Yazari" target='_blank'><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/AVvXsEgbGPLmWvaAeYoPYefjRya8WCQLfv_C6JhBSLqfVFDVHG8qIztswfWAHUpO3kRnO5RDD-03epHzd8z946ZRr3PVifrg4B7tbab40gpUdeci8KriJ8mwlEedST5-hpwQRAtGfjihfO3_n0Y/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/AVvXsEhBLOzm4EXCfXfad_HR2PYhMsfx-so54pQqNbQ0K4_dOn1T58nPXYbQLxjOXhtJ3_8w0UFJjg_1QpAoJzszXN5-iWg9xGXUr4mNKAgbyDX2PZxIf3fKEtn8TtU5Mr9fiCJLmu4O40lePDA/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/AVvXsEgbGPLmWvaAeYoPYefjRya8WCQLfv_C6JhBSLqfVFDVHG8qIztswfWAHUpO3kRnO5RDD-03epHzd8z946ZRr3PVifrg4B7tbab40gpUdeci8KriJ8mwlEedST5-hpwQRAtGfjihfO3_n0Y/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/AVvXsEjG8YJRraEhUJjX11_RAS1rd5OTk4tkx2dKQKkeTo4vt9EU0Wm30lsRn_oEqVm_RRjDizBS1j4Ue3McSMdgltNalSdFdaYeaawBBxVi-J5m_5L_11jGtr4Ik6Um7d2bOhTt-ljt9rwFXNg/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/AVvXsEgJIhlwoetxzR7FOp0TFUXV5uPhAHdvQXk19ebohNe-ryXC75to3bybT9tiBAxUK537gAz0JUGAjKBSFOye9wEtDDdDSmGuD0hTvecof8hKpEGs30s2Rl1syDttPwsIjOr_VgNeL-ufuaE/s1600/facebook-icon.png) no-repeat;
}
.subscribe .facebook a {
background: #3B5998;
}
</style>
<!--http://blogger-yazari.blogspot.com/ Sosyal Takip Eklentisi-->
Kırmızı renkle gösterdiğim Blogger-Yazarı’a ait hesap adreslerinin yerine kendi adreslerinizi yazmayı unutmayın! işlemimiz Bitmişdir Blogger-Yazarı İyi Günler Diler.