Pada Kesempatan Kali Ini,saya akan share Cara Membuat Tombol Sosial Media Melayang Di kanan Blog. karena saya ingin widget social yang selalu berbeda pada blog saya,makanya saya searching di google untuk berbagai cara memperindah tampilan blog dan Taaaaraaaaa alhamdulillah akhirnya dapat caranya.


Lanjut kembali pada cara membuat tombol social media melayang di kanan blog, langkah pertama yang harus kalian lakukan adalah seperti biasa,
1-Login kedalam dasbor blog anda
2-Pilih tata letak
3-Pilih add a gadget / menambahkan gadget
4-Pilih HTML/JavaScript
5-Kemudian copy dan pastekanlah kode script yang ada di bawah ini kedalam gadget HTML/Javascript.

<!--stickysocial_dock-->
<style type='text/css'>
.stickysocial {
background: #ffffff;
position: fixed;
top: 35%;
right: 0.25%;
z-index: 100;
vertical-align: bottom;
width: 37px;
text-align: center;
}
.stickysocial a:hover {
opacity: .73;
-moz-opacity: .73;
filter: alpha(opacity=73);
}
</style>

<div class='stickysocial' id='stickysocial_dock'>

 <a href='https://plus.google.com/USERNAME' target='_blank' title='Follow us on Google+'><img alt='Google+' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCvf3vCYU2pI6MUuG4dKB2fdMec5fG_7i_HwKaGLIgk32Lfd-NviDd_cw7mbaPWWv8Aqmg6mJNjbyw7zoEN2oUVc9FFU7ZsvkGQfr4reqR8zVPUDWHdrCuU76LoKdvIALNJIRNWj8SGQ/s1600/g+.png' style='position:relative; width:37px'/></a>

<a href='http://www.facebook.com/USERNAME' target='_blank' title='Follow us on Facebook'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMm45whMMLkffbYaq305ZDKaCg27ICXeoZguuZRJ3S49iRTDdUM_EzqIoabpcv3Oz9M0lsrHKKcXH-OxhlcNIwUc7ZHXqwFIuQy9Bgee1Jz3rU1tEAMWH-PB2rdml9yd7UX8e53VA_uA/s40/facebook.png' style='position:relative; width:37px'/></a>

<a href='http://twitter.com/USERNAME' target='_blank' title='Follow us on Twitter'><img alt='Twitter'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmO8CiY8oiSK2vk0wAepuZ_n2T618U8NCovZnyFKHilw9ZXprWNC3d2XiHr-G-rr8-IB3yuOqXAK3jSB8EjB9lrkpKQzTj5Azh11MJnwLJFCaGJ9afsc8jtz9awL6YdebSPa5oJQ_yMw/s40/twitter.png' style='position:relative; width:37px'/></a>

<a href='http://instagram.com/USERNAME' target='_blank' title='News latters'><img alt='mail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8tGrPdrkBYZmuryO2ZnENDMc94IltPJG4iRwMsyKMEF8RoWMTlRlRwdHH6P10BuIWSmleWNhQWPgrZnQ7HSOnCPpACS5k4DN9BiBJDrFiQWbe53u37EiS32UGjmxS7NgYIk0bjSD6SZs/s1600/images.jpg' style='position:relative; width:37px'/></a>

</div>

Note : Rubah semua tulisann yang berwarna merah dengan masing-masing User name kalian, sementara untuk menyesuaikan warna background widget silahkan untuk mengganti kode warna yang tercetak tebal dan berwarna biru.

Nah Samplenya seperti ini :) 

Semoga bermanfaat :*
Tags: