Cara Membuat Kotak Berlangganan Feedburner Subscribe dan Sosial Media

Untuk mensosialisakan blog atau site Anda perlu adanya situs jejaring sosial yang bisa langsung terhubung ke blog atau site Anda. Adapaun contoh jaringan sosial yang sering digunakan oleh kebanyakan orang seperti Google +, Facebook, Twitter, dan RSS yang mana akan menambah lalu lintas ke situs web. Hai ini juga untuk meningkatkan Search Engine Optimization. 
Widget ini berisi link dari halaman Fans Facebook Anda, laman Google+ dan tombol twitter, juga RSS dan formulir berlangganan yang akan meningkatkan jumlah pelanggan Email blog Anda. Dengan sedikit menambahkan efek yaitu ketika Anda membawa mouse ke ikon, maka ikon akan berubah warna. Anda dapat menambahkan kotak berlangganan ini di manapun ingin menyimpannya.

Cara menambahkan Feed Burner Subscribe dan Sosial Media

1. Masuk ke Dashboard Bloggger
2. Pilih Tata letak > Tambahkan Gadget > cari  HTML/JavaScript
3. Copy code berikut dan paste di tempan yang telah disediakan

<style>
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 10px;
float:left;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB4tc61pUy1sLXk-tWlUyqO1dZKL_bPyjh8mzKY0XYOf5H0caL5bQ1t3JE_qXYM_z73FU7VnPfkFCFgenM94HzqmRXohEJlK4tiFmjnFZZfj2_UpkuOIsWQBBOf8FF-PM2WAUUI6b1JqT1/s454/Sharing%2520Touch%2520Me.png) no-repeat;
-webkit-transition: ease-in 0.2s all;
-moz-transition: ease-in 0.2s all;
-o-transition: ease-in 0.2s all;
-ms-transition: ease-in 0.2s all;
transition: ease-in 0.2s all;
cursor:pointer;
}.touchme a.googleplus {
background-position: 0px -58px;
}
.touchme a.googleplus:hover {
background-position: 0px 0px;
}.touchme a.twitter {
background-position: 0px -290px;
}
.touchme a.twitter:hover {
background-position: 0px -232px;
}
.touchme a.facebook {
background-position: 0px -406px;
}
.touchme a.facebook:hover {
background-position: 0px -348px;
}
.touchme a.rss {
background-position: 0px -174px;
}
.touchme a.rss:hover {
background-position: 0px -116px;
}
</style>
<div class='touchme'>
<!--RSS-->
<a class='rss' href="http://feeds.feedburner.com/bangiz" rel='external nofollow' target='_blank'></a>
<!--Google Plus-->
<a class='googleplus' href="https://plus.google.com/u/0/116871495169638500872" rel='external nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href=" https://www.facebook.com/pages/Bangiz/557274137622952
" rel='external nofollow' target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="https://www.twitter.com/markudes" rel='external nofollow' target='_blank' ></a>
</div>
<style>
.tk-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS23OAUpEc7a77QSWHv4mYV87f_ZODoJ8vp5zbJdigyC0Lol942PBtrFwGJstOxsRLqnA86UtCqe1CbNG8N8YspLdE6btyYP0NQVX5swVprBQ7jf46wav__UXxzp1FAQo3NJBlW0YpjCU4/s48/email%2520%25283%2529.png) no-repeat 0px 5px ;
width:300px;
padding:0px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 1px 0;
color:#999999;
}
.tk-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.tk-emailsubmit:hover{
background:#3d87d0;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:150px;
color:#666;}
</style>
<div class="tk-email">
Berlangganan Via Email
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bangiz', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Masukan email di sini&quot;;}" onfocus="if (this.value == &quot;Masukan email di sini&quot;) {this.value = &quot;&quot;;}" value="Masukan email di sini" type="text" />
<input type="hidden" value="Bangiz" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="tk-emailsubmit" value="Submit" type="submit" />
</form>
</div>

Ganti http://feeds.feedburner.com/bangiz dengan URL Feed burner Anda. 
Ganti https://plus.google.com/u/0/116871495169638500872 dengan URL Google+ Anda
Ganti https://www.facebook.com/pages/Bangiz/557274137622952 dengan URL halaman Facebook anda
Ganti https://www.twitter.com/markudes dengan URL Twitter Anda
Ganti http://feedburner.google.com/fb/a/mailverify?uri=bangiz dengan URL Feedburner Email Feed Anda
Ganti Bangiz dengan nama blog Anda
 
4. Save Template dan lihat hasilnya