Mengganti Tampilan Standard Follow By Email Blogger

Belajar Blogger - Salah satu fitur blogger yang banyak digunakan oleh para blogger adalah fitur untuk berlangganan artikel lewat E-mail. Dengan fitur ini pengunjung (Visitor) akan lebih mudah untuk mendapatkan update dari blog yang mereka ikuti.

Untuk para blogger tentunya sudah tidak asing lagi, widget berlangganan via email ini akan membantu untuk memberikan traffic dari pembaca-pembaca setia dari blog. Nah, jika kamu menginginkan atau memperbolehkan pembaca blog kamu untuk mengikuti blog kamu, maka kamu wajib untuk memasang widget ini.

Blogger sendiri sudah menyediakan widget ini. Namun jika menggunakan widget punya blogger, saya rasa masih belum cukup keren. Maka dari itu aku akan memberikan beberapa model widget follow By Email untuk mengganti tampilan standard dari blogger.

Merubah Tampilan Widget Follow By Email :

Ikuti langkah di bawah ini untuk mengganti tampilan follow by Email Blogger :

• Masuk ke Blogger kemudian klik Drop Down Menu Blogger
• Kemudian pilih "Template" > Edit HTML
• Cari ]]></b:skin> , ( Ctrl + F kemudian masukkan ]]></b:skin> )
• Pilih dari beberapa code tampilan yang kamu suka di bawah ini

Widget Follow By Email 1 

<style type="text/css">
.FollowByEmail table{
padding-top:110px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlLv7-9mr54_sm1GzHSS1ENPtEr6sdyikUN73oFlU3GE86HwBEwEp4vQCYFoM6qcFnnelhn1uUNagwtQOaEApF8h-iaYETNZJGZXqmgwSjzx-tuAvktvNtiUgZXn9KfTUyI5tam_CcIT-5/s1600/blogsdaddy.com-subscribe+via+email3.png') center top no-repeat;
}
.follow-by-email-inner input {
border-radius: 5px;
color: #fff;
padding-left:0px;
background:#2790a8;
font-weight:bold;
}
/* css by www.BlogsDaddy.com   02 */
</style>

Widget Follow By Email 2

<style type="text/css">
.FollowByEmail table{
padding-top:110px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0IF389Xz6IG8_6JVxzfucXCUDq4azdgJodC4xXRyYfELDjcSksJCte_Axt0NpvZhyphenhyphenT9YOBI_VV19asVIqdK_0BYfuyuUBsfw05hc7WtMoE13UYBO50ypUb-4jrAYAljTcBEDlwRYr2VLB/s1600/blogsdaddy.com-subscribe+via+email2.png') center top no-repeat;
}
.follow-by-email-inner input {
border-radius: 5px;
color: #fff;
padding-left:0px;
background:#464e53;
font-weight:bold;
}
/* css by www.BlogsDaddy.com   03 */
</style>

Widget Follow By Email 3

<style type="text/css">
.FollowByEmail table{
padding-top:110px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYicN_ZW6nLSXXxUf-C5Alkezp2d9wMtoWTXn4DCN6IZmuasW1cndfo32zEQ_hVL-sicHMXbWyyyC9ox_I2-xZt11iYWpf98GIu94Vj7If9Z53gWzCWkLH9BMK43ZEY0h7yB5khklnVoD-/s1600/blogsdaddy.com-subscribe+via+email1.png') center top no-repeat;
}
.follow-by-email-inner input {
border-radius: 5px;
color: #fff;
padding-left:0px;
background:#72ac00;
font-weight:bold;
}
/* css by www.BlogsDaddy.com   04 */
</style>

Widget Follow By Email 4

<style type="text/css">
.FollowByEmail table{
padding-top:90px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKHEe2EETWuindWufT-OVj7ROJqArgRHl84L-p3qR3b8vlhO0L1hjEporYDAkS158WihTuX5exZDF0rB5iTq2dpd68M29uSP71QykK8jAYWZqC0CvRH20FhrJGYWWpL-n_LKgSaLDkvvSo/s1600/blogsdaddy.com-subscribe+via+email.png') center top no-repeat;
}
.follow-by-email-inner input {
border-radius: 5px;
color: #fff;
padding-left:0px;
background:#f59829;
font-weight:bold;
}
/* css by www.BlogsDaddy.com   06 */
</style>

Nah, diatas merupakan kode-kode CSS dari widget follow by email. Sekarang bagaimana cara untuk menambahkannya.

Twitter Delicious Digg Facebook Stumbleupon RSS