 |
| Bogger Eklentileri - Takip Et Kutusu |
Blogger Eklentileri konusunda sizin için takip et butonları arasında en uygununu tercih edebilmeniz amacıyla sizlere tüm takip et kutu örneklerini sunmaya çalışıyorum. Sadık ziyaretçi elde etmek isteyenler umarım içlerinden birini beğenip kullanırlar
Blogger Takip Et Eklentisi Demo :
Blogger Takip Et Eklentisi Kodlar Üzerinde Yapmanız Gereken Değişiklikler :
- Blogger takip et kutusu eklentisi kodları içerisinde bulunan link kodlarını CTRL+F yardımıyla bulup kendi kullanıcı isimleriniz ile değiştirin.
<a href="http://twitter.com/ Bloggerblog_" class="twitter" title="twitter">Twitter</a>
<a href="http://facebook.com/ BloggerDersleri" class="facebook" title="facebook">Facebook</a>
<a href="http://www.linkedin.com/pub/blogger-dersleri/51/264/847" class="linkedin" title="linkedin">Linkedin</a>
<a href="https://plus.google.com/117069198363134832012/" class="googleplus" title="Google Plus">Google Plus</a>
<a href="http://feeds.feedburner.com /bloggerdersleri/MOiP" class="rss" title="rss">RSS</a>
<a href="http://www.youtube.com/youtubeid" class="youtube" title="youtube">YouTube</a>
<a href="http://www.bloggerdersleri.com" class="mixsocial" title="Hakkımda">Hakkımızda</a>
- Kodlar içerisinde blogger-dersleri olarak belirlenmiş alana kendi FeedBurner kullanıcı adını yazmanız gerekiyor.
- FeedBurner RSS ayarlarını yapmadı iseniz buradan yaralanabilirsiniz :
- Blogger İçin FeedBurner RSS Ayarı
- Blogger İçin FeedBurner RSS E-Posta Aboneliği
Blogger Eklentiler - Takip Et Kutusu - 8'i Bir Arada Kodlar
<style>
#exeideasbody {
background:#f8f8f8;
margin:0 0 40px 0;
padding:10px;
border: 3px outset #ff0000; -moz-border-radius: 10px; border-radius: 10px;
overflow:hidden;
font-size: 14px;
}
.spinning_icons a{
width:36px;
height:36px;
display:inline-block;
text-indent:-9999em;
background-position:0 0;
background-repeat:no-repeat;
z-index:2000;
overflow:hidden;
}
.spinning_icons a:hover{
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transition: transform 0.2s ease-out;
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition: -moz-transform 0.2s ease-out;
}
.twitter{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk6PXHEbjTPVBx_wpl2GUOEBruYvd-VYj8QyQdsZtYQ64OK0SQGAPxnXsyoloLlXvr3MmK3sGZyxSdWTwvCm_8on17_0u20Px7bVLF6RSIPPi-Jy7EV7pVcVOILGWsfnlVpi5HwBJmddo/s0/twitter.png'); }
.facebook{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbZqReCX0J4SBpXAeqi_C35WYkTdyTZ30PSsrWCCAjQySqNL6PRTAsYfAUNj-HAtd81tBVHj9R0poHEjcltnhjXHNof2kfJ2z7IZ08oa0ZhgE91-Tt_o8x0Wy7rmplGhwI2C6wQOBykI0/s0/facebook.png'); }
.linkedin{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvFqWNyJinUy_xvLOHEH7Peo1tX_5DbmT_qUvKqTN2dGr8vHAQI9648-rwHc7La2Wp-Zz30ECGvYRJ36hY4vRLyxmnGp-MJq_FudtcrP38lzNNMs1cMHIrxXsKAgogulyEeKHOqbm6Uvc/s0/linkedin.png'); }
.rss{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3kbBt4w-T0UWzzetnkUo8dHOzbWLVag-xMjsJJbXYcGzpXc-kze5vGnG2nBuTqqb7py4IXMiPR8YOwyQ7QqMAuATurNbeuw4Jmz5326manlgu4iG-3KofwbxMLOz1Ue_ytSs7nhx1n5g/s0/rss.png'); }
.youtube{ background:url('https://lh6.googleusercontent.com/-EjnvqvxdSIQ/T40l3XSfhlI/AAAAAAAAB9s/4VnPEZgDXSQ/s32/YouTube.png'); }
.googleplus{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnEliIh9svqhOROS9w26jZkMU6ZoqztcJU4kMXgIdtmh-Yj77kuOM8MzoNKmSeqr0XjkEEMnIINCIoPszYVOo5gKqXDkv3dcuZmdgDSe2bn-kZJ4zAny2CA01qOzQTOYEsXeMLapj_KMY/s0/gplus.png.png'); }
.mixsocial{ background:url('https://lh6.googleusercontent.com/-xcHvGi2TpZk/T6jP9vrvTMI/AAAAAAAACGg/7mFW9zJeCic/s32/myspace.png'); }
#email-news-subscribe .email-box{
padding: 5px 10px;
font-family: "Arial","Helvetica",sans-serif;
height:35px;}
#email-news-subscribe .email-box input.email{
background:#FFFFFF;
border: 1px solid #dedede;
color: #999;
padding: 7px 10px 8px 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
border-image: initial;
font-family: "Arial","Helvetica",sans-serif;}
#email-news-subscribe .email-box input.email:focus{color:#333}
#email-news-subscribe .email-box input.subscribe{
background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00));
background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
-pie-background: linear-gradient(270deg,#ffca00,#ff9b00);
font-family: "Arial","Helvetica",sans-serif;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #cc7c00;
color:white;
text-shadow:#d08d00 1px 1px 0;
padding:7px 14px;
margin-left:3px;
font-weight:bold;
font-size:12px;
cursor:pointer;
border-image: initial;}
#email-news-subscribe .email-box input.subscribe:hover{
background: #ff9b00;
background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00);
background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00));
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
outline:0;-moz-box-shadow:0 0 3px #999;
-webkit-box-shadow:0 0 3px #999;
box-shadow:0 0 3px #999
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00));
background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%);
-pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #cc7c00;
color:#FFFFFF;
text-shadow:#d08d00 1px 1px 0}
</style>
<!--[if IE]>
<style>
#email-news-subscribe .email-box input.subscribe{
background: #FFCA00;
}
</style>
<![endif]-->
<center id="exeideasbody">
<div class="spinning_icons">
<a href="http://twitter.com/ Bloggerblog_" class="twitter" title="twitter">Twitter</a>
<a href="http://facebook.com/ BloggerDersleri" class="facebook" title="facebook">Facebook</a>
<a href="http://www.linkedin.com/pub/blogger-dersleri/51/264/847" class="linkedin" title="linkedin">Linkedin</a>
<a href="https://plus.google.com/117069198363134832012/" class="googleplus" title="Google Plus">Google Plus</a>
<a href="http://feeds.feedburner.com /bloggerdersleri/MOiP" class="rss" title="rss">RSS</a>
<a href="http://www.youtube.com/youtubeid" class="youtube" title="youtube">YouTube</a>
<a href="http://www.bloggerdersleri.com" class="mixsocial" title="Hakkında">Hakkımızda</a>
</div>
<div id="email-news-subscribe">
<div class="email-box">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri= blogger-dersleri', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input class="email" type="text" style="width: 150px; font-size: 12px;" id="email" name="email" value="E-Posta Aboneliği.." onfocus="if(this.value==this.defaultValue)this.value='';"onblur="if(this.value=='')this.value=this.defaultValue;" />
<input type="hidden" value=" blogger-dersleri" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input class="subscribe" name="commit" type="submit" value="E-mail İle Takip" />
</form>
</div>
</div>
</center>
Yorum Gönder