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
Masuk ke Dashboard Bloggger
Pilih Tata letak > Tambahkan Gadget > cari HTML/JavaScript
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/AVvXsEibdKxaJQlkT8gHc9kQt1Qa7kWiNhrLcLvi1ZLCcga8-SjBYAmPJrKgXB3YGQSYb3uK5hcLtl5ZFiFLUpR3fnJDC-atxcRQ3ENEHdSSQgrak0O0RtkfCKzytcwWc_uJGf_aAjLU4uI215yS/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/AVvXsEjy6AgIFdqY51puVAySKCLuv7eoJIRktsSM0P2-r_pmPjLp14mLMmw5B6sW83UL6YBRrI2GAPrB_YQleYHByuXamTjcRSe1jWwtQngT4t9IWJUaX-4dICMwVLYUl_dcSWhuGu9ODXyqh975/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 == "") {this.value = "Masukan email di sini";}" onfocus="if (this.value == "Masukan email di sini") {this.value = "";}" 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 AndaGanti http://feedburner.google.com/fb/a/mailverify?uri=bangiz dengan URL Feedburner Email Feed Anda Ganti Bangiz dengan nama blog Anda
Save Template dan lihat hasilnya