Cara Pasang Email Subscribe Di bawah Postingan Blog

Ini ialah 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 perhiasan profile Google+ jadi dapat di markup di Rich Snipet dan terverifikasi.

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

Langkah Pertama

Silahkan teman salin aba-aba CSS dibawah ini lalu letakkan diatas aba-aba ]]></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 teman salin aba-aba 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 aba-aba yang ditandai dibalikseo silahkan ganti dengan punya sobat, Lalu silahkan teman letakkan aba-aba diatas sempurna dibawah postingan atau diatas aba-aba menyerupai 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