Cara Pasang Email Subscribe Di bawah Postingan Blog

Ini adalah postingan lanjutan dari sebelumnya Cara Membuat Widget Email Subscribe Flat Ui yang sudah kita bahas sebelumnya, kali ini masih seputar Pemasangan Email Subscribe namun kita akan sedikit berkreasi yaitu Cara Pasang Email Subscribe Di bawah Postingan Blog.

Seperti yang sudah disampaikan sebelimnya juga pemasangan Email Subscribe sangat penting untuk dapat menjaring pengunjung yang ingin berlangganan updated dari postingan blog yang kita kelola, dipostingan ini ada sedikit tambahan profile Google+ jadi dapat di markup di Rich Snipet dan terverifikasi.

Bagi sobat yang mau mencobanya Cara Pasang Email Subscribe Di bawah Postingan Blog mari kita simak bersama. 

Langkah Pertama

Silahkan sobat salin kode CSS dibawah ini lalu letakkan 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}

Langkah Ke Dua
Silahkan sobat salin kode HTML ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='submit-email'>
  <span style='font-size:10px'>Enter your email address to get update from <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='publisher' target='_blank' title='Publisher Profile'>Dibalik SEO</a>.</span>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=dibalikseo&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='dibalikseo'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submitbutton' type='submit' value='Subscribe'/></form>
  </div>
</b:if>

Perhatikan kode yang ditandai dibalikseo silahkan ganti dengan punya sobat, Lalu silahkan sobat letakkan kode diatas tepat dibawah postingan atau diatas kode seperti 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>

RESULT

Demo

Kemudian SAVE dan selesai, mudah bukan Cara Pasang simple Email Subscribe Di bawah Postingan Blog, selmat mencoba