Blogger E-Posta Mail Abonelik Kutusu

Blogger için hazırlanmış çok güzel eposta mail abonelik kutusu css kodları

Blogger E-Posta abonelik kutusu ile ilgili eklentimiz için gerekli kodları sizlerle paylaştık..
Yapmanız gerekenler bloggerın mevcut mail widgetını eklemek ve
]]></b:skin> Kodunun bir üstüne

/* Mail Kutusu */
.FollowByEmail .widget-content {
    padding: 20px;
    background: #226590;
    background: -webkit-linear-gradient(to left, #f3872b, #cb005b);
    background: linear-gradient(to left, #2d404c, #226590);
    box-sizing: border-box;
}
.FollowByEmail .widget-content:before {
    content: &quot;E-POSTA İLE TAKİP EDİN&quot;;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    display: block;
    font-style: normal;
}
.follow-by-email-inner {
    position: relative;
}
.follow-by-email-inner:before {
    content: &quot;E-Posta adresinizi girerek web sitemizde yayınlanan içeriklere en hızlı siz ulaşabilirsiniz...&quot;;
    font-size: 12px;
    line-height: 20px;
    margin: 14px 0;
    color: #eee;
    display: block;
    font-family: &#39;Lato&#39;;
}
.FollowByEmail .follow-by-email-inner input {
    font-family: arial,sans-serif;
}
.FollowByEmail .follow-by-email-inner td:last-child {
    margin-bottom: 0;
}
.FollowByEmail .follow-by-email-inner td {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
    width: 100%;
    height: 22px;
    font-size: 13px;
    border: 1px inset;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
    display: block;
    height: 45px;
    width: 90% !important;
    font-style: italic;
    padding: 0 10px;
    border: 0 !important;
    background-color: #fff !important;
margin-top:20px
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {
    background-color: #111;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
    cursor: pointer;
    font-size: 13px;
    z-index: 0;
border:0;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
    width: 100% !important;
    margin-left: 0;
    height: 45px !important;
    background-color: hsla(0, 0%, 0%, 0.61);
    color: #fff !important;
    font-family: inherit;
margin-top:20px
}

Bu kodları eklemeniz gerekmektedir. Daha çok eklenti için bizleri takip edin!

Google News Proje ve Kod Paylaşım Platformu
Ali Köklü

Ali Köklü

Gören göze karanlık perde olamaz, görmeyen göze ışık ne yapsın.
Kırşehir - AK 456 AEÜ - Computer Programmer

Yorumlar (2)
  1. Bloger mail widgatını artık kulanmicakmıs ne yapmalıyım

    YanıtlaSil
    Yanıtlar
    1. Merhaba Ayse,

      Blogger'ın artık mail widgetını kullanmaması bizi gerçekten üzdü. Fakat onun yerine yine Google'ın bir hizmeti olan Google Formlar hizmetini kullanabilirsiniz. Google Formlar ile kendi iletişim sayfanızı oluşturabilir, kullanıcılardan istediğiniz bilgileri yazmasını isteyebilirsiniz. Fakat sık sık Google Formları ziyaret etmeniz gerekecektir zira mail'e bilgi göndermemektedir. İletişim sayfanıza oluşturduğunuz Google Form'unuzu iframe olarak ekleyebilirsiniz. Ayrıca iletişim sayfasına mail adresinizi bırakmayı unutmayınız. Bu sayede daha hızlı geri dönüşler ve iletişimler kurabilirsiniz.

      Sağlıcakla kalın.

      Sil

Yorum Gönder

Konu hakkında yorumlarınızı bekliyorum teşekkürler.
Konunun alıntı veya yasal olmayan bir durum arz ettiğini düşünüyorsanız iletişim yolu ile bize ulaşarak bildirebilirsiniz hak ihlali durumlarında 3 iş günü içerisinde konu kaldırılacaktır.
Dipnot...!
Kırık ve eksik linki yorum olarak bildirin konu 24 saat içerisinde düzenlenecektir.

Bültenimize Abone Ol

Bültenimize abone olarak, yeni yayınlanan içerilerden haberdar olun!

İletişime Geç

Bizimle iletişime geçerek soru, istek, hata gibi bir durum hakkında yazabilirsin!

İletişim Formu