Cara Membuat Widget Berlangganan Artikel ~ Mudah Terbaru

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:

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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVDx6zONcXNP9AZOCzRp5LI5Dbg1rnFnMHU0iCK2-kZzF0wRwTYyj1vLOqsHW_corORqHX_nQ7UTmlbJJ4CM-ea64USWomTu8-oOi-SSYx5IheFzGdmfw5XCyUmumRdHgVVtVXsMvP4FHs/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAIqi7tz3ASdXAp6egIjZKtPCoVwekt9kFw4iYi7ZWdncE5XaKekPl9kFWRHmxw0BXoE3bOom5v_c5Rpqs8gCMOBnr8J9I8RCm4bhixWxn6cRUCjvjr3ELdpp5e-VQ_piNCsb0ry-mAooZ/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.

• Tweet
• Share
• Share
• Share
• Share

About ansud-site

Terima Kasih Sobat alls well Atas Kunjungannya di Blog Sederhana Ini, Semoga Selalu Menginspirasi dan Bermanfaat Bagi Dunia Pendidikan Di Tanah Air Tercinta Indonesia.SALAM PENDIDIKAN

Related Post