Memperbaiki Widget Subscribe Box

8/25/2015
Memperbaiki Widget Subscribe Box

Memperbaiki Widget Subscribe Box - Postingan kali ini hanya sebuah perbaikan widget subscribe box di bawah artikel khusus template Vienna Lite 2 dan Vienna Mag.

Bagi yang menggunakan template yang sudah Saya sebutkan sebelumnya silakan ikuti cara memperbaiki widget subscribe box yang error saat submit email :

1. Login ke Blogger > Template > Edit HTML > Cari dan hapus kode di bawah ini :

<div class='follow-by-email-inner'>
      <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;http://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
        <table class='tabletd1'>
          <tr>
            <td>
              <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
            </td>
            <td class='tabletd2'>
              <input class='follow-by-email-submit' type='submit' value='Submit'/>
            </td>
          </tr>
        </table>
        <input expr:value='data:feedPath' name='uri' type='hidden'/>
        <input name='loc' type='hidden' value='en_US'/>
      </form>
    </div>
<div style='clear:both'/>

Kemudian ganti dengan kode ini :

<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=ArlinaDesign&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='ArlinaDesign'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submitbutton' type='submit' value='Submit'/>
</form>
</div>
</div>
<div style='clear:both;'/>

Ganti tulisan yang ditandai dengan nama feedburner blog sobat.

2. Selanjutnya cari dan hapus kode di bawah ini :

/* CSS Follow by email */
.post-body .follow-by-email-inner{position:relative;margin-top:20px;display:block;background:#ffe4ad;padding:20px;color:#908672;box-shadow:inset 0 0 0 5px #ebd099}
.post-body .follow-by-email-inner:before{content:" Never miss our latest news, subscribe here for free ";display:table;font-size:16px;font-weight:400;margin:auto}
.post-body input.follow-by-email-address{position:relative;float:right;background:#fff;color:#444;border:1px solid #ccc;border-right:0;font-size:14px;height:42px;line-height:42px;padding-left:15px;transition:all .2s}
.post-body input.follow-by-email-address:focus {outline:none;color:#444;border-color:#ea5a50;}
input.follow-by-email-submit{background:#ff675c;color:#fff;cursor:pointer;font-size:15px;height:42px;line-height:42px;width:80px;z-index:0;border:1px solid #ea5a50;margin-left:-2px;transition:all .2s}
input.follow-by-email-submit:hover {outline:none;background:#ea5a50;color:#fff;}
.post-body .tabletd1 {width:auto;}
.post-body .tabletd1 td{border:0;padding:0;text-align:center;vertical-align:middle}
.post-body .tabletd2 {width:0;}

Ganti dengan kode ini :

/* 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.

Baca juga : Mengatasi Feedburner Error Message Pada Blogger


Selesai, sekarang widget subscribe box bisa berfungsi kembali. Jika ada kesulitan silakan bertanya lewat kolom komentar, terima kasih.

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

11 comments

Alhamdulillah, sudah teratasi dengan baik. Terima kasih kak Arlina ...

Balas

what is the rong , please help me
no image ??
https://lh3.googleusercontent.com/-rFCuPLs9Ltk/VdwZtNLauNI/AAAAAAAAAtI/3CLtr5m8sWM/s1200/Screenshot_10.png

Balas

It depends on the site you follow, there nothing to do with Feedburner

Balas

mbak arlina aku kan pakek template minima 3 colored , nah kenapa kok undefined bwah postingan??

Balas

Kebetulan saya memang tak menggunakan widget subcribe box, jadi kadak ada yang perlu di perbaiki..he..he..he

Balas

Ganti setelan tanggal

http://4.bp.blogspot.com/-dI2I1B2Yl9c/Vbt_ILVOitI/AAAAAAAACnY/UFehtURkosc/s1600/Zona%2BWaktu.png

Balas

Tambahin aja dl, nanti baru bisa diperbaiki :D

Balas

cara nambahin subcribe box di tiap bawah postingan gimana ya mba?

Balas

Itu kode di atas sudah lengkap, tinggal ditambahkan pada template

Balas

desainnya keren2.. terima kasih infonya mba..

Balas

Silakan tambahkan komentar sesuai dengan topik dan komentar dengan link akan dihapus, terima kasih.