Cara Memasang Kotak Berlangganan Artikel Blog

Pada postingan kali ini G-Friziceakan berbagi informasi tentang tips blog yaitu cara memasang form atau kotak berlangganan artikel blog. Terima kasih sebelumnya saya ucapakan kepada salah satu teman di facebook yang sudah menanyakan cara memasang kotak berlangganan artikel di blog. Permohonan maafku juga jika artikel ini baru saya tuliskan. Kotak atau form berlangganan artikel ini merupakan salaah satu widget yang menurut saya wajib untuk dipasang di blog. Kenapa saya katakan demikian, dengan widget inilah pengunjung blog bisa mendaftarkan alamat emailnya untuk mendapatkan atau berlangganan artikel terbaru dari blog. Saya kira teman-teman akan sependapat dengan hal ini.



Jika teman-teman ingin memasang widget berlangganan artikel ini pada blognya, silakan ikuti langkah-langkah berikut ini :

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.

3. 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. 

<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/AVvXsEix7e_uiVj5h2R8wFbEzjRG9XxabCZ1xzjCm-QVcS9HdND-wIXsejeQACDjSregE8hwiC8tCl7xDthVQavipt2wMz7Lkb6D-CNaN-W7a7DsMzdD5BtyjUiUrqSze_vt0L-vUJhHS7g3mC5K/s800/005.png" /></a> <a href="http://feeds.feedburner.com/gfrizice">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=gfrizice', '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="gfrizice" 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/gfrizice" target="_blank"> <img src="http://feeds.feedburner.com/~fc/gfrizice?bg=99CCFF&amp;fg=336633&amp;anim=1&amp;label=listeners" width="80" height="26" style="border:0" alt=""/></a> </div></div></div>

4. Setelah dipaste kodenya, ada beberapa poin yang sobat harus edit dan menyesuaikannya dengan keinginan sobat. Yang pertama, silakan ganti http://feeds.feedburner.com/gfrizice dengan URL Feed Blog sobat. Yang kedua, ganti lagi gfrizice dengan nama akun feed Anda. Untuk kalimat yang lain, sobat sesuaikan dengan keinginan sobat saja.
5. Setelah semuanya diedit, silakan simpan dan lihat hasilnya

Demikian informasi dari saya tentang Cara Memasang Kotak Berlangganan Artikel Blog. Semoga bermanfaat dan jika ada pertanyaan atau saran, silakan tuliskan komentar sobat. Penulis siap menanggapinya.

Tweet