Membuat Widget Berlangganan/ Subscribe di Bawah Posting

Cara Membuat Widget Berlangganan/ Subscribe di Bawah Posting. Sobat blogger, widget subscribe atau berlangganan adalah widget update posting anda yang dikirim melalui email pengguna yang berlangganan ke blog anda, widget ini sangat berguna untuk memudahkan dalam update posting terbaru anda, dan ini berguna untuk menjaring pengunjung dengan mudah, jadi sangat dianjurkan sekali untuk memasang widget berlangganan ini, supaya pengunjung tidak ketinggalan update artikel terbaru di blog anda, dan tentu saja keuntungan untuk anda meningkatkan traffic blog, bagi anda yang ingin memasang widget berlangganan ini, anda bisa ikuti tutorialnya.

-Dibawah ini adalah contoh gambar untuk widget subscribe atau berlangganan yang akan kita buat.

Namun hal pertama sebelum anda membuat widget berlangganan ini, anda di wajibkan untuk mempunyai alamat url feedburner blog anda, jika anda belum mempunyai alamat url feed tersebut, silahkan buat dulu disini : Cara dafar RSS Feedburner berlangganan.

Cara Membuat Widget Berlangganan/ Subscribe di Bawah Posting

1. Buka akun blogger anda.

2. Pilih menu template > Klik Edit HTML.

3. Pertama cari kode seperti di bawah ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

4. Lalu letakan kode dibawah ini tepat diatas kode tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='submit-email'>
  <span style='font-size:10px'>Masukan email Anda untuk Dapatkan Update terbaru dari <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='publisher' target='_blank' title='Publisher Profile'>Blog Madamvia</a>.Gratis!</span>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=viamadam&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input class='enteryouremail' name='email' 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;;}' type='text' value='Enter your email....'/>
<input name='uri' type='hidden' value='viamadam'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submitbutton' type='submit' value='Subscribe'/></form>
  </div>
</b:if>

- Ganti nama "Madamvia" dengan nama blog anda.

- Ganti nama "viamadam" dengan alamat feedburner anda.

5. Selanjutnya letakan kode dibawah ini tepat diatas kode ]]></b:skin> atau </style>

.submit-email{text-align:left;margin:0;padding:0;}
.submitbutton {background: #FF8000;border: 1px solid #F66303;font: 12px Oswald;color: #fff;height: 25px;padding:0 12px;margin: 0 0 0 5px;text-transform:uppercase;cursor: pointer;}
.enteryouremail {background: #fff !important;border: 1px solid #d2d2d2;padding: 0px 7px;color: #a19999;font-size: 12px;height: 23px;width: 165px;margin: 0px;}
.enteryouremail:focus{outline:none}

6. Klik save template anda.

Baca juga : Cara Membuat Widget Random Post Dengan Gambar

Selesai deh, silahkan cek hasilnya, oke sobat blogger, sekian untuk tutorial Cara Membuat Widget Berlangganan/ Subscribe di Bawah Posting. lebih dan kurangnya saya mohon maaf, ciaoyu..hehe

Share to:

Google+ Facebook Twitter