May 9, 2017

Cara Pasang Email Subscribe Di bawah Postingan Blog

simple Email Subscribe

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

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

Artikel Terkait

Halo Sobat, sedikit cerita mengenai diri saya, saya adalah hanya seorang penulis amatiran yang mencoba berbagi pengetahuan dari apa yang saya dapat sehari-hari. Pengalaman ini saya tuangkan di tulisan dengan tujuan baik agar pengetahuan dan pengalaman saya ini dapat bisa di pergunakan dan bermanfaat khususnya untuk diri saya pribadi dan umumnya untuk orang lain, sehingga saya beri nama Web saya ini dibalikseo.com yang filosofinya adalah dibalik pengetahuan yang saya dapat.