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

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!

Bu konuya okuyucular tarafından toplam 2 yorum yapılmıştır. Sende hemen buraya tıklayarak yeni yorum yapabilirsin.

  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

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.

Takip edebileceğiniz bağlantılar :