Blogger'a "Email Aboneliği" Widgeti Nasıl Eklenir?

Blogger'a şık görünümlü email abonelik widgeti nasıl eklenir?

Öncelikle Blogger'da YerleÅŸim sekmesinden yeni HTML widgeti ekleyin. BaÅŸlık kısmına istediÄŸinizi yazın. İçerik kısmına ise ÅŸu kodları yazın;

<style> .md-mail { height:40px; width:300px; border-radius:15px; padding: 0 35px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); background:url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_email_black_24px.svg) no-repeat right center; background-position:10px; background-color:#cfd8dc; } .md-mail, .md-mail:focus, .md-mail:active, .md-button1, .md-button1:focus, .md-button1:active{ border:none; outline:none; }{ outline:none; border:none; } .md-button1{ height:36px; border-radius:30px; padding: 0 12px; background: #e91e63; color:#ffffff; align-items: center; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); margin-top:2px; } .md-button1:active{ box-shadow: 0 3px 10px rgba(0,0,0,0.16), 0 3px 10px rgba(0,0,0,0.23); } </style> <form style="text-align:center;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.openundefined'https://feedburner.google.com/fb/a/mailverify?uri=TeknoBurgerBlog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Mail Adresiniz:</p><p><input type="text" class="md-mail" style="width:140px" name="email"/></p><input type="hidden" value="TeknoBurgerBlog" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" class="md-button1" value="Takip Et" /></form>

Bu kod içinde benim kırmızı ile belirttiğim yere FeedBurner adınızı yazın. Bunu böylece kullanabilirsiniz.
Sonraki yazıya kadar sağlıcakla kalın 😄