Memasang Widget Subscribe Email Untuk Blogger atau Blogspot

Salam Blogger.!
Hari ini saya dapat tips memasang static widget subscribe by email untuk para penggila blog.

Fungsi dari subscribe email ini adalah membuat pengunjung setia blog kita selalu menerima informasi terbaru melalui email secara gratis jika terdapat artikel terbaru.

Nah, tips memasang widget ini merupakan langkah awal jika sobat blogger ingin mendapatkan fans banyak dari pengunjung yang pernah mampir di blog kita.
Cara memasangnya juga tidak begitu sulit.

Sebelumnya saya mau kasih lihat penampakannya dulu aja neh barang kali ada yang mau nyobain setelah melihatnya.
Atau anda bisa melihat pada bagian kanan bawah halaman ini.

Jika tertarik dengan penampakan di atas, silahkan ikuti langkah-langkah di bawah ini:

Langkah 1
Masuk ke Dashboar >> Template.
Copy paste kode dibawah ini di bagian atas kode </head>.

<script src='https://sites.google.com/site/adityameilaz/file-adityas-blog/jquery.js?m=1352653157g&amp;ver=1.7.1' type='text/javascript'></script>
<link href='https://sites.google.com/site/adityameilaz/file-adityas-blog/follow_rool.css' id='loggedout-subscribe-css' media='all' rel='stylesheet' type='text/css'/>
<script src='https://sites.google.com/site/adityameilaz/file-adityas-blog/follow_rool.js?m=1354470057g&amp;ver=20120215' type='text/javascript'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var LoggedOutFollow = {'invalid_email':'Maaf, email yang anda masukkan salah. Cobalah memasukkan alamat email yang benar.'};
/* ]]> */
</script>

Langkah 2
Temukan kode </body> dan tempatkan kode di bawah ini di bagian atas kode </body> tersebut.

<div class='loggedout-follow-normal' id='bit'>
   <a class='bsub' href='javascript:void(0)'><span id='bsub-text'>Berlangganan</span>
   <span id='bsub-text'/></a>
   <div id='bitsubscribe'>
      <h3><label for='loggedout-follow-field'>Follow <data:blog.title/></label></h3>
      <form action='http://feedburner.google.com/fb/a/mailverify' id='loggedout-follow' method='post' target='popupwindow'>
      <p>Berlangganan artikel terbaru dari <data:blog.title/>.</p>
      <p id='loggedout-follow-error' style='display: none;'/>
      <p><input id='loggedout-follow-field' name='email' onblur='this.value=(this.value==&quot;&quot;) ? &quot;Masukkan alamat email&quot; : this.value;' onfocus='this.value=(this.value==&quot;Masukkan alamat email&quot;) ? &quot;&quot; : this.value;' style='width: 95%; padding: 1px 2px' type='text' value='Masukkan alamat email'/></p>

[hg]      <input name='uri' type='hidden' value='blogspot/adityasblog'/>[/hg]
      <input name='loc' type='hidden' value='en_US'/>
      </form>
<p style='margin:0px 0 4px 0'>
[hg]<a href='http://feeds.feedburner.com/blogspot/adityasblog' target='_blank'>
<img alt='' height='26' src='http://feeds2.feedburner.com/%7Efc/blogspot/adityasblog?bg=d3d3d3&amp;fg=202931&amp;anim=1&amp;label=listeners' style='border:0' width='88'/>
</a>[/hg]<br/>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Post (RSS)</a> | <a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments (RSS)</a></p>
   </div>
</div>

NB: Perhatikan bagian yang sudah disorot, lalu lihat ID feed yang sudah ditandai dengan warna merah.

• blogspot/adityasblog merupakan id feed dari Adityas Blog
• Ganti id feed tersebut dengan id feed milik anda.

Langkah 3
Simpan template anda dan enjoy!

Jangan lupa komentarnya yah sob kalau artikel ini bermanfaat.

Berlangganan

Follow "Adityas Blog"

Berlangganan artikel terbaru dari Adityas Blog

Post (RSS) | Comments (RSS)

Gabung ke group:

Follow @aditya_m_r

Share