Sedikit Info Seputar
Tutorial Cara Membuat Widget Berlangganan Menarik di Blogger
Terbaru 2017
- Hay gaes kali ini team Android Media, kali ini akan membahas artikel dengan judul Tutorial Cara Membuat Widget Berlangganan Menarik di Blogger, kami selaku Team Android Media telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Android Media. semoga isi postingan tentang
Artikel Tips Blogger, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul:
Berbagi Info Seputar
Tutorial Cara Membuat Widget Berlangganan Menarik di Blogger
Terbaru
link: Tutorial Cara Membuat Widget Berlangganan Menarik di Blogger
Berbagi Tutorial Cara Membuat Widget Berlangganan Menarik di Blogger Terbaru dan Terlengkap 2017
Kali ini saya akan share cara membuat widget subcribe / widget berlangganan di blog. widget ini cukup penting bisa di lihat mungkin beberapa blog yang pernah anda lihat menggunakan widget ini..? mengapa bisa penting..? karena widget ini akan mengirimkan artikel terbaru kepada pengunjung melalui email yang sudah terdaftar berlangganan melalui widget ini. dan kemungkinan blog anda akan mendapatkan banyak pengunjung setia yang siap melihat update artikel terbaru anda melalui email. sebenarnya widget ini sudah ada/sudah di sediakan oleh blogspot namun mungkin tampilannya kurang menarik. oleh karena itu saya akan menshare cara membuat widget ini agar tampak lebih menarik.. oke langsung ke cara pembuatannya :
1. masuk ke template
2. Edit HTML
3. CTRL+F dan cari kode ]]></b:skin> ,lalu letakan kode di bawah ini tepat di atas kode tadi.
.form {
border:0px solid #ccc; /* warna garis pinggir form */
background: #ffffff /* warna background form */
padding:3px; /* spasi form */
width:350px; /* panjang form */
height:180px /* tinggi form */
}
.rss {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJdamr5uAmu_zWayvatVaBuM2HipdQcjke7nFrB5o-BpEKWG28Ms9OomgveN6ONaFcDjTOX2XtVS4T7kSs9zIKGuSfiQP-RUUQyRz3qHmzmWsqOSk4A5odcEWqANnKbIR2d7tYKJJivxU/s200/Cara+Submit+Sitemap+Blog+ke+Google+Bing+Mneggunakan+Submit+RSS+3.0.png") no-repeat top right;
}
border:0px solid #ccc; /* warna garis pinggir form */
background: #ffffff /* warna background form */
padding:3px; /* spasi form */
width:350px; /* panjang form */
height:180px /* tinggi form */
}
.rss {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJdamr5uAmu_zWayvatVaBuM2HipdQcjke7nFrB5o-BpEKWG28Ms9OomgveN6ONaFcDjTOX2XtVS4T7kSs9zIKGuSfiQP-RUUQyRz3qHmzmWsqOSk4A5odcEWqANnKbIR2d7tYKJJivxU/s200/Cara+Submit+Sitemap+Blog+ke+Google+Bing+Mneggunakan+Submit+RSS+3.0.png") no-repeat top right;
}
Keterangan :
- kode yang berwarna Merah bisa anda ganti dengan gambar pilihan anda sendiri jika perlu.
4. Save template.
5. masuk ke Tata Letak
6. Tambah Gadget
7. pilih HTML/JavaScript
8. masukan kode di bawah ini :
<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/AVvXsEjHajITJTkCkrs_psMBLblys9EZIteLrmDLDn4B_3RvFSZ-Z-gU54MlEPfqOw__Ll976z6A3EK7Xx0PMkvlYy8yC0H64GW-E_WdpjkrP-9POg0cg3ret4mwb_w2eLHfQTXzxq27m5smAnmx/s1600/small+rss.png" alt="small rssIDFEEDBURNER" title="RSS Feed"/> <a href="http://feeds.feedburner.com/IDFEEDBURNER" rel="nofollow" target="_blank">LANGGANAN ARTIKEL</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=IDFEEDBURNER', '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 == "") {this.value = "Ketik email anda disini...";}" onfocus="if (this.value == "Ketik email anda disini...") {this.value = ""}" value="Ketik email anda disini..." /> <input type="hidden" value="IDFEEDBURNER" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="SUBCRIBE" /></div></form>
<div style="padding-left:10px"><p><a href="http://feeds.feedburner.com/IDFEEDBURNER" rel="nofollow" ><img src="http://feeds.feedburner.com/~fc/IDFEEDBURNER?bg=FF6600&fg=FFFFFF&anim=1" height="26" width="88" style="border:0" alt="" /></a></p></div>
</div></div>
<a href="http://zhalltrozans.blogspot.com/2013/06/cara-membuat-widget-berlangganan.html" target="_blank"><span style="font-size: xx-small;">Get This Widget</span></a>
<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/AVvXsEjHajITJTkCkrs_psMBLblys9EZIteLrmDLDn4B_3RvFSZ-Z-gU54MlEPfqOw__Ll976z6A3EK7Xx0PMkvlYy8yC0H64GW-E_WdpjkrP-9POg0cg3ret4mwb_w2eLHfQTXzxq27m5smAnmx/s1600/small+rss.png" alt="small rssIDFEEDBURNER" title="RSS Feed"/> <a href="http://feeds.feedburner.com/IDFEEDBURNER" rel="nofollow" target="_blank">LANGGANAN ARTIKEL</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=IDFEEDBURNER', '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 == "") {this.value = "Ketik email anda disini...";}" onfocus="if (this.value == "Ketik email anda disini...") {this.value = ""}" value="Ketik email anda disini..." /> <input type="hidden" value="IDFEEDBURNER" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="SUBCRIBE" /></div></form>
<div style="padding-left:10px"><p><a href="http://feeds.feedburner.com/IDFEEDBURNER" rel="nofollow" ><img src="http://feeds.feedburner.com/~fc/IDFEEDBURNER?bg=FF6600&fg=FFFFFF&anim=1" height="26" width="88" style="border:0" alt="" /></a></p></div>
</div></div>
<a href="http://zhalltrozans.blogspot.com/2013/06/cara-membuat-widget-berlangganan.html" target="_blank"><span style="font-size: xx-small;">Get This Widget</span></a>
9. Save.
Keterangan :
- kode yang berwarna Orange anda ganti dengan IDFeedburner blog anda.
jika anda bertanya bagaimana cara mendaftarkan ke feedburner, okee saya sekalian akan bahas disini
1. masuk ke Feedburner (jika belum daftar silahkan daftar terlebih dahulu)
2. jika sudah masuk ke Feedburner, pilih blog yang akan di ambil ID nya.
3. klik Edit Feed Details ,dan disitu akan terlihat ID Feedburner anda.
=== HASIL ===
selesai itulah cara membuat widget berlangganan serta cara mendapatkan ID Feedburner dari suatu blog, semoga anda paham apa yang saya tulis di atas.. jika ada yang membingungkan silahkan bertanya di form komentar.. semoga artikel ini bermanfaat untuk anda.. terima kasih..
Itulah sedikit Artikel Tutorial Cara Membuat Widget Berlangganan Menarik di Blogger terbaru dari kami
Semoga artikel Tutorial Cara Membuat Widget Berlangganan Menarik di Blogger yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Android Media. jangan lupa baca juga artikel-artikel lain dari kami.
Terima kasih Anda baru saja membaca Tutorial Cara Membuat Widget Berlangganan Menarik di Blogger
