Sobat pasti udah pada tau apa ke gunaan dari memasang kotak Subscribe di blog?
Yah benar sekali seperti yang saya jelaskan kemarin-kemarin kegunaan  memasang Subscribe atau form berlangganan adalah untuk mendapatkan pembaca setia dari blog kita.

Dan kali ini saya akan bebagi Widget Subscribe Keren yang bisa sobat gunakan di blog sobat, untuk demonya ya pasti saya tidak memberikan karna ini hanya widget jadi tidak perlu demo, tapi saya telah menyediakan simple gambarnya di sebelah agar sobat tau Widget Subscribe Keren seperti apa yang saya maksudkan.

Udah ngelihat gambarnya kan, gimana sobat berminat memasangnya di blog sobat? kalo iya sekarang mari kita bahas caranya.

1. Masuk ke akun blogger sobat.

2. Pada Dasbor klick Rancangan ➨ Tambah Gadget (di bagian manapun sobat ingin widget ini muncul)

3. Lalu pilih elemen HTML/Java Script.

4. Selanjutnya sobat copy kode di bawah ini dan paste atau letakkan di dalam elemen HTML/Java Script tadi.

<style> .form {border:1px solid #ccc; background:#fff; padding:3px; width:300px; 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/otowebsite">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=otowebsite', '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 == "") {this.value = "Ketik email anda disini...";}" onfocus="if (this.value == "Ketik email anda disini...") {this.value = ""}" 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/otowebsite" target="_blank"> <img src="http://feeds.feedburner.com/~fc/otowebsite?bg=000000&fg=FFFFFF&anim=1&label=listeners" height="26" width="88" style="border:0" alt="" /></a> </div></div></div>

5. Simpan.

Keterangan :
Ganti warna merah dengan id feedburner sobat.

Mudah bukan !

Oke saya rasa cukup untuk kali ini, silahkan tinggalakn tanggapan atau komentar sobat tentang postingan atau articles di atas !

Posting Komentar Blogger Disqus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top