Senin, 16 November 2015

Cara Membuat Widget Follow by Email di Sidebar Blog dengan Kode CSS Hasil Modifikasi.


By on 18.44

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(http://3.bp.blogspot.com/-vmhZWva5sok/VO6eKkpwWoI/AAAAAAAAJpQ/M6-AxOr9ACY/s1600/BloggerSpice%2BRSSIco.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


About The Blogger

"Belumkah datang waktunya bagi orang-orang yang beriman, untuk tunduk hati mereka mengingat Allah dan kepada kebenaran yang telah turun (kepada mereka), dan janganlah mereka seperti orang-orang yang sebelumnya telah diturunkan Al Kitab kepadanya, kemudian berlalulah masa yang panjang atas mereka lalu hati mereka menjadi keras. Dan kebanyakan di antara mereka adalah orang-orang yang fasik." (QS. Al Hadid 57 : 16)

0 komentar:

Posting Komentar