November 4, 2015

Cara Memasang Widget Follow by Email di Sidebar Blog Hasil Modifikasi

November 4, 2015

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.

Widget Follow by Email di Sidebar Blog Hasil Modifikasi

CARA PASANG FOLLOW BY EMAIL

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

Widget Follow by Email

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

Widget Follow by Email

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

Previous
« Prev Post
Author Image

CB Blogger

Recommended Posts

Related Posts

Show comments
Hide comments

6 comments on Cara Memasang Widget Follow by Email di Sidebar Blog Hasil Modifikasi

  1. keren banget mas...namun setelah aku praktekkan hasilnya kok beda dengan demo?

    ReplyDelete
    Replies
    1. modif lagi dikit, itu kan ada blog yang jadi sumber kodenya

      Delete
  2. CB mau tanya,

    apakah dengan cara ini kita bisa tahu alamat email yang jadi follower?

    terima kasih..

    ReplyDelete
    Replies
    1. Absolutely.... Yes! We can see and manage their email addresses...

      Delete

Contact Form

Name

Email *

Message *