Widget Berlangganan Email Plus Tombol Sosial Media Untuk Blogger

Widget berlangganan email yaitu formulir yang disediakan oleh feedburner, widget ini membantu penguna blog kau mendapat pembaruan terbaru dari blog melalui email.



Widget ini tidak hanya meningkatkan traffic kau tetapi juga membantu kau menumbuhkan komunitas pembaca.

Berikut ini yaitu widget Newsletter dengan sosial media, dan Step by Step memasangnya ke Blogger. ( demo di final artikel).

1. Menuju ke Dashaboard blog kau Tema > Edit HTML



2. Temukan instruksi ]]></b:skin> Copas instruksi di bawah ini diatasnya

form.emailform {     margin: 20px 0 0;     display: block;     clear: both; }  .emailtext {     width: 50%;     height: 30px;     padding: 0 0 0 15px;     border: 1px solid #CCC; }  .ebutton {     color: #fff;     font-weight: bold;     text-decoration: none;     padding: 5px 17px;     cursor: pointer;     border-radius: 0px;     background: #e83511; } 

Save

3. Masih di blogger, temukan Tata letak > Tambahkan Gadget > pilih  > HTML/JavaScript

4. Lalu pastekan Script dibawah ini:

<div class="widget-content">     <div style="border: 1px solid #cccccc; padding: 1mm;background: #F9F9F9;">         <center><br/><span style="font-size: 20px;font-weight: bold; text-transform: uppercase;color: #e83511;line-height: 1;font-family: 'Source Sans Pro', sans-serif;">Subscribe by E-mail</span><br/><span style="font-size: 13px; margin-bottom: 15px;color: #555;font-family: 'Source Sans Pro', sans-serif;line-height: 1.5em;">Join Over 2 Million+ Fans</span><center><img src="URL GAMMBAR KAMU" style="margin: -8px 10px -8px 2px; margin-top: 10px; margin-right: 10px; margin-bottom: -8px; margin-left: 2px; width: 100px;"/></center>         <form action="http://feedburner.google.com/fb/a/mailverify" method="post"target="popupwindow"class="emailform"onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ID feed Kamu', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">             <input type="hidden" value="ID feed Kamu" name="uri"/>             <input type="hidden" name="loc" value="en_US"/><input type="text" value="Enter your email..." name="email" class="emailtext" 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;}"/><input type="submit" class="ebutton" value="SignUp" title="Widget Berlangganan Email Plus Tombol Sosial Media Untuk Blogger" alt="Widget berlangganan email yaitu formulir yang disediakan oleh feedburner Widget Berlangganan Email Plus Tombol Sosial Media Untuk Blogger"/>         </form>         <br/><br/><center><span style="font-size: 18px; text-align: center;color: #393939;font-weight: bold;transition: all .3s;font-family: 'Source Sans Pro', sans-serif;">HANGOUT WITH ME:</span><center>         <div style="margin-bottom:5px; border-top: 1px solid #cccccc; padding: 3px; text-align: center;margin-top:10px;"></div>         <div style="text-align: center;">             <a href="URL Facebook (akun fanspage atau pribadi)" target="_blank" title="Widget Berlangganan Email Plus Tombol Sosial Media Untuk Blogger"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTcPfzQJz89HnSFRfQuzeNoXYpgvSueT8BjnlGqhVLNiiWkJE3GukLIvfQWsoM2dm3umCwzvmyEKRK9Fz59PyiJvWLHf89JeXmDJO8X0WVnDd_b07zKTg0EkHY0MnDh8DzoRdwEEa2F5Y/s1600/facebook.png" style="border: medium none; position: relative;" //></a><a href="URL Twitter" target="_blank" title="Widget Berlangganan Email Plus Tombol Sosial Media Untuk Blogger"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje10AsS4q4EXopPa18f8bOeo37RL6sHB9Lp08FX8fNlCY0EK9xsLlvo_rgXAKRGfYYg8Qe-T8nqAo41Zq9K_V1SEAs5Qe9iFcHTlLN5-l8_wKtAMwa3WXQmNcN-0Q_myWOUbsQJLxMP4Q/s1600/twitter.png" style="border: medium none; position: relative;" //></a><a href="URL Google +" target="_blank" title="Widget Berlangganan Email Plus Tombol Sosial Media Untuk Blogger"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN3TSBEPqWnmqN3VDnFQ2MZGrLzk1XZ20xOhzfeq68KJ2WwY3HLpLjTGs40BuetM8-Af_s-Jt-5NdlQGz746PaRJsXVMlO7O6_Ag5IDV1JqahoFVJfqGugVpgO4KCBY6I2M1_5-PjDssw/s1600/google-plus.png" style="border: medium none; position: relative;" //></a>             <a href="URL Instagram" target="_blank" title="Widget Berlangganan Email Plus Tombol Sosial Media Untuk Blogger"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRhbgdNjLcbEiHrjJyt9hlYZlg2HuZj0O9z9xZZPGHGSr6Nx9Av5WeCf7Y0NBaiLeJV77YbPbi0oC1cgrvVTiGpZJNkY2J_0uYIgKRYz5EmzGllsG82PauJVSRL5EnLCyg5UQBpM6lVk/s1600/instagram.png" style="border: medium none; position: relative;" //></a>             <a href="URL Youtube" target="_blank" title="Widget Berlangganan Email Plus Tombol Sosial Media Untuk Blogger"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIanJkc-ZFaglHtS6usoF6AeSPgeHtNY29X3jYQWBfuUc9xZxVO8U2rHZ7XRjf4-YIsc0DtWa0XLPtCKPLsROPJEeCb2Ao1zxI_WLXvO1ix1mtpIiITVE5AY9gbyXLakM6yYL4on3weUs/s1600/youtube.png" style="border: medium none; position: relative;" //></a>         </div>         </center></center>         <span class="Apple-style-span" style="color: rgb(51, 51, 51); font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, sans-serif; font-size: 10px; font-style: italic; background-color: rgb(255, 255, 255); ">By <a href="https://www.iamtomys.online/" target="_blank" title="Widget Berlangganan Email Plus Tombol Sosial Media Untuk Blogger">Iamtomys</a></span>         </center>     </div> </div> 

NOTE: Ganti "Iamtomys" dengan id feedburner kau dan isi URL sosial media.

Save

Demo For Subscribe Box

Mungkin hanya sekian, biar kau menyukai widget Berlangganan Email ini dan memutuskan untuk membagikan artikel ini. Juga terhubung dengan saya di Facebook ataupun Twitter.

Ditulis oleh Tomy Saputra (Guest Writer).
Sumber https://tausolusi.blogspot.com/

Berbagi :