Cara Membuat Subscribe atau Artiel Berlangganan Seperti EVO Magz,- Pada postingan sebelumnya aku pernah membagikan Cara menciptakan Tombol share media umum ala EVO Magz serta kali ini aku akan membagikan tutorial yg pun terkait template EVO Magz yakni Cara menciptakan Subscribe atau artikel berlangganan menyerupai EVO Magz.
Berbicara mengenai template evo magz tidak ada habisnya, banyak blogger yg ingin memiliki template evo magz namun apa daya jikalau tidak memiliki uang untuk membelinya, Template Premium buatan Mas Sugeng ini merupakan template yg paling SEO serta meiliki tampilan yg sangat cantik serta rata-rata yg memakai template EVO Mgaz ini niscaya berada di halaman pertama search Google.
Nah pada kesempatan kali ini aku akan membagikan bagi anda yg menginginkan salah satu fitur dari Template EVO Magz yakni Tombol Subscribe atau artikel berlanganan. dengan Tombol subscribe akan mempermudah pengunjung untuk berlangganan artikel dari Blo anda. Ok tanpa berlama-lama silahkan ikuti saja tutorial dibawah ini.
Cara Buat Tombol Subscribe Seperti EVO Magz
1. Pertama anda harus memiliki ID Feedburner, Jika belum punya silahkan Cara mendaftarkan Blog di Feedburner Terbaru
2. Jika Sudah Punya Catat ID-nya Contoh feeds.feedburner.com/Lirik-Lagu-For-You, yg berwarna merah merupakan ID Feedburner
3. Untuk Pemasangannya silahkan Login ke Blogger - Template serta Edit HTML. Kemudian Cari ]]></b:skin> serta Pastekan Kode CSS dibawah ini sempurna diatas ]]></b:skin>
/* SUBSCRIBER BOX Ala EVO MAGZ by */
.berlangganan-box {
border: 1px solid #f0f0f0;
padding: 15px;
margin: 0 0 20px;
text-align:center;
}
.berlangganan-box input.email-address[type="text"] {
width:60%;
padding:10px;
border:1px solid #ddd;
text-align:center;
border-radius: 4px;
outline:none;
}
.berlangganan-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: 3px;
color:#fff;
border:none;
font-weight:bold;
outline:none;
}
.berlangganan-box input.submit-email[type="submit"]:hover {
background:#0D9AD0;
cursor:pointer;
}
.berlangganan-box input.email-address[type="text"]:focus {
background: #f9f2a5;
}
4. Kemudian Cari Lagi Kode Related Post, Contoh Kodenya menyerupai berikut <div class='related-post' id='related-post'>
5. Jika Sudah Ketemu silahkan Pastekan Kode CSS dibawah ini Tepat diatas Kode Tersebut.
<div class='berlangganan-box'>
<form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('https://feedburner.google.com/fb/a/mailverify?uri=Lirik-Lagu-For-You', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<p>Subscribe to receive free email updates:</p><p><input class='email-address' name='email' placeholder='Your email address...' type='text'/></p><input name='uri' type='hidden' value='Lirik-Lagu-For-You'/>
<input name='loc' type='hidden' value='en_US'/>
<p><input class='submit-email' type='submit' value='Subscribe'/></p>
</form>
</div>
6. Keterangan: Silahkan Ganti Kode berwarna Merah Lirik-Lagu-For-You dengan ID Feedburner anda.
7. Jika sudah Simpan serta Lihat Hasilnya
Itulah Cara Membuat Subscribe atau Artikel Berlangganan Seperti EVO Magz, Demikian Artikel mengenai Cara menciptakan Subscribe ala Template EVO Magz, Sekian serta Selamat Mencoba.