Cara Membuat Widget Berlangganan Email Subscribe Blog

Cara Membuat Widget Berlangganan Email Subscribe Blog - Email Subscribe atau Berlangganan Email adalah sebuah layanan yang berfungsi untuk mengirimkan update artikel secara otomatis langsung ke email pengunjung, jadi nantinya pengunjung yang sudah mendaftar dan mengkonfirmasi langgananya, mereka akan langsung mendapatkan update yang terkirim secara otomatis ketika ada artikel terbaru di blog kita, jadi kita tidak perlu melakukanya secara manual, selain itu, tidak ada batas kuota langgananya, da gratis tentunya!

Apa peranan email subscribe ini dalam meningkatkan trafik blog? Ya, layanan berlangganan via email ini dapat memberitahu para pengunjung terdaftar bahwa sudah ada artikel terbaru yang dapat mereka simak di blog kita, selain itu, email subscribe ini juga dapat mengingatkan jika suatu saat ada para pengunjung yang sudah lama tak berkunjung dan lupa akan blog kita. Memang untuk mendapatkan pelangganya tidaklah mudah, tapi setidaknya kita bisa mencoba terlebih dahulu dengan memasang widget ini, oleh karena itu, bangunlah konten yang bermanfaat, agar para pengunjung tertarik untuk berlangganan.

Berlangganan Email sering juga disebut sebagai newsletter, layanan ini merupakan salah satu teknik yang biasa dilakukan oleh blogger dalam mendongkrak kunjungan ke blog mereka, karena dengan memanfaatkan fungsi newsletter ini, itu artinya kita sudah masuk ke dalam bagian email marketer, yakni orang-orang yang menggunakan email sebagai sarana promosi (bukan spam). Untuk memaksimalkan sektor email marketing ini, terlebih dahulu anda harus mendaftarkan blog anda di feedurner, tentunya untuk menggunakan layanan gratis ini.

Cara Membuat Widget Berlangganan Email Subscribe Blog

1. Login ke Blogger.

2. Pilih Tata Letak  / Layout.

3. Klik Add Gadget pada elemen yang anda inginkan.

4. Pilih gadget HTML/JavaScript.

5. Letakkan kode css dan HTML berikut ini kedalamnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'> <style> .mtc-newsletter-box {width:500px; height:222px; background:#f5f5f5; border:10px solid #ABABAB;padding:5px;} .mtc-newsletter-box h1{font-size:20px; font-weight:bold; color:#444; text-align:center;} .mtc-newsletter-box p{font-size:16px; font-family:georgia; text-align:center;line-height:25px;} .mtc-newsletter-box input{background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGDRnNPxr44pDt8xuPipwDukw5CbzonvtAnSEhfDrcKPTMUJqVWTBZgl6bP4HKPFdgXvcizNJLhrKu3eqfJmbdlLBsTN0IsRSHKZZjQtXqMDLAomG8Ly4rldNgjULVHRycxNlLUxNLQguB/s1600/subscribe-email.png) no-repeat right;font-family: Georgia, Times, &quot;Times New Roman&quot;, serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px; border: 1px solid #111 !important;font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important; box-shadow:2px #ABABAB;} .mtc-newsletter-box .submit{background:#ABABAB;} .mtc-newsletter-box .submit:hover{background-color: #444;border: 1px solid #444;color: white;text-decoration: none;} </style> <div class='mtc-newsletter-box'> <h1>Join Our Email Newsletter Now!</h1> <p>Join over 1,000 people who get free and fresh content delivered automatically each time we publish.</p> <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=ID Feedburner&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><div align="center"> <input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter Your Email Address...&quot;;}' onfocus='if (this.value == &quot;Enter Your Email Address...&quot;) {this.value = &quot;&quot;}' size='30' type='text' value='Enter Your Email Address...'/><input name='uri' type='hidden' value='ID Feedburner'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='Subscribe Now!'/></div> </form><a href="http://farespo.blogspot.com/2013/06/cara-membuat-widget-berlangganan-email-subscribe-di-blog.html">Get This!</a></div></div> </b:if>

Keterangan: Ganti kode yang berwarna biru dengan ID Feedburner blog anda.

6. Klik "Save/Simpan" Gadget, dan selesai.

Demikian informasi terbaru tentang Cara Membuat Widget Berlangganan Email Subscribe Blog, simak juga artikel menarik lainya seputar tutorial dan tips trik blog tentang Cara Membuat Artikel Terkait dengan Thumbnail (Gambar), semoga bermanfaat, dan selamat mencoba.

Tweet