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!