Cara Membuat Follow by Email (Kotak Berlangganan - Subsciption Box) Simple Keren di Sidebar Blog.

MELENGKAPI posting sebelumnya perihal Macam-Macam Widget Kotak Berlangganan di Sidebar Blog, kali ini tampilannya simple dan memakai kotak berlangganan atau Follow by Email Bawaan Blogger.

Tampilan Subscription Box-nya menyerupai ini. Demo Live-nya ada di Starter Theme.

Macam Widget Kotak Berlangganan di Sidebar Blog Membuat Follow by Email (Kotak Berlangganan) Simple Keren di Sidebar Blog

CARA PASANG

1. Layout > Add a Gadget > Pilih "Follow by Email"
2. Jika punya ID FeedBurner, maka sesuaikan FeedBurner URL-nya
2. Save!

PASANG KODE CSS

Selanjutnya yaitu memasang isyarat CSS Follow by Email ini agar desainnya manis menyerupai gambar di atas:

1. Template > Edit HTML
2. Copas isyarat berikut ini di atas isyarat ]]></b:skin>

.FollowByEmail .widget-content:before{content:&quot;Enter your email address to subscribe to this blog and receive notifications of new posts by email.&quot;;display:block}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {background-color:#e74c3c;}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {font-size: 13px;padding: 6px 0;padding-left: 5%;width: 93%;}
.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address {background-color:#000000;border:1px solid #e74c3c;}
input[type=&quot;submit&quot;] {border-radius:2px;background-color:#06C100;outline:0;border:0;padding:5px 8px;color:#FFFFFF;margin:2px 3px;cursor:pointer;}
input[type=&quot;submit&quot;]:hover {background-color:#324353;}
input[type=&quot;text&quot;] {padding: 4px 5px;border: 1px solid rgba(219,219,219,1);color: #324353;}

3. Anda dapat mengubah kata-kata warna merah.
4. Save Template!

Beres. Demikian cara Membuat Follow by Email - Kotak Berlangganan - Subsciption Box di Sidebar Blogger. Good Luck & Happy Blogging! (http://www.idtutorial.com).*

Share To:

Endo Sadewa

Post A Comment:

0 comments so far,add yours