Hari ini saya menulis postingan Tentang Artikel Berlangganan.Sekarang
langsung aja ke cara membuat Widget berlangganan artikel keren punya
blog ini.Untuk contoh bisa anda lihat screenshoot di bawah ini:
1.Masuk ke Dasboard
2.Kemudia pilih RANCANGAN
3.Pilih TAMBAH GADGET kemudian pilih HTML/JAVASCRIPT
4.Masukan Kode Script Di bawah ini:
2.Kemudia pilih RANCANGAN
3.Pilih TAMBAH GADGET kemudian pilih HTML/JAVASCRIPT
4.Masukan Kode Script Di bawah ini:
<style> .form {border:1px solid #ccc; background:#fff; padding:3px; width:290px; 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="color: #333333; font-size: 15px; font-weight: bold; padding: 10px 5px 5px 10px;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLG-PKJhjTL4vYZitWAzQGleGsWw-OdiBb9A4mmaheZ0B9QW5kZnESJz9V8DJeqiE-YdckV0EszOCeJmFaLJuSIQHg1J1d-EieZvp09RgTZoGiaQVUbLxRsjGSmTVTZE1ydEmMYX-PCieX/s800/005.png"></a>
<div style="color: black; font-weight: normal; padding: 10px; text-align: left;">
<a href="http://blogcybercorp.blogspot.com/" rel="nofollow"><b>Blog-Cyber Corporation</b></a></div>
<div style="color: black; font-family: Arial,Helvetica,sans-serif; font-weight: normal; padding-left: 10px; text-align: left;">
Dapatkan Artikel Secara Gratis!!</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogcybercom', 'popupwindow', 'scrollbars=yes, width=290, height=290');return true" target="popupwindow">
<div style="padding-bottom: 10px; padding-left: 10px; padding-top: 10px;">
<input name="email" onblur="if (this.value == "") {this.value = "Ketik email anda disini...";}" onfocus="if (this.value == "Ketik Email Anda Disini...") {this.value = ""}" style="height: 18px; width: 160px;" type="text" value="Ketik email anda disini..." /> <input name="uri" type="hidden" value="blogatap" /> <input name="loc" type="hidden" value="en_US" /> <input class="button" type="submit" value="Subcribe" /> </div>
</form>
<div style="padding-left: 10px;">
<a href="http://feeds.feedburner.com/blogcybercom" target="_blank"> <img alt="" height="26" src="http://feeds.feedburner.com/%7Efc/blogcybercom?bg=000000&fg=ffffff&anim=0&label=Readers" style="border: 0pt none;" width="80" /></a> </div>
</div>
</div>
</div>
<div class="form">
<div class="rss">
<div style="color: #333333; font-size: 15px; font-weight: bold; padding: 10px 5px 5px 10px;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLG-PKJhjTL4vYZitWAzQGleGsWw-OdiBb9A4mmaheZ0B9QW5kZnESJz9V8DJeqiE-YdckV0EszOCeJmFaLJuSIQHg1J1d-EieZvp09RgTZoGiaQVUbLxRsjGSmTVTZE1ydEmMYX-PCieX/s800/005.png"></a>
<div style="color: black; font-weight: normal; padding: 10px; text-align: left;">
<a href="http://blogcybercorp.blogspot.com/" rel="nofollow"><b>Blog-Cyber Corporation</b></a></div>
<div style="color: black; font-family: Arial,Helvetica,sans-serif; font-weight: normal; padding-left: 10px; text-align: left;">
Dapatkan Artikel Secara Gratis!!</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogcybercom', 'popupwindow', 'scrollbars=yes, width=290, height=290');return true" target="popupwindow">
<div style="padding-bottom: 10px; padding-left: 10px; padding-top: 10px;">
<input name="email" onblur="if (this.value == "") {this.value = "Ketik email anda disini...";}" onfocus="if (this.value == "Ketik Email Anda Disini...") {this.value = ""}" style="height: 18px; width: 160px;" type="text" value="Ketik email anda disini..." /> <input name="uri" type="hidden" value="blogatap" /> <input name="loc" type="hidden" value="en_US" /> <input class="button" type="submit" value="Subcribe" /> </div>
</form>
<div style="padding-left: 10px;">
<a href="http://feeds.feedburner.com/blogcybercom" target="_blank"> <img alt="" height="26" src="http://feeds.feedburner.com/%7Efc/blogcybercom?bg=000000&fg=ffffff&anim=0&label=Readers" style="border: 0pt none;" width="80" /></a> </div>
</div>
</div>
</div>
Keterangan:
- Ubah Kode http://blogcybercorp.blogspot.com/ dengan alamat Blog Kamu
- Ubah Kode blogcybercom dengan ID feedburner Kamu
- Ubah Kode Blog-Cyber Corporation dengan Nama Blog Kamu
- Ubah Kode Dapatkan Artikel Secara Gratis!! dengan Kata-kata Kamu
- Ubah Kode Warna Hijau Dengan Lebar Dan Tingginya
