Cara Membuat Ikon Toko Berlangganan

Widget Berlangganan

RIEFSAZ. Dalam memperganteng blog sangatlah banyak caranya diantaranya dengan membuat Ikon Berlanggan, widget ini tampilannya unik, keren dan tidak memberatkan loading blog, langsung saja bagi sobat yang ingin memilikinya silahkan ikuti panduannya dibawah ini :

1. Login ke blogger Desain> Elemen Halaman.
2. Klik Tambah Gadget dan pilih 'HTML / Javascript
3. kemudian Paste kode dibawah ini

Kemudian sobat :
* Ganti BANG KAMPLENK dengan Nama feedburner
* Ganti BANG KAMPLENK dengan Nama twitter 
* Ganti BANG KAMPLENK dengan Nama facebook
* Ganti BANG KAMPLENK dengan Nama youtube 
4. Langkah terakhir klik simpan

<a href="http://feeds.feedburner.com/bloggertrix" imageanchor="1" style="margin-left: .5em; margin-right: 1em; float: center;" rel="nofollow" target="blank"><img border="0" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx5GliHQoHMPd95-e7OeNMrDDJrx1lKzPDPS08_zCEo0byriBT8MTIdRXwoXqnS0nxbU3Ae-Y8PyRceHq7v98Y6S9Pf1VqStR3-ORhlTheITUoMWM7_ZcT07zUo5cW3YdMA_emHj64BjF0/s400/Untitled-5.png" width="290" /></a>
<style> 
.mbtips-email{ 
background:Fff no-repeat 0px 12px ; 
width:270px;
float:center;
font-size:1.4em;
font-weight:bold;
margin:2px 20px 0px 35px;
color:#686B6C;
}
.mbtips-emailsubmit{ 
background:#0084CE;
cursor:pointer;  
color:#fff; 
border:none;
padding:3px;
margin:0 0 0px 0;
text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25); 
-moz-border-radius:2px; 
-webkit-border-radius:2px; 
border-radius:2px; 
font:12px sans-serif;
} 
.mbtips-emailsubmit:hover{ 
background:#E98313; 
} 
.textarea{ 
padding:2px; 
margin:0px 2px 0px 2px; 
background:#f9f9f9; 
border:1px solid #ccc; 
resize:none; 
box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); 
-moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); 
-webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px;   
width:170px; 
color:#666;}
</style>
<style class="text/css">
.center 
{
text-align:center;
font-weight:bold;
margin:10px;
}
</style>
<div class="center">
Submit your Email Address to Get Free Blogger Tips Directly to your Inbox
</div>
<div class="mbtips-email"> 
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=BANG KAMPLENK', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> 
<input gtbfieldid="3" class="textarea" name="email" onblur="if undefinedthis.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if undefinedthis.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here..." type="text" /> 
<input type="hidden" value="BANG KAMPLENK" name="uri"/><input type="hidden" name="loc" value="en_US"/> 
<input class="mbtips-emailsubmit" value="Submit" type="submit" /> 
</form> 
</div>
<style class="text/css">
table
{
border-bottom: 0px solid #E6E6E6;
float: center;
width: 300px;
margin:10px 0 0 15px;
}
.subicons
{
border-right: 1px solid #E6E6E6;
}
.Fadeout {
filter:alphaundefinedopacity=100);
opacity: 1.0;
border:0;
}
.Fadeout:hover{
filter:alphaundefinedopacity=80);
opacity: 0.8;
border:0;
}
</style>
<div class="table">
<table>
<tr>
<td><div class="subicons"><a class="Fadeout" href="http://www.facebook.com/pages/BANG KAMPLENK" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRVQoWlbVGcEXdEcT8sQipvcmBcW7nMb2ox7WJ1BuY_TnuNoEScVgCHuqgVK1IwYvMNCN_QKtrnOu_9pKWzMcpcwr6-X1hnrByeIZaV_jx-qJND2O0w9uYy7UsqrjUWpQBB1yJwwRXahg/s1600/bloggertrix.com-Facebook.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="http://twitter.com/BANG KAMPLENK" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwuLtqs_8jfrXfO8-L9I8XYg0bLfrhgm_HFCNWgqjlsNslRtQP3vwO-7FAwi9x7tmcTymDwkQn4MiB3MKl2QI0V8S3vJpmiVCkunDfcUyKg5BgxOAYR5Iv-YH9KM0flUr0Z5KC0N0tIxo/s1600/bloggertrix.com-twitter.png" /></a></div></td>
<td><div class="subicons"><a class="Fadeout" href="http://feeds.feedburner.com/BANG KAMPLENK" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguXxtIC8-59q8wRjM3Dfe599bLN1nLl-hLgCYA0BUdWJAOHzPTxagKdLlVAvsoq5cj75siXFnlieCSEdDhJ8z_Re3BCmMut5a8kyaRStrm5Xz_ZjnqEj-mmbpZ6h5Qf0l_AbqFFFVqDCE/s1600/bloggertrix.com-rss.png" /></a></div></td>
<td><a class="Fadeout" href="https://youtube.com/BANG KAMPLENK" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3sMacF2SyEkQ2MiH5kzAkSS5uWA8Ngdh3IX2tYB6kb8ODraxOp35DXZJyvIybf6NbIb9zqh012oSqcJ9GsQVCPcNaGyoX7-uF0agovWfgHfoa8x3PhOLx0ugpiMrCcgvyjmdnVUawz94/s1600/bloggertrix.com-youtube.png" /></a></td>
</tr></table>
</div>

K O D E