Cara Memasang Kotak Subscribe Keren di Blog

Bagi para blogger yang menginginkan trafik tinggi pasti sudah tidak asing dengan feedburner. Situs ini memungkinkan pembaca untuk bisa berlangganan artikel dari blog Anda via email. Sangat bagus untuk Anda yang mengejar trafik tinggi bukan? Namun, setelah mendaftar di feedburner gimana caranya biar orang lain dapat berlangganan artikel dari blog Anda? caranya sangat mudah, tinggal memasang widget subscribe yang terhubung langsung dengan feedburner Anda.

Bisa Anda lihat preview diatas merupakan tampilan kotak subscribe/langganan artikel via email yang terdapat diblog ini. Jika Anda tertarik untuk memiliki widget serupa silahkan ikuti tutorialnya sampai selesai.

1. Login ke akun blog sobat

2. Pilih Tata Letak atau Page Elements

3. Klik add widget

4. Pilihlah HTML/JavaScript

5. Masukkan kode berikut

<section class="technopcarea-newsletter">
<div class="technopcarea-newsletter-form">
<fieldset>
<div style='color:#fff;font-family:&#39;Oswald&#39;,Tahoma,Sans-serif;font-size:16px;font-weight:200'>
<center><a>
      Subscribe To Get <i>FREE</i>  Articles.
      </a></center></div>
<div class="fields">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=OpickWeblog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="email" id="email" name="email" onblur="if (this.placeholder == &quot;&quot;) {this.placeholder = &quot;Enter your email here..&quot;;}" onfocus="if (this.value == &quot;Masukkan Email..&quot;) {this.value = &quot;&quot;}" type="text" placeholder="Enter your email here.." />
          <input name="uri" type="hidden" value="OpickWeblog" />
          <input name="loc" type="hidden" value="en_US" />
          <input class="subscribe" name="commit" type="submit" value="Subscribe" />
        </form>
</div>
</fieldset>
<div style='padding:90px 80%;color:#fff;font-family:Arial;font-size:12px;'>
<small><a href="http://wajahilmu.blogspot.com/2015/03/cara-memasang-kotak-subscribe-keren-di.html" target="_blank" title="Kotak Subscribe Keren">Get_Widget</a></small>
</div></div>
</section>
<style>
input[type=&quot;text&quot;]{font-family:arial}
.technopcarea-newsletter-form{background:none repeat scroll 0 0 #1E293B;float:left;height:110px;position:relative;width:100%}
.technopcarea-newsletter-form fieldset{height:38px;left:10%;position:absolute;top:10%;width:80%;border:none}
.technopcarea-newsletter-form fieldset h2{color:#FFF;font-family:Sniglet;font-weight:300;width:100%;margin:0 0 1.5625em;font-size:16px}
.technopcarea-newsletter-form fieldset .fields{position:relative}
.fields .email{border-radius:10px 0 0 10px;outline:0 none;width:84%;border:0;left:0;position:absolute;padding:10.5px}
.fields .subscribe{background:none repeat scroll 0 0 #F0553B;border:medium none;border-radius:0 10px 10px 0;color:#FFF;right:0;position:absolute;padding:11px;transition:all ease 0.6s}
.fields .subscribe:hover{background:none repeat scroll 0 0 #161616}
</style>

Silahkan ganti OpickWeblog dengan ID feedburner sobat. Untuk mengetahui ID nya, silahkan kunjungi www.feedburner.com lalu pilih blog Anda, setelah itu klik Edit Feed Details. Untuk lebih jelasnya lihat gambar dibawah ini.

6. Klik Save

Bagikan Artikel ini