Sekilas Informasi Trik Menciptakan Kotak Subsribe Di Blog Menyerupai Evo Magz

Cara Membuat Subscribe atau Artiel Berlangganan Seperti EVO Magz,- Pada postingan sebelumnya aku pernah membagikan Cara menciptakan Tombol share media umum ala EVO Magz dan kali ini aku akan membagikan tutorial yang juga terkait template EVO Magz ialah Cara menciptakan Subscribe atau artikel berlangganan menyerupai EVO Magz.

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

Nah pada kesempatan kali ini aku akan membagikan bagi anda yang menginginkan salah satu fitur dari Template EVO Magz ialah 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 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, 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 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(&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 menciptakan Subscribe ala Template EVO Magz, Sekian dan Selamat Mencoba.