Cara Menciptakan Widget Artikel Berlangganan Yang Menarik

  Widget Berlangganan keren di blog, Pada dasar nya widget ini memang sudah di sediakan oleh blogspot, tapi yang jadi masalahnya tampilan nya tidak menarik atau tampilan nya masih standar, maka dari itu pada postingan kali ini aku akan share Tutorial blog ihwal cara menciptakan widget artikel langganan keren yang dapat menarik minat para pengunjung, Dibawah ini yakni langkah langkah nya untuk menciptakan widget tersebut:

1.Buka Dasbor blog
2.Pilih Template
3.Klik edit Html
4.Tekan Ctrl+f lalu cari kode  ]]></b:skin>
5.Kalau sudah ketemu, Letakan arahan script di bawah ini diatas arahan ]]></b:skin>

.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/AVvXsEghyphenhyphen_xIgukGxVCg1cLlGA5zG21SJ-JbVrqL0V2i0H1jLtBO1bJ6FJN-IfmuxC1evGEiO6a3KHL7DdyhLz3vPzsbyTKFpJ-Y8xf8UpzgwEMeN4aO2JMi5SlCuLJzThMyq0v8QaosPPrgFws/s200/Cara+Submit+Sitemap+Blog+ke+Google+Bing+Mneggunakan+Submit+RSS+3.0.png") no-repeat top right;
}

“Kode yang berwana biru itu Url gambar nya agan boleh mengganti, arahan url gambar nya sesuai gambar yang agan inginkan”

Pada Tutorial kali ini aku akan share cara menciptakan widget artikel berlangganan di blog,widget ini cukup menarik minat pengunjung untuk mensubrice email nya atau ingin berlangganan artikel dengan blog kita, dan juga dengan widget ini memungkinkan agan akan mendapat banyak pengunjung,karena dengan widget ini dan email yang sudah berlanggan, maka setiap kali kita posting akan otomatis artikel tersebut dikirim via email tersebut.

Kalau belum tau cara mengetahui url gambar nya silahkan baca postingan ini https://solasik.blogspot.com//search?q=cara-mengetahui-url-gambar

6. Save template
7.Buka Dasbor blog lagi
8.Pilih Tata Letak
9.Klik Add Gadget
10.Pilih HTML/java script
11.Masukan arahan script dibawah 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/AVvXsEgcj1oDSGRbmOWr8Q2AOnVwR2SBmUqGz1AhwwGL2APnhvQYcWupw5v3NJbzr1kN-vamnsekfZpRmReiRLX8dtQkKwZUkHjVHd-i_Q8oCrCFGqLSqZA0CMbKyqsnO1Si6SN3ednma_ML1Vcd/s1600/small+rss.png" alt="Cara Membuat Widget Artikel Berlangganan Yang Menarik Cara Membuat Widget Artikel Berlangganan Yang Menarik"color: red;">IDFEEDBURNER" title="Cara Membuat Widget Artikel Berlangganan Yang Menarik"/> <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 == &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="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&amp;fg=FFFFFF&amp;anim=1" height="26" width="88" style="border:0" alt="Cara Membuat Widget Artikel Berlangganan Yang Menarik Cara Membuat Widget Artikel Berlangganan Yang Menarik" /></a></p></div>
</div></div>
<a href=" " target="_blank"><span style="font-size: xx-small;">Get This Widget</span></a>

 
 12. Jangan di simpan dulu ikuti tutorial dibawah ini. Kalau sudah klik simpan
Kode script  yang berwarna Merah, silahkan di ganti dengan ID Feedburner blog agan.

Kalau belum tau dengan ID feedbuner nya, silahkan pergi ke link ini http://feedburner.google.com

→jika sudah masuk ke Feedburner,tulis url  blog akan di yang ambil ID nya.
→Kemudian  klik Edit Feed Details ,dan disitu akan terlihat ID Feedburner agan.

Kurang lebih ID nya menyerupai ini http://feeds.feedburner.com/ dan goresan pena warna biru pada url tersebut itulah yang dimaksud dengan ID feedbuner.
Sekian Tutorial blog kali ini ihwal cara menciptakan widget artikel berlangganan, biar bermanfaat, dan selamat menunaikan ibadah puasa bagi yang menjalankan nya,

Share this post