Cara Membuat Kotak Subsribe di Blog Seperti EVO Magz

Cara Membuat Subscribe atau Artiel Berlangganan Seperti EVO Magz,- Pada postingan sebelumnya saya pernah membagikan Cara membuat Tombol share media sosial ala EVO Magz dan kali ini saya akan membagikan tutorial yang juga terkait template EVO Magz yaitu Cara membuat Subscribe atau artikel berlangganan seperti EVO Magz.

Berbicara mengenai template evo magz tidak ada habisnya, banyak blogger yang ingin mempunyai template evo magz namun apa daya bila tidak mempunyai uang untuk membelinya, Template Premium buatan Mas Sugeng ini merupakan template yang paling SEO dan meiliki tampilan yang sangat bagus dan rata-rata yang menggunakan template EVO Mgaz ini pasti berada di halaman pertama search Google.

Nah pada kesempatan kali ini saya akan membagikan bagi anda yang menginginkan salah satu fitur dari Template EVO Magz yaitu Tombol Subscribe atau artikel berlanganan. dengan Tombol subscribe akan memudahkan 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 mempunyai 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, yang berwarna merah merupakan ID Feedburner

3. Untuk Pemasangannya silahkan Login ke Blogger - Template dan Edit HTML. Kemudian Cari ]]></b:skin> dan Pastekan Kode CSS dibawah ini tepat 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 seperti 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(&apos;https://feedburner.google.com/fb/a/mailverify?uri=Lirik-Lagu-For-You&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);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 dan Lihat Hasilnya

Itulah Cara Membuat Subscribe atau Artikel Berlangganan Seperti EVO Magz, Demikian Artikel mengenai Cara membuat Subscribe ala Template EVO Magz, Sekian dan Selamat Mencoba.


Sumber https://www.blogespada.net/

Share this post