Pasang Widget 'Berlangganan Via Email' di Bawah Postingan Pasang Widget 'Berlangganan Via Email' di Bawah Postingan

  Widget ini pasti akan meningkatkan jumlah subscribers blog anda. jika Anda menulis postingan dengan baik dan anda mengharapkan lebih banyak jumlah pelanggan maka widget ini pasti akan sangat membantu anda. Karena widget ini berisi formulir seperti berlangganan email, tombol facebook, tombol follow twitter dan beberapa ikon sosial yang indah di sebelah kanan widget. widget ini dapat di pasang dengan mudah haya  dalam satu langkah bro :D, Anda hanya perlu copy dan paste kode di bawah ini ke template blog anda. Nah Sekarang mari kita lihat bagaimana untuk menambahkannya ke blog blogger?

Bagaimana cara menambahkan Widget Subscriber di Bawah Postingan ?

• Pertama anda pergi ke Blogger Dashboard dan klik tab Template, Saya sarankan backup dulu templatenya

• Klik pada Edit HTML, Karena editor HTML yang baru maka kita tidak perlu centang Expand Widget Template

• Cari kode  ini pada template Anda <data:post.body/>
                                        <div style='clear: both;'/>
                                        <!-- clear for photos floats -->
                                      </div>
                                    </b:if>
• Kemudian tambahkan kode dibawah ini tepat setelah kode<data:post.body/>
                                        <div style='clear: both;'/>
                                        <!-- clear for photos floats -->
                                      </div>
                                    </b:if>

<b:if cond='data:blog.pageType == "item"'> <style> form.feedburner{ margin:20px 0 0; display:block; clear:both; } .RBstyle{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBVcHj8-wLRH2NRMy3JZHuWyBMjZJFZcin6hSJ7kMhflWghYkv_QPy6B1h-t9qDqNcxCEbk7Oe3Z-ZjUVQQT3ejWkl-M7ktExjUK9Wx0p-lj5fT65o2fE35jlGvpBv_cJBaBrzgmL3rnUw/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; } .RBsubmit{ 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='#FBFBFB', endColorstr='#F4F4F4',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('http://feedburner.google.com/fb/a/mailverify?uri= rarafei', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'> <input name='uri' type='hidden' value='Realcombiz'/> <input name='loc' type='hidden' value='en_US'/> <input class='RBstyle' 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='RBsubmit' 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=rarafei' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9wMd0N86b8BvCtgezhwjic4rtdTz0WnjLv3Z-XT0vz4khCIHGj2oivYK5EK9MvJd4TwRXb-l7CTAkTTO3nOM0d8BVGAU4cXhHeL7fbDDI51asMv38G_Vuu5NfJlXFJ6i5F_9PiBWEieI/s1600/rss-30×43.png'/></a> <a href='http://twitter.com/rara_fei' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZLK6PXID0cZZ2gBp7c9lVbjldGMpsZ1IEdcbojGjfWdbwqyBLaXtGgyKv1SeoU05b0PZ_aqe8FW6k2oDCiZ7vX7UBxOycZ1H-zE6N9bYMmOdxp6ZNSBVZM1Qc1YbS6MNf89aiBpj1JhU/s1600/twitter-30×43.png'/></a> <a href='http://www.facebook.com/rarafei' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij0O0xPGabTNrYcDRSRsYxQ7rgf-c0WTXitIsH-oz4wix3crUMhJSXCSgf-Fl0lh0K0QnIIk7FqXzIDKIfFkgkIePuBJJ5U9hH1jZDDvvO0DJ6sfp9tGbadd4U3fnE87T4qJNZ4Rg_l0g/s1600/facebook-30×43.png'/></a> <a href='https://plus.google.com/117657963744804320768' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKRF8hxYM4WG7vXYNzz3J-ZebQk-xhKCFMK1805OINZn3fPZGAf38i_y_OctKtyNxKd4fx9ULZdBAQePhJtMF6ztkQQKrABP-rr4yLvjRVkYQGJD9tjVJrCRVxkLzEmJmXZSvI-937TME/s1600/googleplus-30×43.png'/></a> </td> </tr> </tbody> </table> <div align='right'> <span style='font-style: italic; font-size: 8px; color: solid #ffffff;'><a href='http://irrafeisal.blogspot.com/' style='text-decoration: none;' target='_blank'><font color='#FEFEFE' decoration='none'>[Get this widget]</font></a></span> </div> <div class="fb-like" data-href="http://facebook.com/irrafei" data-send="true" data-width="450" data-show-faces="true" data-font="lucida grande" data-colorscheme="dark"> </div> <a class='twitter-follow-button' href='http://twitter.com/rara_fei' rel='nofollow'></a> <script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script> </div> </div> </center> </b:if>

• Ganti semua id rarafei dengan Username Feedburner Anda

• Ganti semua id rarafei dengan Username Facebook Anda

• Ganti semua id rara_fei dengan Nama Twitter Anda

• Ganti 117657963744804320768 dengan Google + ID Anda

Terakhir simpan template Anda dan setiap anda mengunjungi posting Anda, Anda akan melihat widget ini setelah posting berakhir. yaps semoga bermanfaat mas bro :D