Sosyal Ağ Destekli E-mail Abone Eklentisi

Blogger için düzenlenmiş ve son derece kullanışlı olan bir eklenti'den bahsetmek istedim. Mail abonelerinizin sayısını arttırmak için temanıza uygun formlardan faydalanmanız gerekir. Bir çok çeşidi olan e-mail abonelik eklentilerine bugün beğendiğim ve daha önce kullandığım sosyal ağ destekli şeklini göstermek istiyorum. Blog sayfanıza eklemesi ve kendinize göre uyarlaması oldukça kolay olan bu eklenti için yapmanız gereken tek şey Gadget ekle - html/javascript yolunu takip ederek aşağıdaki kodu eklemektir. Gerekli düzenlemeleri yaptıktan sonra sosyal ağ hesaplarınızı da beraber barındırdığınız hoş görünümlü bir forma sahip olacaksınız.

Kırmızı ile belirttiğim alanları kendinize göre uyarlamanız gerekiyor. Kod bilginiz varsa bazı değişiklikler yaparak blog sayfanıza göre şekilllendirebilirsiniz.

<div dir="ltr" style="text-align: left;" trbidi="on">
<style>
#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}
.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwLycUr_LyXuJnvRQbK-qHcta43cUeN84pmdmJYM3nxXvXeNEEIQAjloKtDbolnSenCeslsp2d_DJchFd7IU9B0F06KV0MHGM-xEei0ePCvB0vsPWP_5yHIY2FGnDoBbcWLWq4ilA3ySk/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}
.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}
.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinPNVh40PkUji6EtDE2uBDyJRH1Z1vnncnebm84oSTlLYBauZacjeo2-2Djno_7nYhyNmIIqt6VpdFhvpM6cyKlQh8TfNHE7yLs08wx7p_Z7S1_My2IlETLyobXz3KzsSE7bOpPNFhPkk/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}
.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}
.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}
.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}
#footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}
a.social-icons{margin-right: 5px;height:45px;width:45px;}
a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}
</style>
<br />
<div id="sidebar-subscribe-box">
<div class="sidebar-subscribe-box-wrapper">
<br />
<a class="social-icons" target="_blank" href="facebook url"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0Et7bq8Rg_4g1Iszh-gsFvapCFqW0Tiyf-2EHanqdeNJJi73hlIXuEZWhR86rHJOv5_rC2d8rbHaxYv3lwqlT4nqqoz3CFVoQL4a8hKUqRT2GN2VNjzk9whYunMHQm4GPUcTreXc8r2lC/s1600/Bloggertrix-facebook.png" /></a>
<a class="social-icons" target="_blank" href="twitter url"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYodKASkRDKDQU0XTo98c1LQ-9u4iFx4QayyO3o5ELeyAeAx_fe9CbXAM7SUOH5ucUq3VuUlSJwVfgMYdhHV_qH0qKpfa7vNZX5MLV1R6rUZnl_bzXXA1OFnBJGT95HhLmrTj_DaEl9kr7/s1600/bloggertrix-twitter.png" /></a>
<a class="social-icons" target="_blank" href="google+ url"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNiLg1l_B-6rkW9OXNLQkZH8_PYi7op2-LFL0nMY5ufACSeQqpyWfzxrmjrC5RMcdDlX5hIbkVVLoW_DvQafHAdqdWtZ2oneCq5_6qArodyti2FKSJ9yA8uD4kWNF4PLUdJZTgrDidC-rQ/s1600/Bloggertrix-Googleplus.png" /></a>
<a class="social-icons" target="_blank" href="rss url"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCxfiQURSrchn7mFG7fhwY63iT9kwsxXbG8JRD7GU9AsmgNcO4afDbLwLd1Uzum-iYLc9KVoa6TuUEiHkL5cfjR6QyIf2J9NALTVYG6zzz8kfvmP4hJBQxMoMA8UES6sDNrxoFzEb2e4PZ/s1600/Bloggertrix-Rss.png" /></a>
<br />
YENİ YAZILARIMIZDAN İLK SEN HABERDAR OL!<br />
<div class="sidebar-subscribe-box-form">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=dogushakanyilmaz" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=dogushakanyilmaz', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="dogushakanyilmaz" />
<input name="loc" type="hidden" value="tr_TR" /><input autocomplete="off" class="sidebar-subscribe-box-email-field" name="email" placeholder="E-Mail Adresiniz ..." />
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Abone Ol!" /></form>
</div>
</div>
</div>
</div>