Cara Menampilkan Follow by Email di Sidebar dan Footer Blogger - Blogger Bandung

Cara Menampilkan Follow by Email di Sidebar dan Footer Blogger. Form Subscribe RSS ini memudahkan pembaca menerima email notifikasi tentang posting terbaru di blog kita.

Desainnya seperti ini:

Cara Menampilkan Follow by Email di Sidebar dan Footer Blogger

1. Tema > Edit HTML
2. Copas kode berikut ini di atas kode ]]></b:skin>

.sidebar .FollowByEmail > .widget-title > h3{margin:0}
.FollowByEmail .widget-content{position:relative;overflow:hidden;background-color:#f9f9f9;text-align:center;font-weight:400;box-sizing:border-box;padding:20px;border:1px solid #ebebeb}
.FollowByEmail .widget-content > h3{font-size:17px;color:#141414;font-weight:700;margin:0 0 13px}
.FollowByEmail .before-text{font-size:13px;line-height:1.5em;margin:0 0 15px;display:block;padding:0 10px;overflow:hidden}
.FollowByEmail .follow-by-email-inner{position:relative}
.FollowByEmail .follow-by-email-inner .follow-by-email-address{width:100%;height:32px;color:#141414;font-size:11px;font-family:inherit;padding:0 10px;margin:0 0 10px;box-sizing:border-box;border:1px solid #eee;transition:ease .17s}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit{width:100%;height:32px;font-family:inherit;font-size:11px;color:#fff;background-color:#5873ec;text-transform:uppercase;text-align:center;font-weight:600;cursor:pointer;margin:0;border:0;transition:background .17s ease}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background-color:#090909}
.FollowByEmail {
    clear: both;
}
.footer .FollowByEmail .widget-content > h3{color:#fff}
.footer .FollowByEmail .widget-content{background-color:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.05)}
.footer .FollowByEmail .before-text,#footer-wrapper .footer .Text{color:#aaa}
.footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background:#090909}
.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address{background-color:rgba(255,255,255,0.05);color:#fff;border-color:rgba(255,255,255,0.05)}
.footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {background-color:rgba(0,0,0,0.3)}

3. Save!
4. Klik Layout > Add a Gadget > pilih HTML/Javascript
5. Copas kode berikut ini:

<h3 class='title'>
Follow by Email
</h3>
<span class='before-text'>Get all latest content delivered straight to your inbox.</span>
<div class='follow-by-email-inner'>
<form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open("https://feedburner.google.com/fb/a/mailverify?uri=xxxxxxx", "popupwindow", "scrollbars=yes,width=550,height=520"); return true' target='popupwindow'>
<input autocomplete='off' class='follow-by-email-address' name='email' placeholder='Email Address' type='email'/>
<input class='follow-by-email-submit' type='submit' value='Subscribe'/>
<input name='uri' type='hidden' value='xxxxxx'/>
<input name='loc' type='hidden' value='en_US'/>
</form>

6. Save!

Demikian Cara Menampilkan Follow by Email di Sidebar dan Footer Blogger. (Blogger Bandung).*