Blogger Abone Ol Eklentisi
Merhaba arkadaşlar şık bir abone ol kutusudur. Kendinize göre düzenleyip Yerleşim-Gadget ekle yaparak kullanabilirsiniz. Css kodları içindedir. Direk kullanabilirsiniz.
<style type="text/css">
.hbzsub {
background-color: rgb(87, 98, 105);
width: 100%;
height: 100%;
padding: 5px;
box-shadow: 0px 0px 5px rgb(87, 98, 105);
}
.hbzform-inner {
text-align: center;
color: rgb(255, 255, 255);
font: bold 16px "trebuchet MS","Tahoma";
}
.hbzemailform {
width: 240px;
margin: 10px auto;
}
#hbzemailbox {
background-color: #798187;
color: #0000CD;
width: 208px;
border: 1px solid #697780;
padding: 15px;
text-align: center;
height: 18px;
box-sizing: content-box;
}
#hbzemailbutton {
background-color: rgb(243, 93, 92);
border: 1px solid rgb(215, 84, 83);
color: #FFFFFF;
width: 240px;
font: bold 16px "trebuchet MS","Tahoma";
padding: 15px;
text-align: center;
height: 50px;
margin: 10px auto;
cursor: pointer;
}
#hbzemailbutton:hover {
background-color: #E64C4B;
border: 1px solid #BF4A49;
}
.hbzsignup-form {
margin-top: 15px;
}
.hbzsocial-icons {
overflow: hidden;
text-align: center;
border-bottom: 1px solid rgb(133, 133, 133);
width: 230px;
display: block;
margin: 20px auto;
}
.hbzsocial-icons ul {
margin: 0px auto !important;
text-align: center;
padding: 0px !important;
display: inline-block;
}
.hbzsocial-icons ul li {
background: transparent none repeat scroll 0% 0% !important;
border: medium none !important;
float: left;
list-style-type: none !important;
padding: 0px !important;
margin: 0px 2px !important;
}
.hbzsocial-icons ul li::before,
.hbzsocial-icons ul li::after {
display: none !important;
}
.hbzsocial-icons ul li a, .hbzsocial-icons ul li a:hover {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ-jTItwEDL_kM_ZuJrsbyS66Q0oEA_8nfohGc4hzsVz-GadEL3NVNGfomSICzgWc2TTKxGe6IW9qy3UCtjHQTBqlfpxW2wpPxyv-O-36LZ-Cf69PNaCrCYxdXV39adpUqcjdSVzKJoeZh/s1600/sprite_32x32.png") no-repeat scroll 0 0;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
display: block;
height: 34px;
overflow: hidden;
text-indent: -999px;
transition: all 0.25s linear 0s;
width: 34px;
}
.hbzsocial-icons ul li.social-facebook a {
background-position: -62px 1px;
}
.hbzsocial-icons ul li.social-facebook a:hover {
background-color: #3b5998;
}
.hbzsocial-icons ul li.social-twitter a {
background-position: -254px 1px;
}
.hbzsocial-icons ul li.social-twitter a:hover {
background-color: #00aced;
}
.hbzsocial-icons ul li.social-gplus a {
background-position: -95px 0px;
}
.hbzsocial-icons ul li.social-gplus a:hover {
background-color: #dd4b39;
}
.hbzsocial-icons ul li.social-pinterest a {
background-position: -159px 1px;
}
.hbzsocial-icons ul li.social-pinterest a:hover {
background-color: #cb2027;
}
.hbzsocial-icons ul li.social-rss a {
background-position: -190px 0px;
}
.hbzsocial-icons ul li.social-rss a:hover {
background-color: #F87E12;
}
</style>
<div class="hbzsub">
<div class="hbzsocial-icons">
<ul>
<li class="social-facebook"><a href="[Fb url]" target="_blank" title="Facebook">Facebook</a></li>
<li class="social-twitter"><a href="[Twitter url]" target="_blank" title="Twitter">Twitter</a></li>
<li class="social-gplus"><a href="[Google+ url]" target="_blank" title="Google+">Google+</a></li>
<li class="social-pinterest"><a href="[Pinterest url]" target="_blank" title="Pinterest">Pinterest</a></li>
<li class="social-rss"><a href="[RSS url]" target="_blank" title="RSS">RSS</a></li>
</ul>
</div>
<div class='hbzsignup-form'>
<div class='hbzform-inner'>
<h4>Yeni Yayınlardan Haber Almak İçin Abone Olun</h4>
</div>
<div class='hbzemailform'>
<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=[2798941044762483104]', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='[Your Blog uri]'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='hbzemailbox' name='email' required='' type='text' placeholder='E-Posta'/>
<input id='hbzemailbutton' title='' type='submit' value='Abone Ol'/>
</form>
</div>
</div>
</div>