Cara membuat tombol berlanggan responsive - Panduan ID

Halaman

    Social Items

/ / Cara membuat tombol berlanggan responsive

Cara membuat tombol berlangganan Responsive.Pasti kalian ingin tau gimana cara membuat tombol responsive seperti saya.Nah cara nya gampang.
  • Kalian pergi ke TATA LETAK.
  • Kalian pilih Tambah Widget  >  Pilih HTML Java Script, Terus Kalian Masukan Kode Di Bawah ini
<style>
#berlangganan-jarwo {box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);background-color:#515151;padding:10px 0}
#berlangganan-jarwo p {font-size: 18px;color: #FFF;line-height: 20px;padding: 10px 20px 0 20px;margin: 0;padding-bottom: 5px;display: -webkit-inline-box;}
#berlangganan-jarwo .email-jarwo {padding:0px 20px 10px;}
#berlangganan-jarwo .email-jarwo input {background:#f9f9f9;color:#bbb;padding:10px;margin-top:10px;font-size:16px;width:96.5%;border:0;transition:all 0.4s ease-in-out;}
#berlangganan-jarwo .email-jarwo input:focus {background:#fff;outline:none;color:#888;}
#berlangganan-jarwo .email-jarwo .tombol-jarwo {background:#29CE3D;color:#eee;text-transform:uppercase;font-weight:normal;font-size: 20px;border:none;outline:none;width:100%;cursor:pointer;border-radius:3px;transition:all 0.4s ease-in-out;}
#berlangganan-jarwo .email-jarwo .tombol-jarwo:hover{background:#107D1D;color:#eee;}
</style>
<div id='berlangganan-jarwo'>
<center><p>Masukan Email Untuk Berlangganan Artikel Dari Panduan ID</p></center>
<div class='email-jarwo'><center>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=Panduanid' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=panduanid, &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='naiyori'/><input name='loc' type='hidden' value='en_US'/>
<input class='tombol-jarwo' type='submit' value='Berlangganan'/>
</form></center></div></div>
  1. Ganti tulisan Panduan id yang ditandai dengan warna biru muda dengan url feed anda.
  2. Ganti tulisan Masukkan Email Anda untuk Tips Lainnya dari Panduan ID  dengan kata-kata yang anda inginkan.
 Sumber dari Kode jarwo,Tapi sama saya di edit dengan kata kata sendiri.

Cara membuat tombol berlanggan responsive


Cara membuat tombol berlangganan Responsive.Pasti kalian ingin tau gimana cara membuat tombol responsive seperti saya.Nah cara nya gampang.
  • Kalian pergi ke TATA LETAK.
  • Kalian pilih Tambah Widget  >  Pilih HTML Java Script, Terus Kalian Masukan Kode Di Bawah ini
<style>
#berlangganan-jarwo {box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);background-color:#515151;padding:10px 0}
#berlangganan-jarwo p {font-size: 18px;color: #FFF;line-height: 20px;padding: 10px 20px 0 20px;margin: 0;padding-bottom: 5px;display: -webkit-inline-box;}
#berlangganan-jarwo .email-jarwo {padding:0px 20px 10px;}
#berlangganan-jarwo .email-jarwo input {background:#f9f9f9;color:#bbb;padding:10px;margin-top:10px;font-size:16px;width:96.5%;border:0;transition:all 0.4s ease-in-out;}
#berlangganan-jarwo .email-jarwo input:focus {background:#fff;outline:none;color:#888;}
#berlangganan-jarwo .email-jarwo .tombol-jarwo {background:#29CE3D;color:#eee;text-transform:uppercase;font-weight:normal;font-size: 20px;border:none;outline:none;width:100%;cursor:pointer;border-radius:3px;transition:all 0.4s ease-in-out;}
#berlangganan-jarwo .email-jarwo .tombol-jarwo:hover{background:#107D1D;color:#eee;}
</style>
<div id='berlangganan-jarwo'>
<center><p>Masukan Email Untuk Berlangganan Artikel Dari Panduan ID</p></center>
<div class='email-jarwo'><center>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=Panduanid' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=panduanid, &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='naiyori'/><input name='loc' type='hidden' value='en_US'/>
<input class='tombol-jarwo' type='submit' value='Berlangganan'/>
</form></center></div></div>
  1. Ganti tulisan Panduan id yang ditandai dengan warna biru muda dengan url feed anda.
  2. Ganti tulisan Masukkan Email Anda untuk Tips Lainnya dari Panduan ID  dengan kata-kata yang anda inginkan.
 Sumber dari Kode jarwo,Tapi sama saya di edit dengan kata kata sendiri.
Widget