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 dapat anda lakukan yakni dengan menyediakan widget Kotak Berlangganan artikel.

Singkatnya begini, saat ada seorang pembaca mendaftarkan emailnya ke Subscription Box yang anda punya, mereka akan mendapat artikel terbaru menurut 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 sajian Layout
2. Pada kolom Sidebar, silahkan ketuk sajian Add a Gadget untuk menambahkan widget
3. Cari widget Follow by Email (geser hingga 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, misalnya menyerupai ini: http://feeds.feedburner.com/tipsseokiller
6. Simpan atau Save Arrangement

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

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

.FollowByEmail .widget-content:before{content:"Nggak perlu bolak balik lagi. Cukup daftarkan email, anda akan mendapat 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 arahan ]]></b:skin>
4. Simpan perubahan yang terjadi pada template blogger anda

Note: Anda dapat mengubah kalimat diatas dengan kalimat yang ingin anda gunakan. Pastikan pula bahwa anda telah menciptakan atau mempunyai akun FeedBurner.

Apabila tata letak, ukuran karakter yang terlalu kecil atau besar, atau hal lainnya yang tidak sesuai dengan yang anda inginkan; perhatikan pada arahan 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.