Cara Membuat Widget Berlangganan Artikel ~ Mudah Terbaru

Print Friendly and PDF
Kali ini saya akan membahas bagaimana cara membuat artikel Cara Membuat Widget Berlangganan Artikel via Email by Feedburner Mungkin di Email Subscriptions yang aslinya masih kurang menarik buat anda dan ingin mengubah stylenya dengan yang lebih menarik dan keren dan mudah di pasang di blog anda caranya gampang silahkan ikuti langkah Cara Membuat Widget Berlangganan Artikel di bawah ini:

Cara Membuat Widget Berlangganan Artikel
1. Login ke Blogger
2. Template > EDIT HTML
3. Cari kode ]]></b:skin> kemudian copy kode di bawah ini dan paste di atas kode ]]></b:skin>
.form {
border:1px solid #ccc; /* warna garis pinggir form */
background: #ffffff /* warna background form */
padding:3px; /* spasi form */
width:380px; /* panjang form */
height:180px /* tinggi form */
}
.rss {
background: url("http://3.bp.blogspot.com/-KM31VlnK4AM/TxkUxQmK04I/AAAAAAAAAYk/NK1uNyUz2lw/s320/Newspaper_Feed_256x256.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;
}

4. Kemudian kembali ke Tata Letak > Tambah Gadget > HTML/Javascript dan copy kode di bawah ini di konten tersebut
<div class="form">
<div class="rss">
<div style="font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;"><img src="http://1.bp.blogspot.com/-FOGTDw0Cxh8/TwXY4E-RYeI/AAAAAAAAAU0/EmR05E07EHc/s1600/small+rss.png" alt="small rss Lanonadio" title="RSS Feed"/> <a href="http://feeds.feedburner.com/GANTI-DENGAN-ID-FEEDBURNER-ANDA" title="Get Update Via RSS" target="_blank">GET UPDATE VIA RSS</a></div>
<div style="font-weight:bold; padding:10px 10px;">GET UPDATE VIA EMAIL</div>
<div style="padding-left:10px">Berlangganan artikel via email!</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=GANTI-DENGAN-ID-FEEDBURNER-ANDA', '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;}" value="Ketik email anda disini..." /> <input type="hidden" value="GANTI-DENGAN-ID-FEEDBURNER-ANDA" 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/GANTI-DENGAN-ID-FEEDBURNER-ANDA" title="Feedburner Readers" target="_blank"><img src="http://feeds.feedburner.com/~fc/GANTI-DENGAN-ID-FEEDBURNER-ANDA?bg=ff7c00&amp;fg=444444&amp;anim=0" width="88" height="26" style="border:0" alt="reader" title="Readers"/></a></div><div style="padding-left:10px"><a href="http://lanonadio.blogspot.com/2013/03/cara-membuat-widget-berlangganan.html" target="_blank"><span style="font-size: xx-small;">Get This Widget »</span></a></div>
</div></div>
  • Kode yang berwarna merah dengan ID Feedburner anda masing-masing.
  • Kode URL berwarna hijau bisa anda dengan gambar sobat masing-masing.
5. SIMPAN

Itulah dia Cara Membuat Widget Berlangganan Artikel ~ Mudah Terbaru semoga bermanfaat.
Setelah membaca artikel ini jangan lupa berikan jempolnya ya dibawah ini terimakasih.
Previous
Next Post »

WARNING..!! Etika BERKOMENTAR di Blog all's well :

a. Gunakanlah Perkataan yang Baik, Ramah dan Sopan
b. Komentar SPAM akan all's well HAPUS setelah direview
c. Komentar NEGATIF & RASIS akan Segera di HAPUS
d. Dilarang Menambahkan "LINK AKTIF" dalam Komentar

Note: "ANDA SOPAN KAMI PUN SEGAN" (all's well) ConversionConversion EmoticonEmoticon

Our Gallery