Cara Membuat Widget Social Media Melayang dan Tersembunyi di Blog

Cara Membuat Widget Social Media Melayang dan Tersembunyi di Blog ~ Jika sebelumnya saya telah menunjukkan Cara Memasang Gadget Facebook Fans Page Tersembunyi ( Auto Hidden ) di blogger 
kali ini saya akan menunjukkan cara mebuat social media tersembuny, jika sebelumnya haya facebook ,namun widget kali ini adalah social profile semuanya, hingga dari faceboo, twitter, G +, hingga feed.

 Untuk contoh anda bisa melihat gambar di bawah in :

Cara Memasang

1. Masuk ke blogger anda
2.Pilih menu tata letak --> tambah gadget --> HTML / java scrip
3. Copy paste kode di bawah ini :

<style>

.fixedmenu{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVqICmztmKkcocsLXMswOcEk4hehtN4n7MYa7LaBODgMO-6_6oVp-UbUqBE7QCp9g763akqUfNrsAxlCysOKX9yQL6sAGxuZZLJlFiS3dWw6sK7zCNi-QPLc4cJu7JJ1ocDMvD8KeWls4/s1600/facebook.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}

.fixedmenu1{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS5NSOaBzJqCjM2qTmdbIAyMDhHt89Am5tnQYrx2tt3wI3OQ5CFuwv_Y7ZB_d_xcvDKFq_bUZ8IGGIjxfWdgDYE93P8fbKyIaep99npK7u5GIPl67mKhgt6s4kDE4c8-AFaxdF1k7fEnA/s1600/facebook-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}

.fixedmenu_1{margin:0px 0 0 43px}

.fixedmenutw{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHpEu9PRv2DgVzVUJyJtwiCjwS2UE1Nrn-9V3BS3KXuMDupjFRpowJskBSw91PHiyTr-ZtwvLtOoaFs8AW_VbzJXgqVGsjwVWVc4UxYaXlLhsKfJGs3YA09l_FWtfnashKXt4B-eF0JSE/s1600/twitter.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}

.fixedmenutw1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLRmLbWlonNKFKzoNzVANReo7YNZR1HvjlKRV9G8gimyk3AtANaHlHFYN9CN5uBSpbys6-6sa1afJyjNNXZ9G6SjaBSdH1u7B3mGcwAyf_TDDk_0CcFFfbJjQeUtnk_VFlyU9Z9yHWbiw/s1600/twitter_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}

.fixedmenutw_1{margin:0px 0 0 43px}

.fixedmenufb{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2SH9RtuYcnxb7u1VrnX0gybrHaWLNcvbfPQVX3vIgd9b83puj6KzzTMjJuoIl7tj1dLlfiRTSs3z0CCsLYaQGfauesfeV35rljjXdyGDjwXTBPRo2kj6N4F5oI3-8C7uGyP26WpBa414/s1600/Gplus.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}

.fixedmenufb1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4x3RIxPEnmFmRPi3ZgTMclk52aE7qfD5D4ha2OnNIxNoku1xiqqRQai4ePmmCVS2yX7G3WSChtGQUeG4VbEo41iGZkeg5jA1up_GrPXrD_zMcL1lt33W4r-zOPBUlWiK0wgAFqykC10k/s1600/Gplus_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}

.fixedmenufb_1{margin:0px 0 0 43px}

.fixedmenurss{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhggeXIeEiWOfyhu8feFCY2URKQnbUfRBQG730uIypP6MfAjPeN7CvgCl-ZXNYWEjM1rWfzSaW0gJmgE9nIpBFtg_OS0VZfmgzzblwyapuvI1s9U3nyVJns1olZTYrhvofgk1xHimhU6Jo/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}

.fixedmenurss1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2gBfd6LhagdAt4lhku2Uk5R1nbK7WJoZQeGxk3crri8SAlrnmBFSgk_h6wS53votF3y9PibcJO5VCt4bdhL6qxOfK58QEHjHvKhtslI8ZyMT-LzOmOKOGjY3Q-b4zF3Yx4z0xoczVRps/s1600/RSS-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}

.fixedmenurss_1{margin:0px 0 0 43px}

</style>

<div class='fixedmenu' onmouseout='this.className=&apos;fixedmenu&apos;' onmouseover='this.className=&apos;fixedmenu1&apos;'><div class='fixedmenu_1'>

<a href='https://www.facebook.com/ErdianRahmanaPutra' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglxc2WdOO_In-99U02vX0rqc_JeB5Yvjow2gTsJ5UYoHyskZboQ-ipQDzh_njviFBGIpn-xfQZQPHz0ee4ytVb7wYmNFQt3uYM9LCH6CYHc39q_wtFS6AZBixxSXb_w5jmkbVBfKaZRNg/s1600/facebook-hover1.png' title='Like us on Facebook'/></a><br/>

</div></div><div class='fixedmenutw' onmouseout='this.className=&apos;fixedmenutw&apos;' onmouseover='this.className=&apos;fixedmenutw1&apos;'><div class='fixedmenutw_1'>

<a href='https://twitter.com/erdianrahmana' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ62GmVz0yc2gTfM1uXUdUqM7E-2QwhLU_qVuU7kwkTD4wvqKPrZxb_xxHQn7jnLZj-wu_oPa1FjwMuH6hFfUbHfRVywf9DCHV7s6MduiuvTp-YEqBk36v0ubzYgU17iUCZ3DdXX39uqQ/s1600/twitter_hover1.png' title='Follow us on Twitter'/></a><br/>

</div></div><div class='fixedmenufb' onmouseout='this.className=&apos;fixedmenufb&apos;' onmouseover='this.className=&apos;fixedmenufb1&apos;'><div class='fixedmenufb_1'>

<a href='https://plus.google.com/u/0/110005497910605593707' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBwBhyDBAbAcEDxuiU9UrcEDlmLqUCESEmN1b95UF5IH3q4Ab_mECGaECXUkz1RpCjdgJ2gSfURj177A0yDxzLAYZtrL8YCziACfjWOPaJ4GLoxZa8yCZWkO0QgOptvEFu9rBxXIgUgFo/s1600/Gplus_hover1.png' title='Recommend us on Google Plus'/></a><br/>

</div></div><div class='fixedmenurss' onmouseout='this.className=&apos;fixedmenurss&apos;' onmouseover='this.className=&apos;fixedmenurss1&apos;'><div class='fixedmenurss_1'>

<a href='http://feeds.feedburner.com/diandikiblogspot' target='_blank'><img alt='Subscribe me on RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-BxYHGZYukz-YUVk6MP_d3uQS_BbF4dcNkbmdUhGi1nVlU3cdqhiA3etyMuASUYWAbxTN5h73dsaNxdhYxMxsTxpP913U_gEZKARQ1BXSdMPTBllyurcJtc2doLcaWBrzX_zEghKnUNo/s1600/RSS-hover1.png' title='Subscribe me'/></a><br/>

</div></div>

3. Ket :

• Warna Biru Tua anda ganti dengan Link profile facebook anda
• Warna Biru Muda anda ganti dengan link profile twitter
• Warna Merah anda ganti denag Link profile Google + anda
• Warna Orange anda ganti dengan link feed bunner anda

4. Simpan
5. lihat hasilnya :)