Cara Merubah Tampilan Widget Follow by Email Di Blog

Cara Merubah Tampilan Widget Follow by Email Di Blog - Pernah mendengar kata Follow by Email? sudah pasti , karena follow by email memang widget bawaan dari Blogger , lantas bagaimana cara Merubah tampilannya? . Oke untuk cara merubahnya nanti anda simak baik baik ya , dan untuk merubah seperti apa Follow by email sesudah di beri kode CSS di template silakan lihat demonya .

Mungkin untuk kalian yang menggunakan Template dari mbak arlina tidak usah repot repot menggunakan cara ini , karena template dari mbak arlina biasanya sudah terpasang .

dan untuk anda yang menggunakan template lain , dan jika ingin merubah tampilannya , baca baik baik nih .

Pasang terlebih dahulu widget Follow by emailnya
Jika sudah di pasang klik Simpan

Tahap selanjutnya

Klik Template > Edit Html
Cari kode ]]></b:skin>
Copy kode di bawah ini , tepat di atas kode ]]></b:skin>

/* CSS Follow by email */
div#FollowByEmail1{background:transparent;}
.FollowByEmail .widget-content {padding:0;}
.FollowByEmail .follow-by-email-inner {position:relative;}
.follow-by-email-inner {background:#fff;padding:15px;padding-bottom:0;color:#444;}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {background:#fff;
color:#666;border:1px solid #e6e6e6;font-size:13px;height:32px;line-height:32px;padding-left:5px;width:100%;border-radius:2px 0 0 2px;transition:all 0.2s;}
.FollowByEmail .follow-by-email-inner .follow-by-email-address:focus {outline:none;color:#444;}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {background:#29abe2;
color:#fff;cursor:pointer;font-family:'Open Sans';font-size:15px;height:33.5px;line-height:33.5px;margin:0 2px;width:64px;z-index:0;border-radius:0 2px 2px 0;border-left:none;transition:all 0.2s;}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {background:#42494f;color:#fff;}
.tabletd1 {width:100%;}
.tabletd2 {width:64px;}
.FollowByEmail .follow-by-email-inner input {font-family:'Open Sans',sans-serif;}