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

Ana Sayfa
/
Blogger Kodları
/
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 😄

Devamını Oku •••

Yönetici

Ekim 31, 2017

Blogger

Blogger Kodları

Hazır Kodlar

Webmaster İpuçları

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 😄

Yazıyı Paylaş;

Devamını Oku •••

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

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

Hiç yorum yok:

Yorum Gönder

YENİ! Puan Hesaplama Aracı

Bu Blog'da Ara

E-Mail ile Takip Et

Etiketler

Popüler Yayınlar

Yararlı Linkler