Cara Memasang Berlangganan Form Artikel di Bawah Postingan Blog

Print Friendly and PDF

Salam kompak buat pembaca blog,kali ini saya akan berbagi bagaimana Cara Membuat Berlangganan Form Artikel di Bawah Postingan Blog oke kalian ada yang tau apa itu Berlangganan From Artikel , yaitu biasanya kita berlangganan artikel artikel dari blog itu yang akan otomatis di kirim ke email kita . nah di sini saya akan ajarkan tentang bagaimana cara membuat Cara Membuat Berlangganan Form Artikel di Bawah Postingan Blog ya ini saya bagikan buat para pemula,bagi yang sudah pakar tolong yah dikasi tau juga barangkali dalam penulisan atau ada scrip yang salah silahkan layangkan kritik dan sarannya di kotak komentar,oke langsung ajah kita menuju tkp.


Jika ada yang tertarik silahkan ikutin caranya dibawah ini:
Tutorial Cara Membuat Berlangganan Form Artikel di Bawah Postingan Blog
Login ke akun blogger.com
Pilih Template kemudian Edit HTML
Bila sudah sekarang kalian cari kode seperti <data:post.body/>
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 yang ke tiga


  <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/AVvXsEjXn2kVcgk9MlxulzRW2JA66yBN72GtdyJbQ5HW-lIbGLqtWBlVVSBYRwoUN4kkqp1wCeWBMnavFhVPCSgGdf0zVhsO6FTaUiKHQJ9p3-03Pf_aqYyGUWXXQyPNzwG_WfjhjXNyi5NdQHAL/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://feeds.feedburner.com/blogspot/AokfsR?uri=aldencre4tivity' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHtdqKV13fOqN1-u-aR-kLzaqKwkTT4dYs0PLxx0FvGPrVM3dpAtthg5-YhYOcxvqVSL8-3Db5HqTxC67ddp9nPBDMrkryYsKBYNvs9c5-WjweFqEoJek5ZGwkH9CuzeT2yCAYrGGCsxQ/s1600/rss-30×43.png'/></a>
<a href='
http://twitter agan.com' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNZ0yfXSS36OHz-rI_iVJRXAXVU_IUJMwVDU1yHlsx4hCLW7JITR6wxu3o8Rt_U2zSxbaGNils7GmVmt5AuoyozKYMteTEWOm6VQ4SvnOjaxMC4O0l9kG1JOEE42OnQ4yEZb2jtkKPVFk/s1600/twitter-30×43.png'/></a>
<a href='
http://www.facebook agan.com' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitF2ISg-QV_0UyxhBws4OhQ1QZicI8yr3SSPigLmsyg7WK2Z01fDfKP4uI5Mt0MPMY9jqnF8OcAkNepguiqB2rA0ZPEinzWgfYbbl-BrXP-83SjSPJLF1aXDb0qx6T2Fi78XFn8iE1Wic/s1600/facebook-30×43.png'/></a>
<a href='
https://plus.google agan.com' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNZJNv2_31g_ZTUYZocZ7xSEzTuapZTUGHbz2d0dK-QdIDOJKylic4i2xANz0u1H4mFj2ZlKMaY13wSrHCgS3KAAOh4zblHwjZHjLVtO_MIqylPjq9EsVHkCEImIgbg960P5DMc9NbLrA/s1600/googleplus-30×43.png'/></a>
</td>
</tr>
</tbody></table>
</div></div>
</center>
</b:if> 

Keterangan :
warna merah : http://feeds.feedburner.com/blogspot/AokfsR ?uri=aldencre4tivity bisa kalia ganti dengan alamat feedburner anda
warna kuning : http://twttier agan.com ganti dengan alamat twitter kalian
warna hijau : http://facebook agan.com ganti dengan alamat fanspage kalian
warna biru : https://+google agan.com ganti dengan alamat Google + kalian

simpan atau save template kalo semuanya sudah selesai , dan kalo kalian mengalami masalah coba ulangi lagi dari atas sampe bawah takut ajah ada yang ketinggalan harus teliti yah kawan :)
terima kasih .


Previous
Next Post »

WARNING..!! Etika BERKOMENTAR di Blog all's well :

a. Gunakanlah Perkataan yang Baik, Ramah dan Sopan
b. Komentar SPAM akan all's well HAPUS setelah direview
c. Komentar NEGATIF & RASIS akan Segera di HAPUS
d. Dilarang Menambahkan "LINK AKTIF" dalam Komentar

Note: "ANDA SOPAN KAMI PUN SEGAN" (all's well) ConversionConversion EmoticonEmoticon

Our Gallery