Eklentiyi Blogunuzda Kullanmaya Karar verdiyseniz. Blogger Kumanda Paneline Girdikten Sonra
Yerleşim > Gadge Ekle > HTML/JavaScript Gadget Yolunu İzleyerek Aşağıdaki Kodları Eklemeniz Yeterli.
<!--Blogger-mimari Metro Spinning Sosyal Takip Eklentisi-->
<div class="subscribe">
<ul> <li class="rss"><a href="http://feeds.feedburner.com/blogger-mimari" target='_blank'><span></span>RSS</a></li>
<li class="twitter"><a href="https://twitter.com/blogger-mimari" 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.mimari" 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/AVvXsEhltOMQZqhX96VxNkZokGzbFHUGUMUqmTaf9UDHSoe9dFYiedPRTMnAr2K512B44MUNi-tAvUzUinATp2bnI_YG_DGO7KohM4DhoLhRGsNok7Pgg1FubcV0EfBvFg4oJsuanEDDz-uWTvs/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/AVvXsEg0nsYoLpPQ0Thr-teQ5OkbqKkrkLphUYWXE6xGnliAp068RYPNpVYA-tN_8rGXZqv2vYxklkjlKF-N1b11TBkvfizjnL2WUfo69xjnxNuWY5u0lTEWFLF61juio1COHiEw3_UYofjP_2Q/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/AVvXsEhltOMQZqhX96VxNkZokGzbFHUGUMUqmTaf9UDHSoe9dFYiedPRTMnAr2K512B44MUNi-tAvUzUinATp2bnI_YG_DGO7KohM4DhoLhRGsNok7Pgg1FubcV0EfBvFg4oJsuanEDDz-uWTvs/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/AVvXsEhmcUsgUsXXf9metZMQEDL1hpgsrntIlG9xEhADIjRxSD1zGC8ET0QYZYrfUFOp5D7P-8UkJP0VvPblhiPsMbHpAWik-U0i0VmrQuZ6b4dmWIb_V0eE9saP4UBj30yojR0F3AIgbyBOuoY/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/AVvXsEgJ1S8lPSdyeHw92WtseP4sZqHvmT0NE6PctPub3ba7OlXlzcaDkSPQnbuL69MNlR1YA3wiPyUe-mbS150hmN-2MKBwakm2Ullp7-wLcEllObsxzUaAyP821C6WVgcLL5oMF7W5zrQWGQs/s1600/facebook-icon.png) no-repeat;
}
.subscribe .facebook a {
background: #3B5998;
}
</style>
<!--http://blogger-mimari.blogspot.com/ Sosyal Takip Eklentisi-->
Yukarda Kırmızı İle İşaretledigim Yerleri Kendi İd Giriniz. Blogger-Mimari İyi Günler Diler.
Not Bu Eklenti : Blog Hocam Blogundan Alınmışdır.
0 yorum:
Yorum Gönder
yorumunuzu buraya yazabilirsiniz