Cara Membuat Kotak Berlangganan via Email di FeedBurner

1 komentar

Cara Membuat Kotak Berlangganan via Email di FeedBurner - Kali ini saya akan membagikan kepada anda tentang bagaimana Cara Membuat Kotak Berlangganan via Email di FeedBurner . Anda penasaran dengan cara membuat Kotak berlangganan lewat email ?
Berikut ini adalah caranya :


  • Login ke Blogger
  • Klik menu Template
  • Cari kode  <data:post.body/>  atau lebih cepat dengan Ctrl + F

Copy-kan kode ini tepat dibawah  <data:post.body/>

&lt;style&gt;
.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(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJUDjqdm3srLQTZ69l1bWGzPtLlagGXzocbQtAzQYItGrvYFSjtSw57wUDq-dF-z0IVj6BM6Rnj5nFgxo8sIa1k9_6dj4QFDEHE8Wvu3Snsw-9oMjW6_3-et4GO3ML8MR6Il2sHeJ-i0Ri/s128/rss_feed_logo.png&quot;) 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;
}
&lt;/style&gt;

&lt;div class=&quot;form&quot;&gt;
&lt;div class=&quot;rss&quot;&gt;
&lt;div style=&quot;font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;&quot;&gt;&lt;a href=&quot;http://feeds.feedburner.com/blogspot/zeRLS&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPSx8HFcI3uvy3WcC8K4HlTOTPYq2WZgebMn1IPnaO1C5zoeAFTCiJgfuHMeZv4IkFLR5IXoTfTzcy602t47xCK0RBPrtV6ebVkt-XU3FsTWCvTcFtnapaRoZeCH_pF5wm8lUfIYgcQwba/s800/005.png&quot; /&gt;&lt;/a&gt; &lt;a href=&quot;http://feeds.feedburner.com/blogspot/zeRLS&quot;&gt;Catatan "Untuk Sahabat"&lt;/a&gt;&lt;/div&gt;

&lt;div style=&quot;font-weight:bold; padding:10px 10px;&quot;&gt;Berlangganan Lewat Email !&lt;/div&gt;

&lt;div style=&quot;padding-left:10px&quot;&gt;Dapatkan kiriman artikel terbaru langsung ke email anda!&lt;/div&gt;

&lt;form action=&quot;http://feedburner.google.com/fb/a/mailverify&quot; method=&quot;post&quot; target=&quot;popupwindow&quot; onsubmit=&quot;window.open(&#039;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/zeRLS&#039;, &#039;popupwindow&#039;, &#039;scrollbars=yes,width=550,height=520&#039;);return true&quot;&gt;&lt;div style=&quot;padding-left:10px; padding-bottom:10px; padding-top:10px&quot;&gt;&lt;input type=&quot;text&quot; style=&quot;width:160px; height:18px&quot; name=&quot;email&quot; onblur=&quot;if (this.value == &amp;quot;&amp;quot;) {this.value = &amp;quot;Ketik email anda disini...&amp;quot;;}&quot; onfocus=&quot;if (this.value == &amp;quot;Ketik email anda disini...&amp;quot;) {this.value = &amp;quot;&amp;quot;}&quot; type=&quot;text&quot; value=&quot;Ketik email anda disini...&quot; /&gt; &lt;input type=&quot;hidden&quot; value=blogspot/zerls&quot; name=&quot;uri&quot; /&gt;&lt;input type=&quot;hidden&quot; name=&quot;loc&quot; value=&quot;en_US&quot; /&gt;&lt;input class=&quot;button&quot; type=&quot;submit&quot; value=&quot;SUBCRIBE&quot; /&gt;&lt;/div&gt;&lt;/form&gt;

&lt;div style=&quot;padding-left:10px&quot;&gt;&lt;a href=&quot;http://feeds.feedburner.com/blogspot/zeRLS&quot;&gt;&lt;img src=&quot;http://feeds.feedburner.com/~fc/blogspot/zeRLS?bg=ff7c00&amp;amp;fg=444444&amp;amp;anim=0&quot; width=&quot;88&quot; height=&quot;26&quot; style=&quot;border:0&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/div&gt;
</center></b:if>

Keterangan :
  • Ganti Tulisan yang berwarna Merah dengan alamat FeedBurner anda.
  • Simpan dan lihat hasilnya.
Sekian dan semoga artikel ini dapat bermanfaat bagi anda .

Related Posts

1 komentar

Company Profile mengatakan…
Makasih gan buat caranya. Nice