Memasang Email Subscribe di Bawah Artikel Blogger

Kembali Saya berbagi Tutorial Blogger kepada Anda, pada postingan yang lalu Saya sudah pernah berbagi Widget Email Subscribe Cantik di SideBar Blogger. Dan pada kesempatan kali ini saya akan membagikan cara Memasang Email Subscribe di Bawah Artikel Blogger.

Bagi rekan-rekan yang ingin memasang Email Subscribe, khususnya yang terletak di bawah postingan Artikel Blog seperti pada Blog saya ini, silakan mengikuti petunjuk pemasangan seperti di bawah.

1). Login ke Blogger, Masuk ke Tab Template >> Edit HTML, cari dan dapatkan Kode <data:post.body/>, biasa-nya Kode ini ada lebih dari satu. Silakan Anda coba satu persatu sampai ketemu Kode yang cocok. Setelah Kode di atas Ketemu silakan letakkan Kode di bawah ini tepat di bawah-nya.

<div id='subscribe-box'>
<h4>Berlangganan via email</h4>
<div class='emailfield'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=BerbagiTipsBlogger&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Alamat Email&quot;;}' onfocus='if (this.value == &quot;Alamat Email&quot;) {this.value = &quot;&quot;;}' type='text' value='Alamat Email'/>
<input name='uri' type='hidden' value='BerbagiTipsBlogger'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submitbutton' type='submit' value='Submit'/>
</form>
</div>
</div>
<div style='clear:both;'/>

2). Untuk mempercantik Tampilan Email Subscribe yang akan kita pasang, silakan Copy dan paste-kan Kode CSS di bawah ini tepat di atas Kode ]]></b:skin>

/* Subscribe Box */
#subscribe-box{background-color:#ffe4ad;margin:20px 0 0 0;padding:20px;overflow:hidden;border:8px solid #ebd099}
#subscribe-box h4{color:#827459;font-size:16px;margin-bottom:20px;text-align:center;text-transform:uppercase}
#subscribe-box .emailfield{margin:auto;text-align:center;}
#subscribe-box .emailfield form {margin:0;}
#subscribe-box .emailfield input{padding:12px;color:#bcc4ca;border:1px solid #ebd099;font-size:14px;margin-bottom:10px}
#subscribe-box .emailfield input:focus{color:#454545;outline:none;border-color:#d5bc88;}
#subscribe-box .emailfield .submitbutton{background-color:#f8695f;color:#fff;margin:0;font-size:14px;letter-spacing:.7px;text-transform:uppercase;cursor:pointer;border:0;transition:all .3s}
#subscribe-box .emailfield .submitbutton:active,#subscribe-box .emailfield .submitbutton:hover{background-color:#e0594f;color:#fff;}

3). Simpan Template Anda. Selesai
Terima kasih.

Search Post

Label :