Masih seperti artikel kemarin tentang modifikasi form feedburner, kali ini saya akan berbagi modifikasi form feedburner yang bisa di letakkan di bawah postingan blog.

1. Login blogger
2. Template > edit html
3. cari kode <data:post.body/> dan letakkan kode css dan html berikut di bawah <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
form.feedburner{
margin:20px 0 0;
display:block;
clear:both;
}

.style{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNwxNs29mbh7ivviqLMG40CSbDdPvnYsDk_L8wwszMFm00e3nfmZGGxK8qw6XTAEsgH_pgCofNyKqf-V44WSf0ra4qeR1woE5GsJn-D87kXrfdJMakCpCCn6cPK4aoFK5LZm7YkWrdVGY/s1600/email-icon.png) no-repeat scroll -8px center #fff;
padding:7px 15px 7px 35px;
color:#666;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
} .submit{
background-color:#ffc477;
-webkit-border-top-left-radius:20px;
-moz-border-radius-topleft:20px;
border-top-left-radius:20px;
-webkit-border-top-right-radius:20px;
-moz-border-radius-topright:20px;
border-top-right-radius:20px;
-webkit-border-bottom-right-radius:20px;
-moz-border-radius-bottomright:20px;
border-bottom-right-radius:20px;
-webkit-border-bottom-left-radius:20px;
-moz-border-radius-bottomleft:20px;
border-bottom-left-radius:20px;
text-indent:-3.44px;
border:1px solid #eeb44f;
display:inline-block;
color:#ffffff;
font-family:Arial;
font-size:16px;
font-weight:bold;
font-style:normal;
height:27px;
line-height:27px;
width:86px;
text-decoration:none;
text-align:center;
}

#emailwidget-outer {
background: none repeat scroll 0 0 #fff;
border: 1px solid #D3D3D3;
padding: 8px;
width:520px;
}

#emailwidget-outer td{
padding:3px 0;
}

</style>
<center>
<div id='emailwidget-outer'>
<div id='emailwidget'>
<table style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;' width='100%'>
<tbody>
<tr style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
<td align='left' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'> <p style='color:#666; font-weight: bold; font-size: 18px; margin:0px 0px 5px 0px; '>Get free daily email updates!</p>

<form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=mig33eagle&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'>

<input name='uri' type='hidden' value='mig33eagle'/>

<input name='loc' type='hidden' value='en_US'/>

<input class='style' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email…&quot;;}' onfocus='if (this.value == &quot;Enter your email…&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your email…'/>

<input alt='' class='submit' title='' type='submit' value='Submit'/>
</form>
</td>

<td style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'><p style='color:#666; font-weight: bold; font-size: 14px; margin:0px 0px 5px 0px; '>Follow us!</p>

<a href='http://feedburner.google.com/fb/a/mailverify?uri=mig33eagle' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSfIBFX64XAFUqoQ3T6uXHHeuH5ej_luCZukluMF05IChVXyi6ScV15U_htzwcnBvYbxpBsy3nDWDEGLLhqSMLUHeu5AYFvcz-JmjUUVG2uxD7JhTUPW8VsZMp8gLHCwcwlwrnNKSv8e8/s200/rss.png'/></a>

<a href='http://twitter.com/mig33eagle' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJBovb5LCO_w3N6camwtYxxA8lfMGB-P0OoWyuEM0q59KP0nfg_-1aSQDiWjColLzvt_Vh5g6dqpiOGmmS42lVxSCCUjpvsi00b0UPODYZWLH_poFdXCV8PSrvR2vLFP1GexkWMVA6o8w/s1600/twitter.png'/></a>

<a href='https://www.facebook.com/pages/Mig33-Eagle/327653677253564' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLTs0GPuMZDz4WdHToJm2IBGkSvZnff5-LSA4fnCjS_xKsriZMbmHBtEGe7x4Xfx_Y6FSLpRKgWqrftW_vK0nvjmfMaCVHAF5vaLLPz4i1H3BiUl2t0U2FfHxTnggHeWH_1rimPSbzp5I/s200/facebook.png'/></a>

<a href='https://plus.google.com/u/0/+AshNareswari/posts' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVNGTIca0Qo8iXEQV8VkLydCVuiZSeCwpuAO-FF43EdW_n9ccRbP3-qsHqDpeN7rPLrYcOk0VR7EoXNJct9ErRXKGKUdgglE-qtY8ZUl2Zte2WW2DAKvRY8hqhpx95ie_kBbUHir_Gtk4/s1600/google+.png'/></a>

</td>
</tr>
</tbody></table>

<div align='right'><span style='font-style: italic; font-size: 8px; color: solid #3333FF;'><a href='http://www.mig33eagle.com/2014/02/form-feedburner-di-bawah-post-blog.html' style='text-decoration: none;' target='_blank'><font color='#3333FF' decoration='none'>Get this widget</font></a></span></div>
</div></div>

</center></b:if>

4. Simpan template

note:
Ganti yang berwarna di kode atas dengan akun sosial anda.

Hasilnya: