Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Aku Menciptakan Halaman Subscribe By Email Di Blog

Cara yang saya lakukan untuk menyedikan halaman subscribe email di blog, supaya pengunjung sanggup berlangganan artikel terbaru yang eksklusif dikirim ke email masing-masing. Bukan berupa widget melainkan halaman kusus untuk subscribe by email

Saya menyukai tampilan blog yang simple rapi dan saya juga ingin menyediakan papan email berlangganan untuk orang yang mengunjungi blog saya, jikalau beliau ingin mendapat artikel terbaru yang otomatis eksklusif dikirm ke email

Maka saya menciptakan sebuah halaman yang isinya kata-kata pendukung dan sebuah papan untuk memasukkan alamat email kemudian menambahkan tombol untuk submit

Baca juga : Cara menciptakan widget berlangganan via email di blog

Bukan sebuah widget yang eksklusif terlihat jikalau ada orang mengunjungi blog, melainkan di dalam halaman yang memerlukan sebuah sajian untuk membukanya untuk DEMO cek DISINI, nah jikalau kau ingin menciptakan widget subscribe email sebelumnya saya sudah menciptakan tutorialnya sanggup di baca melalui tautan link diatas

Cara yang saya lakukan untuk menyedikan halaman subscribe email di blog Cara Saya Membuat Halaman Subscribe By Email Di Blog

Kenapa saya lebih suka halaman ketimbang widget yang sanggup eksklusif terlihat oleh pengunjung ? Alasan ketika ini ☺ berdasarkan saya orang-orang jaman kini super sibuk membuka internet hanya pada ketika mereka ingin membutuhkan sesuatu

Dari itulah hanya beberapa % saja orang yang mau berlangganan artikel dari blog kita. Dan sebuah widget menyangkut responsive dan rapinya tampilan blog, buat apa menampilkan sesuatu yang mungkin saja tidak diinginkan orang lain

Naah berbeda dengan halaman yang membukanya perlu membutuhkan link tautan atau sajian di blog ini jauh lebih rapi ketimbang widget, jikalau memang ada pengunjung yang mengiginkan berlanganan via email niscaya mereka akan mencari dan menemukanya dengan gampang jikalau memasang menunya pada daerah yang tepat

Itu berdasarkan saya aja sih ☺ nyatanya masih banyak juga blog-blog yang memasang widget subscribe by email bahkan situs-situs besarpun, saya kembalikan ke selera dan impian pemilik blog

Cara menciptakan halaman berlangganan atau subscribe by email di blog


Jika kau tertarik membuatnya di halaman bukan di widget menyerupai yang saya buat, kau sanggup mengikuti tutorial yang cukup gampang dan sederhana berikut ini.

Yang pertama harus dilakukan buat halaman gres dengan judul Subscribe By Email atau Berlangganan Via Email, pilih mana yang berdasarkan kau lebih menarik

Kemudian buatlah kata-kata pendukung menyerupai pada DEMO yang saya sebutkan

Selanjutnya copy paste instruksi dibawah ini letakkan di tengah kata pendukung yang telah dibuat, diatas dibawah juga sanggup pilih yang kau suka, ingat dalam mode HTML jangan di Compose kemudian publikasikan

<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=KetikIde', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<i>Ayo ikuti jejak mereka 100 orang lebih telah mendapat artikel terbaru eksklusif dikirim melalui email</i>
<input class="email-address" name="email" placeholder="Masukan alamat email..." type="text" />
<input class="submit-email" type="submit" value="Subscribe" /></form>
</div>

Langkah selanjutnya pilih sajian Tema Edit HTML copy paste instruksi dibawah ini letakkan diantara instruksi CSS yang ada di blog kalian

/* Statis Subscribe */
.berlangganan-box {background:#0099ff;border-radius:2px;border:1px solid #ddd;color: #fff;padding: 15px;margin: 20px 0;text-align: center;font-size:12px;}
.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 20px;border-radius: 2px;color: #fff;border: none;outline: none;}
.berlangganan-box input.submit-email[type="submit"]:hover {background: #e00;color: #fff;cursor: pointer;}
.berlangganan-box input.email-address[type="text"]:focus {background:rgba(0, 28, 33, 0.38);}

Kemudian simpan dan selesai, cukup gampang bukan. Dan cara untuk membukanya perlu menyedikan sajian didalam blog terserah mau diletakkan di mana tergantung selera masing-masing menyerupai teladan diatas saya menaruh dibawah blog dengan menu Submint

Baca juga : Cara menciptakan tombol share lengkap dan responsive di blog AMP

Udah begitu aja dan simpulan cara menciptakan halaman berlangganan/subscribe by email di blog, cukup sederhana tidak membebani loading blog dan tampilan blog tetap simple dan rapi

Jika ada yang ingin ditanyakan silahkan tingalkan dikolom komentar, semoga sukses.
Sumber https://www.larepacitan.com/