iklan banner

Blogger E-Mail Aboneliği

Blogger için yeni sosyal paylaşım adresleri ve email takip et eklentisi buna benzer daha önce bir tane daha paylaşmıştım sizlere ama bunun özelliği diğer eklentiye göre farklı renk seçenği ve 3D özelliği olması yani sosyal paylaşım simgelerin ve email kutusunun üzerine geldiğiniz efekt vermesi.Daha önceki eklenti gibi oldukça kolay yöntem ile ekliyoruz. 

Blogger Paneli>>Yerleşim>>Gadget Ekle >>HTML/JavaScript eklentisine tıklıyoruz ve Aşağıdaki kodları ekliyoruz.


<center>
<div align="center" id="bswrapper">
<div id="bs3Dsubscriptionbox" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 270px;">
<h3 id="bstext" style="color: white; font-size: 20px;">
YENİ YAZILAR İÇİN TAKİP</h3>
<p>
<form action="http://feedburner.google.com/fb/a/mailverify"
method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?url=Pcmerkez', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<a class="bs3D+social-icons" href="https://facebook.com/
pcmerkez"><img src="http://1.bp.blogspot.com/-MAdyvVEZE3Q/Ucf8K319T6I/AAAAAAAACII/yJC_Oojnt7w/s1600/BloggerTurkey+3D-facebook.png" /></a>
<a class="bs3D+social-icons" href="https://twitter.com/
pcmerkez"><img src="http://1.bp.blogspot.com/-GThDeITkkac/Ucf8Lsl0wbI/AAAAAAAACIY/XKn4CGzOETY/s1600/BloggerTurkey+3D-twitter.png" /></a>
<a class="bs3D+social-icons"href="http://feeds.feedburner.com/Pcmerkez
"><img src="http://1.bp.blogspot.com/-DZS3YTlu_Yg/Ucf8LDhJUeI/AAAAAAAACIM/HYEu2bCWD0U/s1600/BloggerTurkey+3D-rss.png" /></a>
<a class="bs3D+social-icons" href="http://feedburner.google.com/fb/a/mailverify?uri=Pcmerkez
"><img src="http://4.bp.blogspot.com/-JWRD_FJYhzc/Ucf8K6vqcVI/AAAAAAAACIQ/IbJ5oA2aCBM/s1600/BloggerTurkey+3D-email.png" /></a></p>
<input class="email" id="bs3DSubscriberemail" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="E-Mail Adresini Yaz" /><br />
<div class="
Pcmerkez" style="clear: both; text-align: center;">
</div>
<input name="uri" type="hidden" value="
pcmerkez" /><input name="loc" type="hidden" value="en_US" /> <input id="bsText" style="height: auto; padding: 5px 0;" type="submit" value="Yolla" /></form>
</div>
</div>
</center>
<style>
a.bs3D+social-icons {margin-right: 5px; height:40px;width:40px;}
a.bs3D+social-icons:hover {opacity: .7;filter:alpha(opacity=70); }
#bs3Dsubscriptionbox {margin: 0px;padding: 10px;background: #11CCEF;
background: -moz-linear-gradient(top, #11CCEF, #036);background: -webkit-gradient(linear, left top, left bottom, from(#11CCEF), to(#036));height: auto!important;color: white !important;padding: 20px 15px !important;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px;
margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#bs3Dsubscriptionbox p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;
padding: 5px;border: none;}#bs3Dsubscriptionbox input.name {
background: white url(http://4.bp.blogspot.com/-YYfhLg1uWRM/UaBSCu8fdlI/AAAAAAAADF0/6MJNkw3wSk4/s320/bs+subscribe-icon.png) no-repeat center right;}
#bs3Dsubscriptionbox input[type="text"] {border: 1px solid #111 !important;
font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;}
#bs3Dsubscriptionbox input.email {background: white url(http://2.bp.blogspot.com/-GpCR7VhL_ys/UaBKf2Uz6oI/AAAAAAAADEg/OmFBUOwU1Fg/s1600/subscribe-BS+email.png) no-repeat center right;}#bs3Dsubscriptionbox input {
font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#bs3Dsubscriptionbox h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !important;
font-weight: bold !important;line-height: 26px !important;letter-spacing: normal;
text-transform: none;text-decoration: none;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif;
border: none;padding: 0px !important;float: none;}input:hover[type="submit"] {
background-color: #11CCEF;border: 1px solid #11CCEF;color: white;text-decoration: none;}input[type="submit"] {background-color: #11CCEF;border: 1px solid #11CCEF;
color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input {
color: #333;font-family: 'Droid Sans', sans-serif;}#bs3Dsubscriptionbox input[type="submit"] {background: #11CCEF url(http://1.bp.blogspot.com/-GjEyooF48RU/UaBKf96-dsI/AAAAAAAADEc/XzoaoVz4ZbI/s1600/BS+Button.png) repeat-x top;border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important;
padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;}
#bs3Dsubscriptionbox input[type="submit"]:hover {color:#333333;}</style>
 - See more at: http://www.bloggerturkey.com/2013/06/blogger-3d-email-kayt-ve-sosyal-butonlar.html#sthash.lLQhgLWT.dpuf
Previous
Next Post »

2 comments

Click here for comments
3 Ağustos 2013 19:48 ×

guzel bir abonelik kutusu

Reply
avatar
4 Ağustos 2013 08:58 ×

Evet Hem Sosyal Butonlar Hemde Abonelik kutusu...

Reply
avatar
iklan banner