MEMBUAT FORM BERLANGGANAN ARTIKEL VIA EMAIL DIBAWAH POSTINGAN DENGAN STYLE UNIK

Berikut Cara Membuat Form Berlangganan via Email di bawah postingan:

1. Pada Dashboard klik more options, pilih opsi Template > Edit HTML > Proceed

2. Beri checklist pada Expand Widget Templates

3. Cari kode <data:post.body/>

4. Copy kode di bawah ini dan paste-kan di bawah kode tag <data:post.body/>, jika sudah menggunakan Read More otomatis letakkan kodenya di bawah tag kedua atau tag terakhir.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style>

form.feedburner{

margin:20px 0 0;

display:block;

clear:both;

}

.BDstyle{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6SPYT4kgkeNscPHVJTOJGmZ9bLzDIiYrNuDwXcBXLJqMYTi1ToguH_6EfIMWmzMUewbOONs60tLPrNz75P4uFNrQulNBmpADSP3Yo4CCYxgKMmLWaLEtf8nf_osQL2qfRTxgcXke8bF0_/s400/email_icon.png) no-repeat scroll 4px center transparent;

padding:7px 15px 7px 35px;

color:#666;

font-weight:bold;

text-decoration:none;

border:1px solid #D3D3D3;

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

border-radius: 4px;

-moz-box-shadow: 1px 1px 2px #CCC inset;

-webkit-box-shadow: 1px 1px 2px #CCC inset;

box-shadow: 1px 1px 2px #CCC inset;

}

.BDsubmit{

color:#666;

font-weight:bold;

text-decoration:none;

padding:6px 15px;

border:1px solid #D3D3D3;

cursor: pointer;

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

-goog-ms-border-radius: 4px;

border-radius: 4px;

background: #fbfbfb;

background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));

background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);

background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);

background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );

background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);

}

#emailwidget-outer {

-moz-border-radius: 10px 10px 10px 10px;

-webkit-border-radius: 10px 10px 10px 10px;

-goog-ms-border-radius: 10px 10px 10px 10px;

border-radius: 10px;

background: none repeat scroll 0 0 transparent;

border: 1px solid #D3D3D3;

padding: 8px;

-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:480px;

}

#emailwidget-outer:hover{

background: none repeat scroll 0 0 #FFF;

-moz-box-shadow: 1px 1px 2px #CCC inset;

-webkit-box-shadow: 1px 1px 2px #CCC inset;

box-shadow: 1px 1px 2px #CCC inset;

}

#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: 22px; 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=BlogDollar98&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='Blog Dollar'/>

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

<input class='BDstyle' 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='BDsubmit' 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=BlogDollar98' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyepfP0kMVCbZixnUpay0FGsRMhbkvlLlODdVumRgQC7DZhr8tpXRXVUYi948P5Q0qQnvGN0huEzKpfG6vJlQc_BUsU9lX4vd5viFUhUTUyzXtzw5z0bMJcXkvZBmJBQ2uyEIza8ZshSY/s1600/rss-30×43.png'/></a>

<a href='http://twitter.com/BlogDollar98' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIrUoyfNkJUrwzB6ipMiSP5Jo0Y9jSpUdkR4j2BMY_jXyYZrCRoALcoj2HJPOk9B-Z21rZp-5UDN-5e7T9BpaG-snNwtFDfs1pRc2wWrwqmWmbMHwO31XSykfwhyphenhyphenQcIYsnZfffzbgHqqY/s1600/twitter-30×43.png'/></a>

<a href='https://www.facebook.com/pages/Blog-Bintaro/444970308870610' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzslxxKZWwzhw6pUGezkAEitTiV1Ww3WIvcPQI2cgnxksEI6bDNjKOVmDdEqjlQxRGT7OZQQxj499HNEj7dTnhlszjsk6Xz0I4OFVByFpP1Tujm6Y0501AInGyrYahctbx2VlTYqg9wRU/s1600/facebook-30×43.png'/></a>

<a href='https://plus.google.com/u/0/117430266445096279185' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglaKK-PSX4Bmv9YZKk4mCrr0rbGEbVZ7qFvQlKOZ3v0OoBa4M0LFlQB_aSHuXlLKksaXMIfVpJAv16mC24mif2jq-YBoTaPX0xT1sYSA-9n8DTJqe7m0saHCtNX1p_HdQNxpFBshHJ-T8/s1600/googleplus-30×43.png'/></a>

</td>

</tr>

</tbody></table>

</div></div>

</center>

</b:if>

Keterangan: 

• Ubah  http://feedburner.google.com/fb/a/mailverify?uri=BlogDollar98dengan url Feedburner anda.
• Ubah http://twitter.com/BlogDollar98 dengan url Twitter anda.
• Ubah https://www.facebook.com/pages/Blog-Bintaro/444970308870610 dengan url facebook anda.
• Dan yang terakhir ubah https://plus.google.com/u/0/117430266445096279185dengan url Google plus anda.
• Save Template!

Source : http://blog-dollar98.blogspot.com/2012/08/membuat-form-berlangganan-di-bawah-postingan.html