-->
Cara Menciptakan Widget Berlangganan Via Email (Kotak Subscribe) Keren Di Sidebar Blogger
4/ 5 stars - "Cara Menciptakan Widget Berlangganan Via Email (Kotak Subscribe) Keren Di Sidebar Blogger" Salasatu Widget penting di dalam sebuah blog yakni widget Ikuti lewat Email yaitu menampilkan fitur berupa tombol berlangganan atau Subscri...

Cara Menciptakan Widget Berlangganan Via Email (Kotak Subscribe) Keren Di Sidebar Blogger



Salasatu Widget penting di dalam sebuah blog yakni widget Ikuti lewat Email yaitu menampilkan fitur berupa tombol berlangganan atau Subscribe box dari FeedBurner. Widget ini berfungsi untuk meningkatkan jumlah pengunjung blog tetap secara berkelanjutan setiap blog mempublikasikan artikel terbaru. Pelanggan secara otomatis akan mendapat kiriman Email dari Blog Anda tersebut.

Kotak Berlangganan FeedBurner merupakan widget yang harus dipasang (pada Sidebar/HTML Tema) sebagai syarat mutlak bagi blog yang akan di daftarkan ke Google AdSense biar dapat keterima dalam sekali daftar. Karena pengiklan menyerupai Google AdSense sangat menyukai situs yang sudah mempunyai pengunjung tetap untuk menayangkan iklan.

Ketika pemilik ingin memasang widget khusus berlangganan pada blog-nya yang harus dilakukan yakni menambahkan Gadget Ikuti lewat Email atau dengan mendaftarkan blog Anda tersebut ke FeedBurner.com, yaitu situs layanan kiriman postingan/artikel terbaru dari situs web Anda. Nantinya secara otomatis blog Anda mempunyai URL dan ID dari FeedBurner yang dapat dilakukan modifikasi tampilan Subscribe Box di Template atau pada sidebar blog melalui HTML/JavaScript.

 Salasatu Widget penting di dalam sebuah blog yakni widget Ikuti lewat Email yaitu menamp Cara Membuat Widget Berlangganan via Email (Kotak Subscribe) Keren di sidebar Blogger

Terbaru pemasangan Tombol Berlangganan dapat di modifikasi tampilan menjadi menarik dan lebih profesional, Anda yang suka dengan tampilan berbeda bukan namun tetap responsive?

Cara Membuat Widget Berlangganan via Email (Kotak Subscribe) Keren di sidebar Blogger


Untuk menciptakan Kotak/Tombol Berlangganan di blog minimal harus memasang widget Ikuti lewat Email yang sudah tersedia pada konten default blogger tinggal memasang. Berikut langkah dalam memasang Widget Berlangganan (Subscribe box) di Blogger...

Langkah pertama Membuat Subscribe Box/follow by Email di Blogger


1. Pertama Login ke Blogger.

2. Pada menu, pilih Tata Letak.

3. Selanjutnya klik Tambahkan gadget.

4. Kemudian pilih widget Ikuti lewat Email > Ganti judul dengan goresan pena Anda atau biarkan:

 Salasatu Widget penting di dalam sebuah blog yakni widget Ikuti lewat Email yaitu menamp Cara Membuat Widget Berlangganan via Email (Kotak Subscribe) Keren di sidebar Blogger
Menambahkan widget berlangganan artikel FeedBurner

  • Disini secara otomatis blog Anda sudah mempunyai URL dan ID dari FeedBurner, catat baik baik ID tersebut instruksi ini dapat untuk menciptakan modifikasi tampilan widget berlangganan kustomisasi.
  • Bisa juga dilihat pribadi di FeedBurner.com, kurang-lebih menyerupai ini teladan username atau ID blog:

  • ID-nya sama saja.


5. Tinggal Klik Simpan.

6. Selesai.

Widget tersebut yakni blogger tampilan default pada sidebar blog. Untuk mendesain Subscribe Box menjadi menarik biasanya dapat dilakukan modifikasi form melalui HTML Tema atau melalui Rancangan HTML/JavaScript.

Cara Memasang Widget Berlangganan pada sidebar dengan modifikasi

Memodifikasi Subscribe blog para blogger sangat banyak macam gayanya, tampilan keren mempunyai kegunaan untuk menarik perhatian pembaca gres biar ikut berlangganan artikel.
Contoh kasatmata menyerupai ini:



 Salasatu Widget penting di dalam sebuah blog yakni widget Ikuti lewat Email yaitu menamp Cara Membuat Widget Berlangganan via Email (Kotak Subscribe) Keren di sidebar Blogger
Contoh gambar/Widget Berlangganan lewat Email modifikasi pada sidebar blog

Hal pertama yang harus dilakukan yakni menyiapkan ID dari FeedBurner menyerupai cara pertama berikut langkahnya:

1. Buka Blogger anda yang akan dipasang Widget Berlangganan Modifikasi.

2. Pada sajian pilih Tata Letak > Tambahkan Gadget

3. Selanjutnya pilih Rancangan HTML/JavaScript.

4. Kemudian copy instruksi berikut dan paste pada kolom konten HTML/JavaScript:


<style>
#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}
 .sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOanUzj9wvZkzDM-p0qvkGDNnYygiYD9mij4Mc0AZiZTR7WjKiGphyphenhyphentO8q4TOJ6ZEb-6dFdB-G9LwC2qCMonSVMU3Y_cN6YXSj_UIMKFaC0eAkwuSkiMsh17OwG7wgEFMRWi7Xnw__7d8/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}
 .sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}
 .sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGQG6Ow-Q7AljGsQTO7eqwvIOHtPpRu-6uKa50rdM7xBbWUY7DOppaQi81pNtG_HC4_gDqK6ck69rkIvAfmsRkFawFWBHEMqHbaNcDnEcRYxkL2l-2wXydCVifFlWT2ZNAllt-xrMprf4/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}
 .sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}
 .sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}
 .sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}
 #footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}
</style>
<div id="sidebar-subscribe-box">
<div class="sidebar-subscribe-box-wrapper">
<p>Dapatkan Update Terbaru Mudahriki !!</p>
<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=mudahrizki/OlNQC" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=mudahrizki/OlNQC', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="bloggertrix" />
<input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Masukkan email anda disini"/>
<input class="sidebar-subscribe-box-email-button" title="Cara Membuat Widget Berlangganan via Email (Kotak Subscribe) Keren di sidebar Blogger" type="submit" value="BERLANGGANAN" /></form>
</div></div></div>


Keterangan
Ganti Tulisan berwarna biru sesuai keinginan.
Ganti ID (mudahrizki/OlNQC)dengan ID FeedBurner blog Anda.

5. Jika dirasa selesai, klik Simpan.

Kesimpulan menciptakan Kotak Berlangganan Subscribe di blogger


Memilih widget berlangganan ternyata dapat dirubah menjadi keren ala blog desainer menyerupai Arlinadesign atau MasSugeng, niscaya menciptakan pengunjung suka kalau anda ingin menciptakan Kotak Berlangganan keren ala MasSugeng silahkan baca "Cara menciptakan kotak berlangganan (email subscribe) ala mas Sugeng"

Selamat mencoba ya..