Thursday, 21 March 2013

Cara Membuat Kotak Berlangganan via Email di FEEDBURNER - Modifikasi


                                                  





Hmm,, pada hari ini Mazinu akan posting kepada Kalian tentang bagaimana Cara Membuat Kotak Berlangganan via Email di FEEDBURNER yang telah saya modifikasi sendiri.
yang nanti hasilnya seperti ini :



Ingin tahu caranya?
Berikut mazinu akan menuliskan caranya step by step.
  • Login ke Blogger
  • Klik Menu Design/Rancangan
  • Selanjutnya Klik Add a Gadget , Pilih HTML/JavaScript

Selanjutnya:

Copas Code HTML di bawah ini pada Form  HTML/JavaScript   yang kalian inginkan.
<style>
.form {
border:0px solid #ccc; /* warna garis pinggir form */
background: #ffffff /* warna background form */
padding:3px; /* spasi form */
width:ancho; /* panjang form */
height:180px /* tinggi form */
}

.rss {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjomNcAF2ZYNnj4DYCJZSLh9XEHy2QsMQd1OnisZSoOmY5JRU4leD1C8i4mRjkg6-SZSK9nVKKFCgQ4VluIlnEz6SBPTN8ML6agkhRjdgmObK6KfkTKnEvY5hZYj3nTAMIsxarrQsd1nuag/s128/rss_feed_logo.png") no-repeat top right;
}

.button {
background: #006699; /* warna tombol subscribe */
color: #FFFFFF; /* warna font subscribe */
font-size: 11px; /* ukuran font subscribe */
font-family: Arial, Tahoma, Verdana; /* font subscribe */
margin-left: 5px; /* margin kiri tombol subscribe */
border: 1px solid #234B69; /* warna garis pinggir tombol subscribe */
padding:3px 5px 3px 5px; /* jarak antara font dengan garis pinggir tombol subscribe */
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://feeds.feedburner.com/lagudjawaasli"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS4OaO09XRsFmbFUVGIgt1SvmEQ7JxmHIQboLdQikIdyk9w-f6hIO7Rn7VClfiPwH0hBRo7f_lNByN9VkblC6plkWVNH_TqbymO-TIDjYP5TPd8xIIXU3y2EsopNAmzuDfbCRvXp4juoSB/s800/005.png" /></a> <a href="http://feeds.feedburner.com/lagudjawaasli">Catatan "Untuk Sahabat"</a></div>

<div style="font-weight:bold; padding:10px 10px;">Berlangganan Lewat Email !</div>

<div style="padding-left:10px">Dapatkan kiriman artikel terbaru 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=lagudjawaasli', '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=lagudjawaasli" 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/lagudjawaasli"><img src="http://feeds.feedburner.com/~fc/lagudjawaasli?bg=ff7c00&amp;fg=444444&amp;anim=0" width="88" height="26" style="border:0" alt="" /></a></div>
</div></div>
 Keterangan:

  • Ganti Tulisan yang berwarna Merah dengan alamat Feedburner Kalian.
  • Simpan, dan Lihat hasilnya ! free download music SINI

No comments:

Post a Comment