Blogger Modern E-Posta Abonelik Eklentisi

 İnternette kendi blogunuz için E-Posta Abonelik Eklentisi ararken bir çok siteye denk gelmişsinizdir. Bu sitelerde paylaşılan kodların hepsini unutun bu yazımda vereceğim kodu sitenize ekledikten sonra başka bir eklenti kullanamyacaksınız.

 Blogger yönetim paneline giriş yapıyoruz. Tema>HTML'yi Düzenle yolunu izliyoruz. Kod bölümüne erişince Ctrl+F kombinasyonu ile ]]></b:skin> kodunu aratıyoruz ve hemen üzerine aşşağıdaki kodu ekliyoruz.

/* 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%;}

 Temayı kayıtekten sonra yine Ctrl+F ile </body> kodunu bulup onun üzerinede aşşağıdaki kodu ekliyoruz.

<div id='subscribe-css'><p class='subscribe-note'><span>ABONE OL</span> <span class='itatu'>VE</span>YENİ YAZILARDAN HABERDAR OL.</p><div class='subscribe-wrapper'><div class='subscribe-form'><form action='http://feedburner.google.com/fb/a/mailverify?uri=Blogİsminiz' class='subscribe-form' method='post' onsubmit='window.open ('http://feedburner.google.com/fb/a/mailverify?uri=Blogİsminiz', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><input name='uri' type='hidden' value='Blogİsminiz'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='E-POSTA ADRESİNİZ'/><input class='subscribe-css-email-button' title='' type='submit' value='submit'/></form></div></div></div>

NOT: 2. Kod içerisindeki BlogAdınız yazısını kendi blog adınızla değiştirmeyi unutmayın.