Cara Memasang Widget Follow by Email di Sidebar Blog Hasil Modifikasi

Baca Juga

Cara Membuat, Menampilkan, atau Memasang Widget Follow by Email di Sidebar Blog dengan Kode CSS Hasil Modifikasi.

WIDGET "Follow by Email" sudah disediakan blogger. Kita tinggal memasangnya di sidebar blog. Namun, tampilannya standar blogger.

Tutorial ini mirip dengan Cara Memasang Kotak Berlangganan (RSS Feed) yang sudah CB share sebelumnya.

Widget ini memudahkan pengunjung untuk berlangganan atau menerima update posting blog kita langsung di emailnya.

"Make it easy for visitors to subscribe to email delivery when you publish a post," demikian kata Blogger dalam teterangannya di widget follow by email.

Jika ingin tampilannya widget follow by email yang dimodifikasi agar keren, kodenya ada di bawah ini. Tinggal pasang. Tampilannya seperti gambar di bawah ini. Live Demo atau contohnya ada di blog demo NJW V5.

CARA PASANG FOLLOW BY EMAIL

1. "Layout" > "Add a Gadget" > pilih "Follow by Email" Widget.

2. Lakukan konfigurasi widget denga mengubah ID Feedburner blog Anda. Jika belum punya, dapatkan dulu dengan cara daftar di Feedburner Google.

3. Klik tombol "Save"!

MEMASUKKAN KODE CSS

Kini saatnya memasang kode CSS.
1. Template > Edit HTML
2. Copas kode berikut ini di atas kode ]]></b:skin> atau </style>

.FollowByEmail .follow-by-email-inner{padding:16px 8px;background:#000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXFd2-rDRuMt7o3EYGpiVZcV2oCaHtZwuFTUUftyWW9UsBkGXX9JDeJZDhUQUT-EczBsM8SNRKxRZg4LzlBm8CU5nNtMukL93WCCWgIifreWnAln8DekWgoWMSd3ArUa-0mvOD8dnROOnB/s1600/BloggerSpice+RSSIco.png) left bottom no-repeat;}
.FollowByEmail .follow-by-email-inner .follow-by-email-address{outline:0;border:1px solid #000000;padding: 5px 10px;width: 90%;height:20px;}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit{background-color:#33AAFF;margin-left:8px;font-weight:700;height:30px;}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{opacity:0.8;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}

Anda bisa mengubah warna latar dan/atau background imagenya (kode warna merah).

3. Save Template!

Demkian Cara Memasang Widget Follow by Email di Sidebar Blog Hasil Modifikasi. Good luck! (http://www.contohblog.com).*

Sumber Kode CSS Widget Follow by Email for Blogger:
http://www.bloggerspice.com/2015/02/custom-follow-by-email-widget-for-blogger.html