Arama

Arşiv

RayHaber

Blogger Abone Ol Eklentisi - 2017

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("http://3.bp.blogspot.com/-qXV1qRPIjHY/UbqjmHPAHzI/AAAAAAAACUE/7_sAZf8tHLY/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(&apos;http://feedburner.google.com/fb/a/mailverify?uri=[2798941044762483104]&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);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>

Hiç yorum yok:

Yorum Gönder