Cara membuat kotak berlangganan pada blog

Hai jumpa lagi dengan FARONESIA, pada kesempatan kali ini admin akan membagikan widget kotak berlangganan via email, dimana widget berlangganan atau subscribe ini sangat dianjurkan untuk suatu blog.

Mungkin terdapat banyak blogger diluar sana tidak memasang widget ini, tahukah kamu bahwa dengan memasang widget berlangganan maka blog milikmu akan lebih terlihat anggun dan profesional.

Fungsi dari widget berlangganan ini adalah mempermudah para pembaca untuk melihat artikel-artikel terbaru yang telah kita buat terlebih jika artikel yang kita buat memiliki tingkat faedah yang tinggi maka banyak pula pembaca yang berlangganan, dengan begitu blog akan mengalami peningkatan trafik dan terlihat profesional dimata para pembaca.

Langsung saja cara membuat kotak berlangganan atau subscribe pada blog

Jika kamu tertarik bisa langsung saja menggunakan widget dibawah ini.
Silahkan copy kode css dibawah ini lalu letakkan kode tersebut tepat diatas </style>

/* SUBSCRIBER BOX */
.berlangganan-box {
background: #016fba;
background: linear-gradient(to right, #016fba, #0066cc);
color: #ffffff;
padding: 15px;
margin: 20px 0;
text-align: center;
}
.berlangganan-box p {
margin:15px 0;
}
.berlangganan-box input.email-address[type="text"] {
width: 60%;
padding: 10px;
text-align: center;
border-radius: 2px;
border: none;
outline: none;
}
.berlangganan-box input.submit-email[type="submit"] {
background: #F57224;
padding: 10px 15px;
border-radius: 2px;
color: #fff;
border: none;
outline: none;
}
.berlangganan-box input.submit-email[type="submit"]:hover {
background: #444444;
color: #fff;
cursor: pointer;
}
.berlangganan-box input.email-address[type="text"]:focus {
background: #fffcd2;
}

Jika kode css diatas sudah terpasang, selanjutnya save template tersebut lalu kembali ke dashboard. Untuk menampilkan kotak berlangganan copy kode dibawah ini:

<b:includable id='postsubscribebox' var='post'>
<div class='berlangganan-box'>
<form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=azzainfo&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<p>Berlangganan update artikel terbaru via email:</p><p><input class='email-address' name='email' placeholder='Masukan alamat email...' type='text'/></p><input name='uri' type='hidden' value='OfficialAgusGunawan'/>
<input name='loc' type='hidden' value='en_US'/>
<p><input class='submit-email' type='submit' value='Subscribe'/></p>
</form>
</div>
<!--
...
Edit ID feedburner azzainfo di atas dengan ID feedburner milik sobat
...
-->
<style>
/* SUBSCRIBER BOX */
</style>
</b:includable>

NOTE: silahkan ubah ID feedburner diatas dengan ID feedburner milikmu

Cukup sekian dari saya semoga bermanfaat jangan lupa share dan tinggalkan komentar dibawah.

Share this post