Cara Membuat Email Subscribe Dibawah Postingan Blog

Jumat, 29 Maret 2013

Login ke Blogger
Template » Edit HTML » Expand Template Widget
Copy kode di bawah ini dan pastekan tepat di bawah tag <data:post.body/>

<b:if cond='data:blog.pageType == "item"'><style type='text/css'>form.feedburner {margin: 20px 0 0;display: block;clear: both;}.lostsectorstyle {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdif7A-1R5Fqw_-eVWiY5wGwzsb514tDPnEQsVd6VYaqi1t9Ec7M5lo1u6aABadc4l4lh5g2PpLp5JqDE0O0qvtfhV8Av-u8io6JIoqbi1jY5b4Jnk_JbsePMQ_4O-6WLENhPEBr00ZUM/s1600/lostsector.blogspot.com-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;}.lostsectorsubmit {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%);}#lostsector-widget {-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;-webkit-box-shadow: inset 0px 0px 8px rgba(50, 50, 50, 0.75);-moz-box-shadow: inset 0px 0px 8px rgba(50, 50, 50, 0.75);box-shadow: inset 0px 0px 8px rgba(50, 50, 50, 0.75);-webkit-box-shadow: inset 0px 5px 0px 0px #D8D8D;}#lostsector-widget: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;}#lostsector-widget td {padding: 3px 0;}</style><center><br/><div id='lostsector-widget'> <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;font-family:georgia;font-style:italic; '> 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=lostsectorblog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'> <input name='uri' type='hidden' value='lostsectorblog'/> <input name='loc' type='hidden' value='en_US'/> <input class='lostsectorstyle' 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='lostsectorsubmit' 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;font-family: georgia; '> Follow us! </p> <a href='http://feeds.feedburner.com/labalabablog' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNadKG67h6PbhHQiU3fDTHMKwJ4thQYlpoYN-AaxULwLw7niNgN2IPATmODaeUViLzSseZi8PZuzS1Xb8PC9JuAKMi15_srJOrPtMnpRjWNFzExZ03g2lpoVoO80QVCCBG6ReeWEP852w/s1600/lostsector.blogspot.com-rss-icon.png'/></a> <a href='http://twitter.com/Al_26_6' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnnEs8y6gzTxbaPePvMgIXWOTLTV1pyRkVvGUrA_5v1D8XE1JYqu54JqnXUqUV1n2k1ezKJjA0BZ5G26egljgPopKMqNbR1-WfjS3c_EXZ0x3xkFJThblEgmjGxXwltb0WxEvvTSJC7lQ/s1600/lostsector.blogspot.com-twitter-icon.png'/></a> <a href='http://www.facebook.com/SMP.Almubarak' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV9vesJlkwioqHnjk1h6Zt9OeUBfXYIWVHq5lV9rg5cvrxQ04j0yrA8PkTbahgJL6GP20FQDb7L_CVHfGROZgwCoDMBrGu0hRAF8BLET86JUTI2bajBdnFePmuvZak_50Urf4MXMo4sfQ/s1600/lostsector.blogspot.com-fb-icon.png'/></a> </td> </tr> </tbody> </table> <div align='right'> <span style='font-style: italic; font-size: 8px; color: solid #ffffff;'><a href='http://lostsector.blogspot.com/' style='text-decoration: none;' target='_blank'><font color='#000' decoration='none'>[Get this widget]</font></a></span> </div> <div class='fb-like' data-href='http://www.facebook.com/SMP.Almubarak' data-layout='button_count' data-send='false' data-show-faces='false' data-width='80'/><br/> <a class='twitter-follow-button' href='http://twitter.com/Al_26_6' rel='nofollow'/> <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/> </div></div></center></b:if>

Selesai

Keterangan:
Ganti kode http://facebook.com/SMP.Almubarak, dengan Facebook anda
Ganti kode http://twitter.com/Al_26_6, dengan Twitter anda
Ganti kode http://feeds.feedburner.com/labalabablog