Cara Membuat Menu Kotak Berlangganan Responsive Untuk Blog

Reza Handoyo       Tutorial Blog    1 comment   

Cara Membuat Menu Kotak Berlangganan Responsive Untuk Blog - Penggunaan kotak berlangganan atau biasa di sebut subscribe form merupakan salah satu hal penting jika kita ingin membuat pengunjung berlangganan dan sering mengunjungi blog kamu sob, dengan adanya subscribe form juga bisa menjadi tambahan backlink buat blog kamu loh sob nah jadi kamu tidak perlu susah - susah mencari backlink.

Oke dari pada kelamaan inilah cara membuat menu kota berlangganan yang responsive untuk blog,

Cara Membuat Menu Kotak Berlangganan Responsive

1. Pergi dahboard blogger kamu sob lalu layout - add gadget - pilih HTML/Javascript
2. Beri judul, misal kotak berlangganan ataupun subscibe terserah kamu sob.
3. Kamu copy kode berikut dan tempelkan,

<style>
#berlangganan{position:relative;border:1px solid #ddd;margin:5px auto}
#berlangganan-form{height:30px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#fff;overflow:hidden}
#berlangganan-text{color:#ccc;border-width:0}
#berlangganan input[type="text"]{width:100%;padding:7px 0 7px 7px;outline:0}
#berlangganan-button{position:absolute;top:0;right:0;height:30px;margin:0;text-align:center;line-height:0;border-width:0;background:whitesmoke;cursor:pointer;font-size:12px;font-weight:bold}
</style>
<div id='berlangganan'>
<form action='http://feedburner.google.com/fb/a/mailverify' id='berlangganan-form' method='get' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=FEED-ID&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
  <input name='uri' type='hidden' value='FEED-ID'/>
  <input name='loc' type='hidden' value='en_US'/>
  <input id='berlangganan-text' 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..'/>
  <button id='berlangganan-button' type='submit'>SUBMIT</button>
</form>
</div>

4. Nah selanjutnya kamu ganti huruf berwarna merah dengan kode feed burner kamu sob, jika belum punya kamu bisa baca cara daftar dan membuat rss feed di feed burner.
5. Oke tinggal simpan dan lihat di blog kamu sob.


Nah itulah sob mengenai info cara membuat menu kotak berlangganan responsive untuk blog semoga bermanfaat buat kamu sob, sekian.