Modifikasi Subscription Box Blogger Simple tapi Keren

Cara Membuat dan Memasang Kotak Berlangganan di Blogspot

Apabila anda ingin mempunyai langganan pembaca, satu-satunya cara yang bisa anda lakukan adalah dengan menyediakan widget Kotak Berlangganan artikel.

Singkatnya begini, ketika ada seorang pembaca mendaftarkan emailnya ke Subscription Box yang anda punya, mereka akan mendapatkan artikel terbaru berdasarkan kapan artikel tersebut dipublikasikan.

Hari ini anda publikasikan atau posting artikel terbaru, dalam beberapa menit kemudian artikel tersebut akan masuk ke email mereka, -- tentunya bagi mereka yang sudah mendaftarkan emailnya ke Subscription Box yang anda pasang di blog.

Cara Membuat dan Memasang Kotak Berlangganan di Blogger

Pada langkah pertama, buat dulu akun anda ke FeedBurner. Selanjutnya, ikuti langkah-langkah dibawah ini:

1. Masuk dulu ke Blogger, kemudian pilih menu Layout
2. Pada kolom Sidebar, silahkan ketuk menu Add a Gadget untuk menambahkan widget
3. Cari widget Follow by Email (geser sampai ke bawah)
4. Ubah alamat atau URL default yang ditampilkan: http://feeds.feedburner.com/blogspot/Nixly
5. Dengan URL atau Feed yang sudah anda buat, contohnya seperti ini: http://feeds.feedburner.com/tipsseokiller
6. Simpan atau Save Arrangement

Agar tampilannya tertata rapi dan enak dipandang, maka pasang CSS dibawah ini di dalam template blogger anda.

1. Masuk ke Blogger, pilih Theme, selanjutnya ketuk Edit HTML
2. Copy kode dibawah ini:

.FollowByEmail .widget-content:before{content:"Nggak perlu bolak balik lagi. Cukup daftarkan email, anda akan mendapatkan artikel gratis disetiap harinya.";display:block; padding:0 0 15px 0;font-weight:300}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {background-color:#e74c3c}
.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address {background-color:#000000;border:1px solid #e74c3c}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {font-size: 13px;padding: 5px 0;padding-left: 5%;width: 100%}
input[type="submit"] {outline:0;border:0;padding:5px 8px;color:#FFFFFF;margin:0 20px}
input[type="submit"]:hover {background-color:#324353}
input[type="text"] {padding: 4px 5px;border: 1px solid rgba(219,219,219,1)}

3. Letakkan diatas kode ]]></b:skin>
4. Simpan perubahan yang terjadi pada template blogger anda

Note: Anda bisa mengubah kalimat diatas dengan kalimat yang ingin anda gunakan. Pastikan pula bahwa anda telah membuat atau memiliki akun FeedBurner.

Apabila tata letak, ukuran huruf yang terlalu kecil atau besar, atau hal lainnya yang tidak sesuai dengan yang anda inginkan; perhatikan pada kode font-size, padding, margin, background-color, dan border-radius.

Itulah tutorial cara modifikasi tampilan widget kotak berlangganan bawaan Blogger dari yang sederhana menjadi tampak keren dan gress.