Cara Membuat widget Feedburner di Sidebar Blog (Karena Google Menyukai ini)

Cara Membuat widget Feedburner di Sidebar Blog (Karena Google Menyukai ini) - Feedburner adalah Email subscribe form Sedangkan Email subscribe form adalah form untuk berlangganan feed via email. Biasanya form ini dibuat untuk mempermudah pengunjung berlangganan artikel blog kita. FeedBurner merupakan sebuah produk, yang diakuisisi Google pada tahun ini, yang membantu penayang menganalisis, mengoptimalkan, menerbitkan, dan mendapatkan penghasilan iklan dari umpan RSS.

Cara Membuat widget Feedburner di Sidebar Blog

Bagaimana sih Cara Membuat dan Pasang widget Feedburner Berlangganan artikel di Blog Yang Keren Sekali? sebenarnya sh tuk buat widget feed bunner yang keren kita harus menguasai bahasa css, karena dengan memanfaatkan css, kita bisa mengubah widget tersebut dari yang biasa  biasa aja menjadi lebih keren . namun bagi anda yang kurang paham dengan bahasa pemrogaman css sobat bisa menyalin kode css dari para mastah yang memodifikasi widget kotak berlangganan tersebut.

Banyak sekali manfaat memasang widget feedbunner atau yang sering disebut kotak berlangganan artikel ini di blog anda, diantaranya adalah pengunjung dapat mendapatkan berita terbaru tentang update artikel terkini yang baru anda publikasikan, nah dengan begitu meskipun kita tanpa share ke media sosial, kita secara otomatis udah share ke banyak orang ke semua orang yang berlangganan arikel tersebut.
 

Sebelum anda membuat widget feedbunner kali ini, pastikan sobat harus terdaftar terlebih dahulu ke feedbunner, bagi yang belom terdaftar silahkan daftar dulu, untuk panduanya untuk sementara belom saya buat tutorialnya jadi monggo sobat cari terlebih dahulu di google.

Tutorial Membuat widget Feedburner Berlangganan artikel Keren di Blog

1. Yang belom login ke dasbhor blogger, silahkan masuk terlebih dahulu
2. Masuk bagian editor template, caranya masuk ke template => Edit Html
3. Temukan kode ]]></b:skin> dibagian halaman tersebut { klik ctrl+F untuk mempermudah pencarian }
4. Kopi dan tempelkan kode dibawah ini diatas kode ]]></b:skin> tersebut

   .form {
   border:1px solid #ccc; /* warna garis pinggir form */
   background: #ffffff /* warna background form */
   padding:3px; /* spasi form */
   width:100%; /* panjang form */
   height:auto /* tinggi form */
   }
   .rss {
   background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVjs289NT-41wgNUUCH99cXxJLlAApeww1-LQC2S7SNrAGvVkS413ONujku8xueZh7r9ZQD1u0caZIbTxHPRGiDWYp3WRvvh8lGRrLKUnMA7pUtcTNwimb3NxiGVrjD1Dr7_ohZPnC_wU/s200/Cara+Submit+Sitemap+Blog+ke+Google+Bing+Mneggunakan+Submit+RSS+3.0.png") no-repeat top right;
   }

5. Kemudian pilih lokasi dimana anda ingin meletakan widget feedbunner tersebut, Contohnya kita akan meletakan widget tersebut di sidebar blog maka
6. Pergi ke Tata Letak => Tambahkan widget => Javascript/html
7. Salin kode dibwah ini di kolom html/javascript tersebut

   <div class='form'>
   <div class='rss'>
   <div style='font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;'><img alt='small rss seocips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBdRU1gbYO5N2LzBdEhuST6yPoKS09pNPTqRGDGU3XSEinhpk_XFL-0iIYIcP3qLV7drlWFkS3fQDtobqoXKsSJP_eajQGrHt1m5uVLcfHi9cprMdl4rQEbMIYd3gpS_Hnbawu3hLdMNcx/s1600/small+rss.png' title='RSS Feed'/> <a href='http://feeds.feedburner.com/seocips' 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' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=seocips&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><div style='padding-left:10px; padding-bottom:10px; padding-top:10px'><input 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;}' style='width:160px; height:18px' type='text' value='Ketik email anda disini...'/> <input name='uri' type='hidden' value='seocips'/><input name='loc' type='hidden' value='en_US'/><input class='button' type='submit' value='SUBCRIBE'/></div></form>
   <div style='padding-left:10px'><p><a href='http://feeds.feedburner.com/seocips' rel='nofollow'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/seocips?bg=FF6600&amp;fg=FFFFFF&amp;anim=1' style='border:0' width='88'/></a></p></div>
   </div></div>

8. Klik save dan lihat hasilnya. [ Taraa kini sobat sudah bisa membuat feedbunner sendiri

Penutup

Terima kasih atas kunjungan anda di LingkaranDunia, serta membaca artikel yang mengenai Cara Membuat widget Feedburner di Sidebar Blog (Karena Google Menyukai ini). Jika ada yang kurang di mengerti silahkan ajukan pertanyaan lewat Email, Facabook LingkaranDunia dan lewat kolom komentar yang kami sediakan di bawah artikel ini. Lihah Juga Postingan sebelumnya mengenai, Cara Mudah Mengganti Tampilan IconFavicon di Blog