1. Login ke akun blogger.
2. Kemudian klik Template lalu pilih Edit HTML.
3. Copy kode berikut ini lalu paste di atas kode ]]></b:skin>
#evolutions-widget { background: #e9fbe9; border: 2px solid #52e052; padding: 3px 8px; margin: 20px auto; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; width: auto; box-shadow: 1px 1px 4px #52e052 inset; }
#evolutions-widget:hover { background: darkgreen; }
#evolutions-widget td { padding: 3px 0; }
form.feedburner { margin: 0px; display: block; clear: both; }
.form-email { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrylVb0cNTHxswHm-zKSbevCHkXxx45xwqLYgIAgIdTd_TrNknnRwrM7wogw52_BQk5Yb5I-bAxYll4FNfP1oaJrfNqKCSgTP3qq8oSgjjMdT4Eic6kRjIbnEg54cVz2KEJ_DCiz1_N07t/s1600/helperblogger.com-email-icon.png) no-repeat scroll 4px center transparent; padding: 7px 15px 7px 35px; color: #000; font-weight: bold; text-decoration: none; border: 1px solid #52e052; box-shadow: 1px 1px 4px #52e052 inset; }
.buttonsubmit { color: #000; font-weight: bold; text-decoration: none; padding: 6px 15px; border: 1px solid #52e055; cursor: pointer; background: #52e052; }
4. Selanjutnya gunakan CTRL+F untuk mencari kode <data:post.body/> biasanya terdapat 2 kode atau bisa lebih, sesuaikan saja dengan template blog yang anda gunakan.
5. Lalu copy kode berikut ini kemudian paste dibawahnya <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>6. Langkah terakhir klik Simpan Template.
<div id='evolutions-widget'>
<div id='emailwidget'>
<table style='border:none; margin: 0px; padding: 0px;' width='100%'>
<tbody>
<tr style='border:none; margin: 0px; padding: 0px;'>
<td align='left' style='border:none; margin: 0px; padding: 0px;'>
<p style='color:#000; font-weight: bold; font-size: 18px; margin:0px 0px 15px 0px;font-family:georgia;font-style:bold; '>
Get Update Via Email !
</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=masandes', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='masandes'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='form-email' name='email' onblur='if (this.value == "") {this.value = "Enter your email…";}' onfocus='if (this.value == "Enter your email…") {this.value = ""}' type='text' value='Enter your email…'/>
<input alt='' class='buttonsubmit' title='' type='submit' value='Submit'/>
</form>
</td>
<td style='border:none; margin: 0px; padding: 0px;'>
<p style='color:#000; font-weight: bold; font-size: 14px; margin:0px 0px 5px 0px;font-family: georgia; '>
Follow Me !
</p>
<a href='http://feeds.feedburner.com/masandes' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGgSm82QiFIBoRDg56UPo_KfoYpQwyDIkUjQF0gp2GisjdkSF3y91BLpa2iPksqnyB73TiOaXrbW-nYna60LtVnzKIiyg_ZGeHWmeYLJepEy8pybFDn3h9NdQ66GCygZsQZumGV2fR4PA/h120/Faceblog+Evolutions+%283%29.png'/></a>
<a href='http://www.facebook.com/andestyle' rel='nofollow' target='_blank' title='Follow Me on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhinmUKjlmygvuuSpFvAjXeDJRjeVW2bQd7A6T1sBxMg7sHj1yrlgTw8qpmGJvMRkvd7b6bcba9YrnAZN-TXM54O3wtEWUHk8YTA8WNtDeMOxYBQ-XIAPuNhk-NMVYZFoNcH7OGqETRmJo/h120/Faceblog+Evolutions+%281%29.png'/></a>
<a href='https://plus.google.com/106527290580119996124/' rel='nofollow' target='_blank' title='Follow Me on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif9lTvhLQ0GVz-ZhXmkuo_OKMX6kOdSswcarL6DpOuj4iKQjVUAdWcM0IMwkSeVMd87mWdTsbBqRBM6y4rWm8Ayg3ENFsTsD3k_x9dSkfksuoEfNdCCQ-8pMujexvM1GshOMJIuRJ8uaI/h120/Faceblog+Evolutions+%282%29.png'/></a>
</td>
</tr>
</tbody>
</table>
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2Fandestyle&width=450&height=21&colorscheme=light&layout=standard&action=like&show_faces=false&send=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
<span style='font-size: 8px; text-decoration: none; text-align:right;'><a href='http://mas-andes.blogspot.com' target='_blank'>[Get this widget]</a></span>
</div>
</div>
</b:if>
0 Response to "Membuat Form Email Subscribe Dibawah Posting Blog"