Blogger Yeni Abone Ol Kutusu HTML Sitene Ekle
Blogger’da abone ol kutusu olan birçok arkadaşımız vardır.Abone kutusundan blogunuza abone olan insanlara paylaştığınız postlar otomatik olarak mail yoluyla gönderilir.Bu sistemi daha hoş görünen bir hale getirebilirsiniz.
1- Hemen aşağıdaki yerde gördüğünüz kodları , ]]></b:skin> kodunun bir üstüne ekleyiniz.
/* Subscribe Box */
#subscribe-css{position:relative;padding:20px 0;background:#374760;overflow:hidden;border-top:4px solid #eee;}
.subscribe-wrapper{color:#fff;font-size:16px;line-height:normal;margin:0;text-align:center;text-transform:none;font-weight:400;width:100%}
.subscribe-form{clear:both;display:block;overflow:hidden}
form.subscribe-form{clear:both;display:block;margin:0;width:auto;overflow:hidden}
.subscribe-css-email-field{background:#415471;color:#ccc;margin:10px 0;padding:15px 20px;width:35%;border:0}
.subscribe-css-email-button{background:#3cc091;color:#fff;cursor:pointer;font-weight:700;padding:14px 30px;margin-left:15px;text-transform:none;font-size:16px;border:0;border-radius:3px;transition:all .6s}
.subscribe-css-email-button:hover{background:#37b185;}
#subscribe-css p.subscribe-note{margin:16px;text-align:center;color:rgba(255,255,255,.6);font-size:180%;font-weight:400;line-height:normal;}
#subscribe-css p.subscribe-note span {position:relative;overflow:hidden;font-weight:700;transition:all .5s}
#subscribe-css p.subscribe-note span.itatu {font-weight:400;font-style:italic;color:rgba(255,255,255,.6);text-transform:lowercase}
#subscribe-css p.subscribe-note span.itatu:before,#subscribe-css p.subscribe-note span.itatu:after{display:none}
#subscribe-css p.subscribe-note span:before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:3px;margin:10px 0 0;background:rgba(255,255,255,.1);transition:all .5s}
#subscribe-css:hover p.subscribe-note span:before{width:100%;}
2-Aşağıda gördüğünüz kodları ise , abone ol butonunu nerede göstermek istiyorsanız yerleşim kısmından HTML Ekle butonuna basıp kodları yapıştırınız.İsterseniz şablonunuzdan da herhangi biyere koyabilirsiniz.
<div id='subscribe-css'>
<p class='subscribe-note'><span>Abone Olun</span> <span class='itatu'>-</span>Yeniliklerden Haberdar Olun</p>
<div class='subscribe-wrapper'>
<div class='subscribe-form'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=felsefe1453' class='subscribe-form' method='post' onsubmit='window.open ('http://feedburner.google.com/fb/a/mailverify?uri=ArlinaDesign', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='felsefe1453'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='Email Adresinizi Giriniz'/><input class='subscribe-css-email-button' title='' type='submit' value='gönder'/></form>
</div>
</div>
</div>
DönüşümDönüşüm İfadelerİfadeler