Rabu, 11 Juli 2012

Cara Memasang Widget Berlangganan Artikel

Cara Memasang Widget Berlangganan Artikel. Banyak cara dan widget yang bisa kita gunakan untuk membuat artikel berlangganan, salah satunya adalah menggunakan feedburner.

Fungsi dari artikel berlangganan ini tak lain untuk memfasilitasi pengunjung jika tertarik berlangganan artikel, sehingga pengunjung dapat update artikel terbaru dari blog dan kita mempunyai pengunjung tetap.

Jika sobat blogger tertarik, berikut langkah-langkah pembuatannya :
  1. Login akun blogger 
  2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript 
  3. Copy-Paste kode di bawah ini pada HTML/JavaScript,
    <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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6NCjlx6rmpfFos19bPkDgO8q1vnn-jhEhmaPyTsM6qt-SWNDY-aDbljxEeRacaHhxe3v3jFilOFCR7HUgzBQaI461mE7borFt2akk3qelbpZ3hpPUCAn1TY-KHfHMidvcDQPMDJ1JCQ1B/s800/005.png" /></a> <a href="http://feeds.feedburner.com/blogatap">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=blogatap', '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="blogatap" 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/blogatap" target="_blank"> <img src="http://feeds.feedburner.com/~fc/blogatap?bg=99CCFF&amp;fg=336633&amp;anim=1&amp;label=listeners" width="80" height="26" style="border:0" alt=""/></a> </div></div></div>
    Keterangan:
    http://feeds.feedburner.com/blogatap : ganti dengan URL feed blog Anda
    blogatap : ganti dengan nama akun feed blog Anda 
  4. Kemudian klik Simpan dan lihat hasilnya
Semoga bermanfaat bagi sobat semua.

Tidak ada komentar:

Posting Komentar