Hal ini akan berdampak dengan naiknya traffic. Jadi pengunjung yang mengikuti anda lewat Feedbuner akan mendapatkan kiriman email secara otomatis jika kita posting artikel baru.
Ada 2 cara menambah kotak Subscribe di blog, yang pertama anda bisa menambah langsung dari HTML feed yang sudah di sediakan Blogger, dan yang kedua anda bisa memasang manual dengan menambah Script yang saya akan lampirkan di bawah.
Jika anda berminat untuk Membuat Widget Subscribe di Blog, silakan ikuti langkah-langkah di bawah ini:
Cara Pertama Menambah Kotak Berlangganan di Blog
Masuk ke akun Blogger anda
Pada menu Dashboard pilih Tata Letak
Klik Add A Gadget
Cari dan pilih layanan Tautan Berlangganan
Beri Judul widget terakir Klik Save
Cara kedua membuat Kotak Subscribe di Blog
Pertama, Login ke akun Blogger anda.
Pada menu Dashboard pilih Template
Klik Edit HTML/JavaScript
Cari Kode ]]></b:skin> (Agar lebih mudah gunakan CTRL + F)
Copy kode di bawah ini dan letakkan tepat di atas ]]></b:skin>
#subscribe-box {background-color:#0CC388;font-family: 'PT Sans', sans-serif;} #subscribe-box p {font-size:22px;color:#fff;line-height:20px;padding:10px 20px 0 20px;margin:0;} #subscribe-box .emailfield {padding:0px 20px 10px;} #subscribe-box .emailfield input {background:#f9f9f9;color:#bbb;padding:10px;margin-top:10px;font-size:13px;width:91%;border:0;transition:all 0.4s ease-in-out;} #subscribe-box .emailfield input:focus {background:#fff;outline:none;color:#888;} #subscribe-box .emailfield .submitbutton {background:#444;color:#fff;text-transform:uppercase;font-weight:700;font-size:18px;font-family: 'PT Sans', sans-serif;;border:none;outline:none;width:100%;cursor:pointer;border-radius:3px;transition:all 0.4s ease-in-out;} #subscribe-box .emailfield .submitbutton:active {outline:none;border:none;background:#fff;color:#e25734;} #subscribe-box .emailfield .submitbutton:hover{background:#fff;color:#444;} .creadit a{color: #A7A6A6; float: right; font-size: 8px
Berikutnya kembali ke menu Dasboard dan pilih Layout/Tata Letak
Klik Add A Gadget
Copy kode di Script di bawah ini dan Save
<div id="subscribe-box"> <center> Subscribe for our all latest news and updates</center> <div class="emailfield"> <form action="http://feedburner.google.com/fb/a/mailverify?uri=USER-NAME" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=USER-NAME, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input name="name" onblur="if (this.value == "") {this.value = "Your Name";}" onfocus="if (this.value == "Your Name") {this.value = "";}" type="text" value="Your Name" /> <input name="email" onblur="if (this.value == "") {this.value = "Your Email";}" onfocus="if (this.value == "Your Email") {this.value = "";}" type="text" value="Your Email" /> <input name="uri" type="hidden" value="USER-NAME" /> <input name="loc" type="hidden" value="en_US" /> <input class="submitbutton" type="submit" value="Subscribe Now" /> </form> </div> </div>
Keterangan
Silakan ganti USERNAME dan ID Feedburner anda
Jika belum punya akun FeedBurner, silakan lakukan registrasi di sini
Sumber:
Posts
