Cara Membuat Kotak Berlangganan di Blog

Cara Membuat Kotak Berlangganan di Blog - Cara memasang fasilitas berlangganan via feedburner di blog atau cara memberi box subscribe feedburner di blog - Kotak berlangganan memang penting untuk dipasang di blog. Mengapa? Karena jika pengunjung yang tertarik dan menyukai artikel kita sehingga mereka ingin selalu mendapatkan update terbaru blog kita, mereka tidak usah susah mengunjungi blog kita tiap hari. Tapi cukup memasukkan email mereka di kotak ini dan mereka sudah menjadi pelanggan kita. Sehingga bila update terbaru blog kita, mereka cukup mengeceknya lewat email dan mereka bisa mengunjungi blog kita. Cara ini saya dapatkan dari sini (http://agungtalaga.blogspot.com/2012/05/memasang-kotak-berlangganan-artikel.html). Oke, langsung saja berikut cara memasang fasilitas berlangganan via feedburner di blog:

  1. Langkah pertama seperti biasa login dulu ke akun blognya
  2. Setelah berhasil login, pada halaman home akun blog Anda silakan klik nama blognya atau silakan klik tanda panah kecil disamping view blog (Lihat Blog) lalu pilih Layout.
pilih layout di blog
  1. Pada halaman layout, silakan tentukan sendiri dimana widget ini akan diletakkan kemudian pilih Add Gadget pada posisi yang sudah Anda tentukan. Setelah terbuka windows Add Gadget-nya, pilih HTML/JavaScript. Untuk nama Widgetnya, terserah sobat mau kasih nama apa atau tanpa nama juga bisa kemudian silakan copy kode di bawah ini dan paste pada bagian Content. Untuk hal ini mungkin sobat lebih mahir dari saya. 
  2. <style> .form {border:1px solid #ccc; background:#fff; padding:3px; width:340px; height:178px} .rss {background:url("https://lh6.googleusercontent.com/-mstEja_NzCg/T21GQuoGxgI/AAAAAAAAByA/ApyfawPuJfE/s128/Newspaper_Feed_128x128.png") no-repeat top right} .button {background:#069; color:#fff; font-size:11px; font-family:Arial,Tahoma, Verdana; margin-left:5px; border:1px solid #234b69; padding:3px 5px 3px 5px; font-weight:bold}  </style> <div class="form"> <div class="rss"> <div style="font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;"><a href="http://lh3.ggpht.com/_15FopxVONSo/TCXI_jBHdlI/AAAAAAAADPY/Rh5cFsxiV4A/s800/005.png" /></a> <a href="http://feeds.feedburner.com/agungtalaga">Dapatkan Artikel Terbaru Via RSS</a></div> <div style="font-weight:bold; padding:10px 10px;">Artikel Terbaru Via Email</div> <div style="font-color: black; padding-left:10px">Dapatkan kiriman artikel terbaru dari blog ini langsung ke email Anda.!!!</div> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=agungtalaga', 'popupwindow', 'scrollbars=yes, width=550, height=520');return true"> <div style="padding-left:10px; padding-bottom:10px; padding-top:10px"><input type="text" style="width:160px; height:18px" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Ketik email anda disini...&quot;;}" onfocus="if (this.value == &quot;Ketik email anda disini...&quot;) {this.value = &quot;&quot;}" type="text" value="Ketik email anda disini..." /> <input type="hidden" value="agungtalaga" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input class="button" type="submit" value="Subcribe" /> </div> </form> <div style="padding-left:10px"><a href="http://feeds.feedburner.com/agungtalaga" target="_blank"> <img src="http://feeds.feedburner.com/~fc/agungtalaga?bg=99CCFF&amp;fg=336633&amp;anim=1&amp;label=listeners" width="80" height="26" style="border:0" alt=""/></a> </div></div></div>
  3. Setelah dipaste kodenya, ada beberapa poin yang sobat harus edit dan menyesuaikannya dengan keinginan sobat. Yang pertama, silakan ganti http://feeds.feedburner.com/Blogaul/feed dengan URL Feed Blog sobat. (Baca: cara mengubah Feed RSS Default ke Feedburner)Yang kedua, ganti lagi Blogaul dengan nama akun feed Anda. Untuk kalimat yang lain, sobat sesuaikan dengan keinginan sobat saja.
  4. Setelah semuanya diedit, silakan simpan dan lihat hasilnya
Demikian informasi dari saya tentang cara membuat kotak berlangganan di blog. Semoga bermanfaat untuk sobat semua..

Referensi: http://agungtalaga.blogspot.com/2012/05/memasang-kotak-berlangganan-artikel.html

0 comments:

Post a Comment

Search

Loading...

Popular Posts

Powered by Blogger.

Blog Archive