Selasa, 06 September 2016

Cara Membuat Kotak Email Berlangganan Responsive Di Bawah Postingan Blog

Catatan Rhull™ - Berlangganan via email , Adalah salah satu cara pemilik blog untuk mendapat pengunjung setia. Menurut saya memasang kotak berlangganan ini sangatlah penting bagi para blogger. Dengan memasang ini , pengunjung lebih mudah untuk mendapatkan update artikel terbaru dari blog saya ..

Berikut Cara memasang Kotak berlangganan Via email Di bawah postingan blog
Langkah #1 - Silakan Copy kode CSS Dibawah ini , dan letakan ( Paste ) tepat di atas kode ]]></b:skin> atau kode </style>
/* Kotak berlangganan */
.acillramdanprasetyo-box {
border-top: 1px solid #E9E9E9;
border-bottom: 1px solid #E9E9E9;
padding: 15px;
margin:0;
text-align:center;
}
.acillramdanprasetyo-box input.email-address[type="text"] {
width:60%;
padding:10px;
border:1px solid #ddd;
text-align:center;
border-radius: 4px;
outline:none;
background: #fff;
}
.acillramdanprasetyo-box input.submit-email[type="submit"] {
transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;
padding:10px 15px;
background:#07ACEC;
border-radius: 4px;
color:#fff;
border:none;
font-weight:bold;
border-bottom: 3px solid #0D9AD0;
outline:none;
}
.berlangganan-box input.submit-email[type="submit"]:hover {
background:#0D9AD0;
cursor:pointer;
}
.acillramdanprasetyo-box input.email-address[type="text"]:focus {
box-shadow:0 0 2px #106FE4;
}
Langkah #2 - Carilah Kode <data:post.body/> , Kode tersebut terkadang tidak hanya ada 1 , ada yang 2-3 . Anda coba Satu persatu aja :D

Langkah #3 - Jika Anda sudah menemukan Kode <data:post.body/> Silakan anda Copy Kode dibawah ini , Lalu letakan ( Paste ) Tepat dibawah Kode <data:post.body/>

<div class='acillramdanprasetyo-box'>
<form action='https://feedburner.google.com/fb/a/mailverify?uri=AcillramdanprasetyoId' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=AcillramdanprasetyoId&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<h1>Berlangganan via email (gratis)</h1><p><input class='email-address' name='email' placeholder='Masukan alamat email Anda...' type='text'/></p><input name='uri' type='hidden' value='WahyuPratama'/>
<input name='loc' type='hidden' value='en_US'/>
<p><input class='submit-email' type='submit' value='Berlangganan'/></p>
</form>

</div>
Catatan : 
Ganti AcillramdanprasetyoId  Dengan ID FreeBuner Anda. Lalu klik Simpan .

Related Posts

Cara Membuat Kotak Email Berlangganan Responsive Di Bawah Postingan Blog
4/ 5
Oleh