InfoBlogNews - Hari ini saya
berbagi Cara Modifikasi Widget Feedburner + Sosial Media Keren untuk Anda.
Widget ini membuat dengan tombol berbagi sosial dan kotak berlangganan email
khusus dari feedburner. Anda dapat menambahkan widget ini hanya di blogger
Anda. Apakah Anda ingin menambahkan widget ini ke blogger Anda. Ikuti langkah
berikut ini ....
Cara Modifikasi Widget
Feedburner + Sosial Media Keren
Login ke Akun Blogger Anda
1. Pilih Tata Letak ( layout )
2. Klik Tambahkan Gadget ( add gadget )
3.Pilih HTML / JavaScript
dari daftar yang diberikan
4.Copy dan Paste kode
berikut ke dalam kotak HTML / Javascript.
<div
class='widget-content'>
<style
type='text/css'>
.social
a{padding: 6pt 6pt 6pt 5px;font: bold 12px Calibri,Helvetica, Arial,
sans-serif;text-decoration: none;position: relative;display:
inline-block;text-shadow: 0 1px 0 #fff;-webkit-transition: border-color
.218s;-moz-transition: border .218s;-o-transition: border-color
.218s;transition: border-color .218s; background: #f3f3f3;border: solid 1px
#dcdcdc;}
.social
a:hover {color: #333;border-color: #999;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0,
0.2);-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px
rgba(0, 0, 0, 0.15);}
.social
a:active{color:#000;border-color: #444;}
.sub-box{
background:
#fff;
width:
270px;
padding:
2px 5px 7px 7px;
border:
2px solid #000;
border-radius:
15px;
}
.sub-box:hover{
border-style:dashed;
2px solid: #389af2;
}
.emailform{margin:30px
0 0; display:block; clear:both;}
.emailtext{margin:20px
0 0;background:#f6f6f6
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDuZSXRKzhTVFb_19QLakIUDZQ2lDzua9sztD60jxALIlIyfCHQft_EYOjfk9oVxCtybQMajp2loKCc82uZDYV2JO2ZCzPC0RITa70-cN2vFgR8tCSnsWO8VKwUG5Ucr65s_ceX8bZYgQ/s1600/email.png)
no-repeat scroll 0px center;padding:5px 5px 4px
30px;color:#444;font-weight:bold; text-decoration:none;border:1px solid
#ccc;width:170px;}
.emailtext:focus{outline:none;}
.sub-button{color:#eee;font-weight:bold;
text-decoration:none;padding:6px 8px; border:1px solid
#666;cursor:pointer;background:#ff748c}
.sub-button:hover{color:#eee;border-color:
#999;background:#ffa7b6}
</style>
<div
class='sub-box'>
<center><div
class="social">
<table><tbody><tr><td>
<a
href=' link User
ID FACEBOOK ANDA ' target='_blank'><img alt='Facebook'
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVvNs8Zteb3HLhThF1LtItYvWVpUeEha6iqQ-r0Vmr6DAwmGlzUUzqwsbQrHp-GagpowombiRxDCWPeiWRqAkTzU3y-7j-3lrgrcnflYojy7Pn4_CDaI1x0RyOyer38QdzL8RGmlwbndw/s1600/facebook.png"
border="0" title='Follow Us On Facebook'/></a> </td>
<td>
<a href= link
User ID Twitter ANDA ' target='_blank'><img alt='Twitter'
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnoKCR3egsiOPkeXDnXHuFTuwVvWiEVgrZMhV415b5ODd9YFwLfeNJ4DRFipD69cs5cbhnxeH1LJccqWqale3YcoKrpp8MsrRCvN7BPpErJjaptL0dnON7TvfslEDOPw5f2zUrGHVETZU/s1600/twitter.png"
border="0" title='Follow Us On Twitter'/></a> </td>
<td>
<a href=' link
User ID Google Plus ANDA ' target='_blank'><img alt='Google
Plus'
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUeTyw1aF43NFlA9qyRaTxmcmgXNVMQm1yWDGxsgoRYW7vf6PVNfnaH-ekDiFacQnDNb2N2c_d0AkbAsTK626zgoUn3W_6sgwn3s5r_cGi789qd15J6VdQMBSgZCEgA0nDY4sys8crtYQ/s1600/googleplus.png" border="0" title='Follow Us On
Google Plus'/></a> </td>
<td>
<a href='http://www.pinterest.com/' target='_blank'><img alt='Pinterest'
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUo2XW_XdmUr7Go5AR1HitYbdTkdnpZcv0vmruihwEWti_4WGMoXHkvmaQTF59sg8OAtSiiR27ixv49JfMFSGCNPogNb2yf_3eTk9gz0-VJfnD3VH4GAl-rdwNse9pXmgReJrrYVi073E/s1600/pinterest.png" border="0" title='Follow Us On
Pinterest'/></a> </td>
<td>
<a href=' link
Stumble Upon ANDA ' target='_blank'><img alt='Stumble Upon'
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFblchuUfihEKn5XPU_NAlTtGMfYpqldjGttAxLgmtZe5vzClXGagvIb08kvz5QbTKHBcmzXP0QLU8qzFPu9Hc50AI9et57pwlqzW6vq3NuTtZYEoo72D0uMhVxfv3_1BIBFRCjLf6TOY/s1600/stumbleupon.png" border="0" title='Follow Us On
Stumble Upon'/></a>
</td></tr></tbody></table>
</div></center>
<center>
</center>
<div
style="text-align: left; display: inline-block;">
<h8
style="display:block;font-family:'calibri';font-size:17px;font-weight:bold;">Masukkan
Email Anda, untuk berlangganan Artikel, Gratis !!! </h8>
<form
action="http://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=
NAMA RSS ANDA ', 'popupwindow',
'scrollbars=yes,width=550,height=520');return true">
<input
type="hidden" value="NAMA RSS ANDA" name="uri"/>
<input
type="hidden" name="loc" value="en_EN" />
<input
type="text" onblur="if (this.value == "")
{this.value = "Enter your email...";}" onfocus="if
(this.value == "Enter your email...") {this.value =
""}" value="Enter your email..."
name="email" class="emailtext" />
<input
type="submit" class="sub-button" value="Enter"
title='' alt='' />
</form></div><small>
Anda aman disini ! Email tidak terkait SPAM apapun</small></div></div>
5. Simpan --- dan lihat
hasilnya
Semoga bermanfaat…