Cara Membuat/Menambah Widget Kotak Subscribe di Blog

Cara Mudah Membuat Widget Subscribe di Blog-Membahas mengenai Subscirbe di blog, maka kita tidak akan terlepas dengan yang namanya Feedburner, Dengan Feedburner pengunjung akan dengan mudah mengikuti aktivitas blog anda, terutama dalam notifikasi otomatis konten baru.

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.

Cara mudah Membuat Widget Subscribe di Blog terbaru
Baca Juga kumpulan Widget Keren :

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 Gaget
  • 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 == &quot;&quot;) {this.value = &quot;Your Name&quot;;}" onfocus="if (this.value == &quot;Your Name&quot;) {this.value = &quot;&quot;;}" type="text" value="Your Name" /> <input name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}" onfocus="if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}" 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 bemum punya akun FeedBurner, silakan lakukan registrasi di sini  

Sekian dulu tutorial mengenai  Cara Membuat Widget Subscribe di Blog, Jika masih ada pertanyaan silakan tinggalkan di kotak komentar. Semoga bermanfaat.
 

1 comment: