Cara Menampilkan Follow by Email di Sidebar dan Footer Blogger

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

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).*

0 Response to "Cara Menampilkan Follow by Email di Sidebar dan Footer Blogger"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel