Cara Modifikasi Widget Feedburner + Sosial Media Jadi Keren Abis

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(http://3.bp.blogspot.com/-3nqMfDFqsUQ/T4_x8t_XbaI/AAAAAAAAAok/oVXZ6X2RKsg/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="http://2.bp.blogspot.com/-iMYhRYzNht8/UREupfLBsoI/AAAAAAAAB08/iu09lgouzGc/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="http://4.bp.blogspot.com/-_d9Zpk_CQeo/UREuqNEg5-I/AAAAAAAAB1I/0g5FhJxVwRU/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="http://2.bp.blogspot.com/-mL-U8z3UiDI/UREupgQldyI/AAAAAAAAB1E/BWqEC0NTAY0/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="http://3.bp.blogspot.com/-uWHKe5F1DvU/UREupR_-hUI/AAAAAAAAB1A/1PGhhRARQgg/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="http://4.bp.blogspot.com/-fj_fcgS8HHg/UREwbeEQRRI/AAAAAAAAB1k/uz42DFR_rbc/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 == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" 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…