Cara Membuat WIDGET SUBSCRIBE FEEDBURNER MODIFIKASI

Salam Blogger, disini saya akan merncoba membagikan WIDGET FEEDBURNER yang saya coba modifikasi sendiri.

1. Widget Subscriber MODIFIKASI 1 #

Code Widget Subscriber MODIFIKASI 1 #

<style>
.donisubscribe {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLIun4BkNgXIkkDcehalZRfI2_3yiIrrWtLJky_YeFGfjomjNh_sdfcPxntC_Wu8NA57xDF4HZeiId1CoGHbjyPgeFVmboD8tEGQ_2vAz2ZrmIvqFYcoqMQVlzDZ6AApaWLqPPtIymYJQ/s1600/gb1.jpg)no-repeat -5px;
border: 1px solid #0ed9d9;border-radius:5px;
padding: 8px;
width: 297px;
-webkit-transition: all 0.5s ease-in-out;
-adadoni-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.donisubscribe:hover {
-adadoni-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
-webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
}
.donimailbox {
background:#fff url(http://icons.iconarchive.com/icons/visualpharm/icons8-metro-style/32/Music-Treble-clef-icon.png)no-repeat left 5px;
border: 1px solid #0ed9d9;
-webkit-border-radius: 4px;
border-radius: 4px;
-adadoni-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
color: #0ba9a9;
font: 16px "trebuchet ms", sans-serif;
padding: 10px 0px 9px 30px;
width: 160px;
-webkit-transition: all 0.5s ease-in-out;
-adadoni-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.donimailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-adadoni-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.donisubmit {
font: 16px Tahoma, Geneva, sans-serif;
font-style: normal;
color: #fff;
background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#0cc1c1),color-stop(100%,#0ba9a9));
background: -webkit-linear-gradient(top,#0cc1c1,#0ba9a9);
background: -moz-linear-gradient(top,#0cc1c1,#0ba9a9);
background: -o-linear-gradient(top,#0cc1c1,#0ba9a9);
background: -ms-linear-gradient(top,#0cc1c1,#0ba9a9);
background: linear-gradient(top,#0cc1c1,#0ba9a9);
border: 2px solid #0ba9a9;
text-shadow: 0;
border-radius: 5px;
padding: 10px 9px;
cursor: pointer;
margin: 0 auto;
}
.donisubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.donisubmit::-adadoni-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
</style>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' />
<div class='donisubscribe'>
<div style='background: url(http://icons.iconarchive.com/icons/fasticon/comic-3/48/mail-icon.png)no-repeat -2px;padding:10px 0 10px 40px;color: #333; font-weight: bold; font: 23px Oswald, cursive; margin: 0px 0px 10px 0px;border-radius:5px;'>Get Free Updates by Email !</div>
<div style='margin: 10px 0 0 6px;'>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform'
method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri='nama_feedburber ANDA ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true'
style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='nama_feedburber ANDA' />
<input name='loc' type='hidden' value='en_US' />
<input class='donimailbox' name='email' onblur='if (this.value == "") {this.value = "Enter your email...";}'
onfocus='if (this.value == "Enter your email...") {this.value = ""}'
type='text' value='Enter your email...' />
<input alt='' class='donisubmit' title='' type='submit' value='Subscribe'/>
</form>
</div>
<div style='border: none; color: #333; font: 22px Oswald, cursive; margin: 25px 0 0 5px;text-align: left;'>Follow Us on:</div>
<div style='margin: -32px 0 0 120px;'>
<a href='http://facebook.com/your-username' target='_blank' title='Join us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaLqCa2zErszxMsNIQPtvrJji8NqQhLyKbFILqVkhDa3HwUxqUE1WcUcAwL-rNkLIAamZnKtvOHkinHB0J8FXNvoXuU70_xDsuks-lT2WH5VkkEn0k25TRMecN6XhEKAObzWIj70Du1rc/s1600/facebook500.png' alt='facebook'/></a>
<a href='http://twitter.com/your-username' rel='nofollow' target='_blank'
title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTFXTCrH_h98Nj1xA0BM-t-eXNQnXsFcqDq87K78v_y9Ba6mF2fNul3e4vjvhmGU6uJcd7SO0WhVLlE4qJx4b0F1Ywyjb1wpqJt_OkOzbkKj7taNMwNGdLLb4OXC8clDdIO8JxxC7G_jI/s1600/twitter.png' alt='twitter'/></a>
<a href='https://plus.google.com/your id-username' rel='nofollow' target='_blank'
title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8qrEEIzI3uloM1KjvHGIKzKPI_6us_nZlk4oJ-06HvBsBax76SUfzde-E4NWvwpleUb-DTqhoHJdHmXZKzzwVcArJ7FsggUk2aWmTnnRpsLXW-ixZoc8pkgFnnj2kXiPUfdVQQlOXVxA/s1600/googleplus-revised.png' alt='gplus'/></a>
<a href='http://pinterest.com/your-username' rel='nofollow' target='_blank'
title='Follow us on Pinterest'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4vlBNx_P_zkxKzcwxmExovBXSL7GWAGaN-ixu8qsjI9vXRdMziKd9UE0NjOekz8F42fRzuB4UoPlIYfmXohjPvcm7u4dj8kcq27gyVgTL__9fmD9QrrRGvIN7S5v-ofHxL4-K5RGUMkk/s1600/pinterest.png' alt='pinterest'/></a>
<a href='http://www.youtube.com/user/your-username' rel='nofollow' target='_blank'
title='Subscribe us on Youtube RSS'><img src='http://icons.iconarchive.com/icons/martz90/circle/32/youtube-icon.png' alt='Youtube'/></a>
</div> </div>

Widget Subscriber MODIFIKASI 2 #

Code widget subscriber MODIFIKASI 2:

Widget Subscriber MODIFIKASI 3 #

Code widget subscriber MODIFIKASI 3#:

Cara Pemasangan :

- cara pemasangannya simple saja , silahkan anda masuk ke menu Layout >> add Gadget >> plih Html/javascript >> masukan kodenya.

- Sebelum anda simpan anda harus mengeditnya terlebih dahulu,sekarang perhatikan code yang dicetak tebal berwarna merah dan biru , untuk yang berwarna merah silahkan masukan masukan Id feedburner anda.sedangkan code yang berwarna biru silahkan anda masukan url halaman sosial media anda.

-setelah semua selesai langsung saja di simpan.

namun kode ini sudah saya sesuaikan dengan sidebar widget yang memiliki lebar antara 300px. jadi saya sarankan widget ini anda masukan di sidebar widget yang berukuran lebar sekitar 300px agar widget ini terlihat lebih rapi. tapi jika anda ingin menyimpannya di sidebar yang ukuran kurang atau lebih dari 300px dan masih bingung cara mengeditnya.silahkan saja masukan pertanyaan anda di kotak komentar ,insyallah kalau saya sempet saya akan saya bantu.