Salam
Blogging. Kali ini Bloggingpasuruan akan membagian widget modifikasi SUBSCRIBE
FEEDBURNER keren, disini ada 3 widget
yang saya coba modifikasi , sahabat blogger tinggal pilih widget mana saja yang
merunur sahabat blogger paling keren…
Berkikut ini adalah kode dari Widget hasil modifikasi BLOGGINGPASURUAN.
1. Widget Feedburner modifikasi 1#
gambar di atas sudah saya rubah background-nya menjadi stone texture yang jauh lebih keren
<!--
Feedburner Widget by bloggingpasuruan.blogspot.com -->
<style>
.blogpasuruansubscribe
{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ1KdplyyJks0efCIWdkrOd1ElWi6xDPuS9UTV54i-gbkfvzmWFejS1XKjBNZtYHoZTI9_6Y96lHfR7qeo7xduIunaYurfFWrhEqAqcK6YivmW7J3RuTtK4uEz9Clck6fL9iqoNLkiGhk/s1600/Copy+of+gb5.jpg)no-repeat
-5px;
border: 1px
solid #0ed9d9;border-radius:5px;
padding: 8px;
width: 297px;
-webkit-transition:
all 0.5s ease-in-out;
-blogpasuruan-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;
}
.blogpasuruansubscribe:hover
{
-blogpasuruan-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);
}
.blogpasuruanmailbox
{
background:#fff
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaknAitOGCIPgz2rS9F5aYC7Rc30F7RwgbkIW4dCzw6_lYRc1tifL8EWbrT7VFso6Mcr2pfM07GXkfdXDlXchN4X2ybHWuFWFMqxCcGXErYGSwOFMOx-X25XjZoT0dXAIz7q6Z5lhhBJOl/s1600/Pict1.jpg)no-repeat
left 5px;
border: 1px
solid #0ed9d9;
-webkit-border-radius:
4px;
border-radius:
4px;
-blogpasuruan-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;
-blogpasuruan-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;
}
.blogpasuruanmailbox:hover
{
-webkit-box-shadow:
none;
box-shadow:
none;
-webkit-transition:
all 0.5s ease-in-out;
-blogpasuruan-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;
}
.blogpasuruansubmit
{
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;
}
.blogpasuruansubmit:active
{
cursor:
pointer;
position:
relative;
top: 2px;
}
.blogpasuruansubmit::-blogpasuruan-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='blogpasuruansubscribe'>
<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=namafeedburner-anda',
'popupwindow',
'scrollbars=yes,width=550,height=520');return true'
style='margin:
0pt;' target='popupwindow'>
<input
name='uri' type='hidden' value='namafeedburner-anda' />
<input
name='loc' type='hidden' value='en_US' />
<input
class='blogpasuruanmailbox' 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='blogpasuruansubmit' 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/AVvXsEgo5rK3a9NULZB-V01Z7Yz4crE6T9ZKeKCs3NCWgFrg-IVMkMA1onXPepjKQ27kemjD9zNCGhIS2u7LGRHRVx44dhw0nUJr2hG2OnTCjoEr2Zu-MWqXf-xS5HpE6X9ktBsyfqJgBgYHGsI/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/AVvXsEh5uM_mKX3sSUS4IGLP4Q7EJfIUC4R-F_RmjY0xc-XQywkxwHsgNpdk3hxKLxBiOufHZnGw5Tj7SKjzRvzw831ltftYYRuhF4_AnxbljQm7AfHN7_MXX6g90dHcf6amsBZARbrclyA1Wng/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/AVvXsEhd7qSo3MwW3brwnMH4oELG7YqYV2Ewc-SSFROSFEn9pgp7BPHGrcceI1MCO_oy757Ll8V5SIdDmUSFEkNkT7dk30BpqnWpkLC8CPt_-Dau9tizyMLenxdFARi2SknK3BBq5CHxL0QSUVM/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/AVvXsEheZlrNBWHsoiC0hdcEj90Q9kKhJvqqbPZUptp82n1NXR9Q3BB0HQxzB4AO3aobeA2vFbD8YPIeVkG6rq6ImDbgfpmoGItbu12Gkle322zEuwkPV_qaP3-FiZhGDqeGKXFGlrD_FAeFFi8/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> <!--
Feedburner Widget by bloggingpasuruan.blogspot.com -->
2. Widget Feedburner modifikasi 2#
<!--
Feedburner Widget by bloggingpasuruan.blogspot.com -->
<style>
. blogpasuruansubscribe {
border: 2px solid #111;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLUa1Y5qeRiKROM9jl5yrph0-mikr48KcR1ezdzPKgHOag-QguBDs8GB8ClK-s7hRm4r5zmujMjUaUR7mP4PoNrsD3GPUxVIoYEPcM3eG2xBeFAU0tODodbNLnPkThFwgJzpUhxRZzA5k/s1600/main-bg.png);
padding: 8px;border-radius:5px;
width:295px ;
-webkit-transition: all 0.5s ease-in-out;
-blogpasuruan-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;
}
. blogpasuruansubscribe:hover {
-blogpasuruan-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);
}
. blogpasuruanmailbox {
background:#ccc;
border: 1px solid #0ed9d9;
-webkit-border-radius: 4px;
border-radius: 4px;
-blogpasuruan-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: 13px "trebuchet ms", sans-serif;
padding: 6px 15px;
width: 150px;
-webkit-transition: all 0.5s ease-in-out;
-blogpasuruan-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;
}
. blogpasuruanmailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-blogpasuruan-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;
}
. blogpasuruansubmit {
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,#333,#222);
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 #222;
text-shadow: 0;
border-radius: 5px;
padding: 6px 11px;
cursor: pointer;
margin: 0 auto;
}
. blogpasuruansubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
. blogpasuruansubmit::- blogpasuruan-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='blogpasuruansubscribe'>
<div style='background:#000 url(http://icons.iconarchive.com/icons/kearone/comicons/32/email-icon.png)no-repeat 6px;padding:4px 5px 5px 45px;color: #0ed9d9; font-weight: bold; font: 18px Oswald, cursive; margin: 0px 0px 10px 0px;border-radius:5px;border:2px solid#444'>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=Namafeed-anda', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true'
style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value=' Namafeed-anda' />
<input name='loc' type='hidden' value='en_US' />
<input class='blogpasuruanmailbox' 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='blogpasuruansubmit' title='' type='submit' value='Subscribe'/>
</form>
</div>
<div style='border: none; color: #0cc1c1; font: 20px Oswald, cursive; margin: 25px 0 0 5px;text-align: left;'>Follow Us:</div>
<div style='margin: -32px 0 0 100px;'>
<a href='http://facebook.com/your-username' target='_blank' title='Join us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo5rK3a9NULZB-V01Z7Yz4crE6T9ZKeKCs3NCWgFrg-IVMkMA1onXPepjKQ27kemjD9zNCGhIS2u7LGRHRVx44dhw0nUJr2hG2OnTCjoEr2Zu-MWqXf-xS5HpE6X9ktBsyfqJgBgYHGsI/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/AVvXsEh5uM_mKX3sSUS4IGLP4Q7EJfIUC4R-F_RmjY0xc-XQywkxwHsgNpdk3hxKLxBiOufHZnGw5Tj7SKjzRvzw831ltftYYRuhF4_AnxbljQm7AfHN7_MXX6g90dHcf6amsBZARbrclyA1Wng/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/AVvXsEhd7qSo3MwW3brwnMH4oELG7YqYV2Ewc-SSFROSFEn9pgp7BPHGrcceI1MCO_oy757Ll8V5SIdDmUSFEkNkT7dk30BpqnWpkLC8CPt_-Dau9tizyMLenxdFARi2SknK3BBq5CHxL0QSUVM/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/AVvXsEheZlrNBWHsoiC0hdcEj90Q9kKhJvqqbPZUptp82n1NXR9Q3BB0HQxzB4AO3aobeA2vFbD8YPIeVkG6rq6ImDbgfpmoGItbu12Gkle322zEuwkPV_qaP3-FiZhGDqeGKXFGlrD_FAeFFi8/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>
. blogpasuruansubscribe {
border: 2px solid #111;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLUa1Y5qeRiKROM9jl5yrph0-mikr48KcR1ezdzPKgHOag-QguBDs8GB8ClK-s7hRm4r5zmujMjUaUR7mP4PoNrsD3GPUxVIoYEPcM3eG2xBeFAU0tODodbNLnPkThFwgJzpUhxRZzA5k/s1600/main-bg.png);
padding: 8px;border-radius:5px;
width:295px ;
-webkit-transition: all 0.5s ease-in-out;
-blogpasuruan-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;
}
. blogpasuruansubscribe:hover {
-blogpasuruan-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);
}
. blogpasuruanmailbox {
background:#ccc;
border: 1px solid #0ed9d9;
-webkit-border-radius: 4px;
border-radius: 4px;
-blogpasuruan-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: 13px "trebuchet ms", sans-serif;
padding: 6px 15px;
width: 150px;
-webkit-transition: all 0.5s ease-in-out;
-blogpasuruan-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;
}
. blogpasuruanmailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-blogpasuruan-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;
}
. blogpasuruansubmit {
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,#333,#222);
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 #222;
text-shadow: 0;
border-radius: 5px;
padding: 6px 11px;
cursor: pointer;
margin: 0 auto;
}
. blogpasuruansubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
. blogpasuruansubmit::- blogpasuruan-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='blogpasuruansubscribe'>
<div style='background:#000 url(http://icons.iconarchive.com/icons/kearone/comicons/32/email-icon.png)no-repeat 6px;padding:4px 5px 5px 45px;color: #0ed9d9; font-weight: bold; font: 18px Oswald, cursive; margin: 0px 0px 10px 0px;border-radius:5px;border:2px solid#444'>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=Namafeed-anda', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true'
style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value=' Namafeed-anda' />
<input name='loc' type='hidden' value='en_US' />
<input class='blogpasuruanmailbox' 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='blogpasuruansubmit' title='' type='submit' value='Subscribe'/>
</form>
</div>
<div style='border: none; color: #0cc1c1; font: 20px Oswald, cursive; margin: 25px 0 0 5px;text-align: left;'>Follow Us:</div>
<div style='margin: -32px 0 0 100px;'>
<a href='http://facebook.com/your-username' target='_blank' title='Join us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo5rK3a9NULZB-V01Z7Yz4crE6T9ZKeKCs3NCWgFrg-IVMkMA1onXPepjKQ27kemjD9zNCGhIS2u7LGRHRVx44dhw0nUJr2hG2OnTCjoEr2Zu-MWqXf-xS5HpE6X9ktBsyfqJgBgYHGsI/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/AVvXsEh5uM_mKX3sSUS4IGLP4Q7EJfIUC4R-F_RmjY0xc-XQywkxwHsgNpdk3hxKLxBiOufHZnGw5Tj7SKjzRvzw831ltftYYRuhF4_AnxbljQm7AfHN7_MXX6g90dHcf6amsBZARbrclyA1Wng/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/AVvXsEhd7qSo3MwW3brwnMH4oELG7YqYV2Ewc-SSFROSFEn9pgp7BPHGrcceI1MCO_oy757Ll8V5SIdDmUSFEkNkT7dk30BpqnWpkLC8CPt_-Dau9tizyMLenxdFARi2SknK3BBq5CHxL0QSUVM/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/AVvXsEheZlrNBWHsoiC0hdcEj90Q9kKhJvqqbPZUptp82n1NXR9Q3BB0HQxzB4AO3aobeA2vFbD8YPIeVkG6rq6ImDbgfpmoGItbu12Gkle322zEuwkPV_qaP3-FiZhGDqeGKXFGlrD_FAeFFi8/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>
<!--
Feedburner Widget by bloggingpasuruan.blogspot.com -->
3. Widget Feedburner modifikasi 3#
<!--
Feedburner Widget by bloggingpasuruan.blogspot.com -->
<style>
.blogpasuruansubscribe {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcw8z145ZFmwHUplrmQ7q0y7vVWpHt1e43skMcwOJhbLZIpRzY0DsEJ7jZcdO5zvtSSsZyMfcXSA65TlQbb8zRJLVzod_TWcOg221MBdoHYcsoVeAxWWL9gJ2TUAmhN0yzBdUAbcjuloU/s1600/navbar6.jpg)repeat-x top;
border: 1px solid #9f1d00 ;border-radius:5px;
padding:0 8px 8px 8px;
width: 297px;
-webkit-transition: all 0.5s ease-in-out;
-blogpasuruan-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;
}
.blogpasuruansubscribe:hover {
-blogpasuruan-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);
}
.blogpasuruanmailbox {
border: 1px solid #9f1d00 ;
-webkit-border-radius: 4px;
border-radius: 4px;
-blogpasuruan-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: #9f1d00 ;
font: 16px "trebuchet ms", sans-serif;
padding: 5px 15px;
width: 160px;
-webkit-transition: all 0.5s ease-in-out;
-blogpasuruan-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;
}
.blogpasuruanmailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-blogpasuruan-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;
}
.blogpasuruansubmit {
font: 16px Tahoma, Geneva, sans-serif;
font-style: normal;
color: #fff;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcw8z145ZFmwHUplrmQ7q0y7vVWpHt1e43skMcwOJhbLZIpRzY0DsEJ7jZcdO5zvtSSsZyMfcXSA65TlQbb8zRJLVzod_TWcOg221MBdoHYcsoVeAxWWL9gJ2TUAmhN0yzBdUAbcjuloU/s1600/navbar6.jpg);
border: 2px solid #9f1d00 ;
text-shadow: 0;
border-radius: 5px;
padding: 6px 11px;
cursor: pointer;
margin: 0 auto;
}
. blogpasuruansubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
. blogpasuruansubmit::- blogpasuruan-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='blogpasuruansubscribe'>
<div style='background: url(http://icons.iconarchive.com/icons/harwen/pleasant/32/E-mail-icon.png)no-repeat 6px;padding:4px 5px 5px 45px;color: #fff ; font-weight: bold; font: 20px 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=namafeed-anda', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true'
style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value=' namafeed-anda' />
<input name='loc' type='hidden' value='en_US' />
<input class='blogpasuruanmailbox' 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='blogpasuruansubmit' title='' type='submit' value='Subscribe'/>
</form>
</div>
<div style='border: none; color: #9f1d00 ; font: 22px Oswald, cursive; margin: 25px 0 0 5px;text-align: left;'>Follow Us:</div>
<div style='margin: -32px 0 0 100px;'>
<a href='http://facebook.com/your-username' target='_blank' title='Join us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBQNICJG0-vsBtH7dtbrgGIyLflMd_mVxRFPN8rW3oq4jiYwi1o6FJhggmfbAJWinXGKv1gOkYZzb2jRIslddvflngqoCOb8xCDXtYIKStBTMDmOa0PaPBHvL76JgPanIrOEfB23X_PWI/s1600/sosmed+facebook+elegant+red+-+32.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/AVvXsEhIr5lTQvGojGT6NJZeh-VHh0eUnbDAFrx9RbSX8UzrStTtXqfkkHWyhid3Riuk1H_YYhzoHaVpMzeps18nQMJpyR5eAN7_L3swRrWrZUpe2ArKJiRhcvyycU_yKJLGZ_QEWOK4_-llpdM/s1600/sosmed+twitter+elegant+red+-+32.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/AVvXsEgtKx6m2ySxUQy80-LAICk5c_fWthy1Zo9c0pRafMPvQ3oZHcI5GrcUJO7rYnWoqRgc9P5TaLoWWylkKb2Alq6148INu8d2Ild3ylgfa7v4ip54CQE9b6hIBhqk_DeZi6BR7pNTgi-v5gg/s1600/sosmed+google++elegant+red+-+32.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/AVvXsEgT9Zd6uMvBe1CQ6khzU7MK5EyC_S7dxB3r7EZrt0A01f4Cl-KRbAcS64cXw5l5NFMCmlWQK-pqbYhcwE5DcYHzicDgZPtieVSgMcNU4IR1FcOzdvuqykQk3tRt65lDzUeHAVNLQRohh3s/s1600/sosmed+pinterest+elegant+red+-+32.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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrW1oPtfMm7YwbiuZZcTnwwF5ZZtoTYqFOS00F8QAAcIQINAW4OYqkJQ6fDFxoaY9E8WohJO03HZdtG46BUhZY7Q4fTTpLYcp-DaafCLADF2Xr9e6QTB8HVT02bNJXlMjwHPKYNogMC-A/s1600/sosmed+youtube+elegant+red+-+32.png' alt='Youtube'/></a>
</div>
</div>
.blogpasuruansubscribe {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcw8z145ZFmwHUplrmQ7q0y7vVWpHt1e43skMcwOJhbLZIpRzY0DsEJ7jZcdO5zvtSSsZyMfcXSA65TlQbb8zRJLVzod_TWcOg221MBdoHYcsoVeAxWWL9gJ2TUAmhN0yzBdUAbcjuloU/s1600/navbar6.jpg)repeat-x top;
border: 1px solid #9f1d00 ;border-radius:5px;
padding:0 8px 8px 8px;
width: 297px;
-webkit-transition: all 0.5s ease-in-out;
-blogpasuruan-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;
}
.blogpasuruansubscribe:hover {
-blogpasuruan-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);
}
.blogpasuruanmailbox {
border: 1px solid #9f1d00 ;
-webkit-border-radius: 4px;
border-radius: 4px;
-blogpasuruan-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: #9f1d00 ;
font: 16px "trebuchet ms", sans-serif;
padding: 5px 15px;
width: 160px;
-webkit-transition: all 0.5s ease-in-out;
-blogpasuruan-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;
}
.blogpasuruanmailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-blogpasuruan-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;
}
.blogpasuruansubmit {
font: 16px Tahoma, Geneva, sans-serif;
font-style: normal;
color: #fff;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcw8z145ZFmwHUplrmQ7q0y7vVWpHt1e43skMcwOJhbLZIpRzY0DsEJ7jZcdO5zvtSSsZyMfcXSA65TlQbb8zRJLVzod_TWcOg221MBdoHYcsoVeAxWWL9gJ2TUAmhN0yzBdUAbcjuloU/s1600/navbar6.jpg);
border: 2px solid #9f1d00 ;
text-shadow: 0;
border-radius: 5px;
padding: 6px 11px;
cursor: pointer;
margin: 0 auto;
}
. blogpasuruansubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
. blogpasuruansubmit::- blogpasuruan-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='blogpasuruansubscribe'>
<div style='background: url(http://icons.iconarchive.com/icons/harwen/pleasant/32/E-mail-icon.png)no-repeat 6px;padding:4px 5px 5px 45px;color: #fff ; font-weight: bold; font: 20px 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=namafeed-anda', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true'
style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value=' namafeed-anda' />
<input name='loc' type='hidden' value='en_US' />
<input class='blogpasuruanmailbox' 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='blogpasuruansubmit' title='' type='submit' value='Subscribe'/>
</form>
</div>
<div style='border: none; color: #9f1d00 ; font: 22px Oswald, cursive; margin: 25px 0 0 5px;text-align: left;'>Follow Us:</div>
<div style='margin: -32px 0 0 100px;'>
<a href='http://facebook.com/your-username' target='_blank' title='Join us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBQNICJG0-vsBtH7dtbrgGIyLflMd_mVxRFPN8rW3oq4jiYwi1o6FJhggmfbAJWinXGKv1gOkYZzb2jRIslddvflngqoCOb8xCDXtYIKStBTMDmOa0PaPBHvL76JgPanIrOEfB23X_PWI/s1600/sosmed+facebook+elegant+red+-+32.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/AVvXsEhIr5lTQvGojGT6NJZeh-VHh0eUnbDAFrx9RbSX8UzrStTtXqfkkHWyhid3Riuk1H_YYhzoHaVpMzeps18nQMJpyR5eAN7_L3swRrWrZUpe2ArKJiRhcvyycU_yKJLGZ_QEWOK4_-llpdM/s1600/sosmed+twitter+elegant+red+-+32.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/AVvXsEgtKx6m2ySxUQy80-LAICk5c_fWthy1Zo9c0pRafMPvQ3oZHcI5GrcUJO7rYnWoqRgc9P5TaLoWWylkKb2Alq6148INu8d2Ild3ylgfa7v4ip54CQE9b6hIBhqk_DeZi6BR7pNTgi-v5gg/s1600/sosmed+google++elegant+red+-+32.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/AVvXsEgT9Zd6uMvBe1CQ6khzU7MK5EyC_S7dxB3r7EZrt0A01f4Cl-KRbAcS64cXw5l5NFMCmlWQK-pqbYhcwE5DcYHzicDgZPtieVSgMcNU4IR1FcOzdvuqykQk3tRt65lDzUeHAVNLQRohh3s/s1600/sosmed+pinterest+elegant+red+-+32.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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrW1oPtfMm7YwbiuZZcTnwwF5ZZtoTYqFOS00F8QAAcIQINAW4OYqkJQ6fDFxoaY9E8WohJO03HZdtG46BUhZY7Q4fTTpLYcp-DaafCLADF2Xr9e6QTB8HVT02bNJXlMjwHPKYNogMC-A/s1600/sosmed+youtube+elegant+red+-+32.png' alt='Youtube'/></a>
</div>
</div>
<!--
Feedburner Widget by bloggingpasuruan.blogspot.com -->
Cara Pemasangan :
1. cara pemasangannya simple saja ,
silahkan anda masuk ke menu Layout >> add Gadget >> plih
Html/javascript >> masukan kodenya.
2. 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.
3. Setelah semua selesai langsung saja
di simpan.
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.
Demikian
widget hasil modifikasi BLOGGINGPASURUAN semoga sahat bloger sekalian
menyukainya, jika ada masalah dengan widget saya di atas mohon tinggalkan pesan
insyaAllah jika ada waktu saya akan membantu permasalahan sahabat Blogger…
terima kasih.
thx infonya bang, btw no 1 no 2 gambarnya sama ya
ReplyDelete