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 😄
Blogger'a "Email Aboneliği" Widgeti Nasıl Eklenir?
Ekim 31, 2017
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 😄
Kaydol:
Kayıt Yorumları (Atom)
Popüler Yayınlar
-
Eğer bir Instagram hesabınız varsa muhtemelen beğeniye ihtiyacınız da vardır. Ancak satın almaya kalksanız 1000 beğeni en ucuz 10 ₺ gibi... -
Bu mesaj sayesinde arkadaşlarınıza çok iyi bir şaka yapabilecek, onları birkaç saniyeliğine korkutabileceksiniz... -
YouTube kanalınızdan para kazanmak istiyorsanız en az 1000 aboneye sahip olmanız gerektiğini de biliyorsunuzdur muhtemelen. Ve yine yıl... -
Google'dan destek almanın onlarca yöntemi var. Ancak bu yöntem hepsinden iyi... -
Bundan neredeyse 7 ay önce yayınladığımız Whatsapp Arkadaş Trolleme yazımız çok beğenilmişti. Anladığımız kadarıyla da o yazıyı okuyan ç...
Yararlı Linkler
Hiç yorum yok:
Yorum Gönder