Cara Membuat Widget Berlangganan Via Email Seperti Mas Sugeng, Keren Abis - Widget berlangganan via email memang jarang dipasang oleh kebanyakan blogger. Padahal widget ini cukup berpengaruh pada kualitas blog kamu. Lalu bagaimana cara membuat widget berlangganan via email seperti mas sugeng yang keren abis? Simak tutorialnya dibawah ini..
Pada postingan sebelumnya saya membahas tentang Cara Membuat Blog Berkualitas Yang Disukai Google Adsense tapi kali ini saya akan memberikan tutorial memasang widget berlangganan via email, supaya blog kamu semakin kece.
Sebelum kalian memasang widget berlangganan ini, sebaiknya ketahui terlebih dahulu fungsi dari widget tersebut. Berikut adalah beberapa fungsi widget berlangganan :
Selain memiliki fungsi tertentu, ternyata widget ini juga memiliki banyak manfaat untuk blog kita. Berikut adalah manfaat memasang widget berlangganan :
Itulah beberapa fungsi dan manfaat memasang widget berlangganan ini. Bagaimana contoh widget berlangganan via email ini? Berikut contoh widgetnya :
Bagaimana widgetnya? Keren abis bukan? Bayangkan saja widgetnya nongol di blog kamu, tentu akan semakin membuat blog kamu indah dan mempesona. Oke jika kamu sudah siap untuk memasangnya, langsung saja ke tutorialnya :
Catatan :
Jika sudah meng-copy script diatas, langkah selanjutnya adalah :
1. Buka dashbord blogger kamu, lalu pilih tata letak
2. Silahkan kamu pilih letak dimana kamu ingin menempatkan widgetnya
3. Jika sudah, langsung saja klik Tambahkan Gadget
Lanjut ke langkah berikutnya..
1. Kolom Judul : Isi dengan nama judul widget yang akan kamu pasang, isi sesuai selera kamu.
2. Kolom Konten : Silahkan paste script yang sudah kamu copy diatas pada kolom konten.
3. Klik Simpan
Selamat kamu sudah berhasil memasang widget berlangganan via email ala mas sugeng. Silahkan lihat blog kamu, maka widget ini sudah muncul disana..
Contoh widget berlanggana pada blog ini :
Bagaimana mudah bukan? Ternyata untuk memasang widget yang sangat keren tidak perlu susah-susah ya..
Selanjutnya kamu bisa merubah style widget Recent Post supaya menjadi lebih keren dan cantik, silahkan kunjungi Cara Merubah Style Widget Recent Post Blogger Menjadi Lebih Keren dan Cantik.
Sekian artikel kali ini, mohon maaf bila saya kurang detail dalam menjelaskan. Jika ada yang belum paham, jangan sungkan untuk bertanya dikolom komentar, Insyaallah akan saya jawab.
Terima kasih sudah mampir diblog saya, semoga artikel ini bermanfaat untuk kamu dan orang lain ya, untuk itu silahkan share artikel ini jika kamu mau :).
Good luck!
Pada postingan sebelumnya saya membahas tentang Cara Membuat Blog Berkualitas Yang Disukai Google Adsense tapi kali ini saya akan memberikan tutorial memasang widget berlangganan via email, supaya blog kamu semakin kece.
Sebelum kalian memasang widget berlangganan ini, sebaiknya ketahui terlebih dahulu fungsi dari widget tersebut. Berikut adalah beberapa fungsi widget berlangganan :
Fungsi Widget Berlangganan Via Email :
- Mempermudah para pembaca untuk mendapat notifikasi jika kamu memposting artikel terbaru
- Memperindah tampilan blog
- Membuat Tampilan blog terlihat lebih profesional
- Membuat pembaca menjadi setia diblog kamu
Selain memiliki fungsi tertentu, ternyata widget ini juga memiliki banyak manfaat untuk blog kita. Berikut adalah manfaat memasang widget berlangganan :
Manfaat Memasang Widget Berlangganan Via Email :
- Pembaca menjadi lebih setia
- Jika kamu sedang masa review google adsense, maka bisa mendapat nilai lebih dari pihak google
- Blog kamu terlihat lebih profesional sehingga semakin mudah untuk nongkrong dihalaman pertama google
Itulah beberapa fungsi dan manfaat memasang widget berlangganan ini. Bagaimana contoh widget berlangganan via email ini? Berikut contoh widgetnya :
Widget berlangganan via email www.Infoterlengkap.com |
CARA MEMASANG WIDGET BERLANGGANAN
Pertama silahkan copy script widgetnya yang telah saya siapkan dibawah ini :
<div class='widget enews-widget' id='enews-ext-2'>
<div class='widget-wrap'>
<div class='enews'>
<h4 class='widget-title widgettitle'>BERLANGGANAN LEWAT EMAIL</h4>
<form action='https://feedburner.google.com/fb/a/mailverify' method='post' target='popupwindow' onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=AnakSerbaTau', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<p>Supaya kamu gak bulak-balik kesini, masukin aja Email kamu dibawah, supaya kamu dapet info kalo aku update artikel terbaru..</p>
<input type='text' name='email' placeholder='Tulis Email Kamu di Sini...'/>
<input type='hidden' value='AnakSerbaTau' name='uri'/>
<input type='hidden' name='loc' value='en_US'/>
<input type='submit' value='Subscribe'/>
</form>
</div>
</div>
</div>
<style type='text/css'>
.enews-widget {background-color:#696969;color:#FFF;padding:20px !important;margin-top:10px}
.enews-widget h4 {font:17px/18px 'Oswald',Arial;margin:0 0 20px 0}
.enews .screenread {height:1px;left:-1000em;overflow:hidden;position:absolute;top:-1000em;width:1px}
.enews-widget input {font-size:15px;margin-bottom:15px;box-sizing:border-box;background-color:#FFF;border:2px solid #FFF;color:#333;padding:9px 11px;width:100%}
.enews-widget input[type="submit"] {font:16px/20px "Oswald",Arial;background-color:#01AEFF;color:#FFF;margin:0;width:100%;border:none;cursor:pointer}
.enews-widget input[type="submit"]:hover {background-color:#0173B2}
</style>
<div class='widget-wrap'>
<div class='enews'>
<h4 class='widget-title widgettitle'>BERLANGGANAN LEWAT EMAIL</h4>
<form action='https://feedburner.google.com/fb/a/mailverify' method='post' target='popupwindow' onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=AnakSerbaTau', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<p>Supaya kamu gak bulak-balik kesini, masukin aja Email kamu dibawah, supaya kamu dapet info kalo aku update artikel terbaru..</p>
<input type='text' name='email' placeholder='Tulis Email Kamu di Sini...'/>
<input type='hidden' value='AnakSerbaTau' name='uri'/>
<input type='hidden' name='loc' value='en_US'/>
<input type='submit' value='Subscribe'/>
</form>
</div>
</div>
</div>
<style type='text/css'>
.enews-widget {background-color:#696969;color:#FFF;padding:20px !important;margin-top:10px}
.enews-widget h4 {font:17px/18px 'Oswald',Arial;margin:0 0 20px 0}
.enews .screenread {height:1px;left:-1000em;overflow:hidden;position:absolute;top:-1000em;width:1px}
.enews-widget input {font-size:15px;margin-bottom:15px;box-sizing:border-box;background-color:#FFF;border:2px solid #FFF;color:#333;padding:9px 11px;width:100%}
.enews-widget input[type="submit"] {font:16px/20px "Oswald",Arial;background-color:#01AEFF;color:#FFF;margin:0;width:100%;border:none;cursor:pointer}
.enews-widget input[type="submit"]:hover {background-color:#0173B2}
</style>
Catatan :
- Untuk kata-kata yang berwarna HIJAU : Silahkan ganti dengan nama blog kamu..
- Untuk kata-kata yang berwarna MERAH : Silahkan ganti kata-katanya sesuai selera kamu...
Jika sudah meng-copy script diatas, langkah selanjutnya adalah :
Cara memasang widget berlangganan via email |
1. Buka dashbord blogger kamu, lalu pilih tata letak
2. Silahkan kamu pilih letak dimana kamu ingin menempatkan widgetnya
3. Jika sudah, langsung saja klik Tambahkan Gadget
Lanjut ke langkah berikutnya..
Cara memasang widget berlangganan di blog |
1. Kolom Judul : Isi dengan nama judul widget yang akan kamu pasang, isi sesuai selera kamu.
2. Kolom Konten : Silahkan paste script yang sudah kamu copy diatas pada kolom konten.
3. Klik Simpan
Selamat kamu sudah berhasil memasang widget berlangganan via email ala mas sugeng. Silahkan lihat blog kamu, maka widget ini sudah muncul disana..
Contoh widget berlanggana pada blog ini :
Widget berlangganan via email (Versi Dekstop) |
Widget berlangganan via email (versi mobile) |
PENUTUP
Bagaimana mudah bukan? Ternyata untuk memasang widget yang sangat keren tidak perlu susah-susah ya..
Selanjutnya kamu bisa merubah style widget Recent Post supaya menjadi lebih keren dan cantik, silahkan kunjungi Cara Merubah Style Widget Recent Post Blogger Menjadi Lebih Keren dan Cantik.
Sekian artikel kali ini, mohon maaf bila saya kurang detail dalam menjelaskan. Jika ada yang belum paham, jangan sungkan untuk bertanya dikolom komentar, Insyaallah akan saya jawab.
Terima kasih sudah mampir diblog saya, semoga artikel ini bermanfaat untuk kamu dan orang lain ya, untuk itu silahkan share artikel ini jika kamu mau :).
Good luck!
Advertisement