Cara Terbaru Membuat Widget Feedburner Keren di Blog

By Unknown

Halo sobat pada kali ini sih saya akan memposting artikel tentang Cara Terbaru Membuat Widget Feedburner Keren di Blog karena feedburner berguna untuk blog kita karena feedburner berfungsi untuk sebagai layanan gratis yang telah diakui oleh google sebagai pembantu pemilik blog untuk mengelola dan menganalisis statistik berlangganan artikel blog kita. nah kalian sudah tahu kan? kegunaanya. sebelu anda ingin memasang widget feedburner pastikan anda sudah mendaftarkan blog anda di feedburner. jika anda belum mendaftar. daftarlah terlebih dahulu. Jika anda sudah mendaftarkan blog anda ke feedburner silakan anda pasang widgetnya, nah saya akan memberikan tutorial cara memasang widget feedburner untuk anda simak beberapa langkah dibawah ini.

Cara Terbaru Membuat Widget Feedburner Keren di Blog

1. Pertama- tama anda harus login blog anda dulu, silakan masuk ke dasboard blog anda

2. Selanjutnya masuk kebagian Template terus edit HTML

3. Kemudian anda carilah kode ]]></b:skin>  di edit HTML template jika ingin mudah mencarinya tinggal klik ctrl+f.

4. Setelah itu copy kode dibawah ini letakan kode tersebut tepat di atas kode ]]></b:skin>

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

5. Jika sudah selesai tinggal klik simpan
6. Tahap selanjutnya masuk ke dasboard kebagian Tata Letak pilih Javascipt/html
7. Salinlah Kode dibawah ini masukan ke kolom javascript/html

<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/AVvXsEj1q2rk-mlNf3BasqRhRd91Xc7qZ7w7Cl7Kjuc2w6aRKGAvBnBAAd4Q7N-b0ThMckYiAittqvwESPaQ6z_MtSE0xbLFI2LuFBRyG7R4k9N49f1n9FLNPrCExBteXOdT_N_CowMnL0dbcZfw/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. Kemudian klik simpan dan lihat hasilnya

Nah itulah totorial Cara Terbaru Membuat Widget Feedburner Keren di Blog , semoga tutorial diatas bisa bermanfaat bagi kalian, jika anda yang kurang paham tentang tutorial diatas silahkan anda berkomentar dibawah ini, salam dari kami semoga sukses selalu. Terima Kasih

Share :