Cara Menambahkan Tombol Sosial Media Melayang (Facebook dan Twitter) di Blog

Berikut beberapa kode tombol sosial media yang dapat Anda coba untuk dipasang di widget sidebar blog Anda :

1. Tombol Facebook dan Twitter tanpa background :
<a style="position:fixed;top:270px;left:10px;" href="http://www.facebook.com/irfan.handi" title="My Facebook" target="_blank" rel="nofollow"><img src="http://irfanhandi.files.wordpress.com/2012/06/facebook-64x64.png"></a>
<a style="position:fixed;top:335px;left:10px;" href="http://twitter.com/#!/irfanhandi80" title="My Twitter" target="_blank" rel="nofollow"><img src="http://irfanhandi.files.wordpress.com/2012/06/twitter-64x64.png"></a></div>

2. Tombol Facebook dan Twitter dengan background :
<div style="display:scroll;position:fixed;top:224px;left:0;"><a href="http://terserah Anda" title="terserah Anda"><img src="http://irfanhandi.files.wordpress.com/2012/06/tombol-sosial-media.png"></a>
<a style="position:fixed;top:270px;left:10px;" href="http://www.facebook.com/irfan.handi" title="My Facebook" target="_blank" rel="nofollow"><img src="http://irfanhandi.files.wordpress.com/2012/06/facebook-64x64.png"></a>
<a style="position:fixed;top:335px;left:10px;" href="http://twitter.com/#!/irfanhandi80" title="My Twitter" target="_blank" rel="nofollow"><img src="http://irfanhandi.files.wordpress.com/2012/06/twitter-64x64.png"></a></div>

3. Tombol Facebook dan Twitter pojok atas bawah :

<a style="position:fixed;bottom:45px;right:0;" href="http://www.facebook.com/irfan.handi" title="Berteman Yuk!!!" target="_blank"><img src="http://irfanhandi.files.wordpress.com/2012/05/fb.png" alt="" width="" height="" /></a>

<a style="position:fixed;top:0px;left:0;" href="http://twitter.com/#!/irfanhandi80" title="Follow Me" target="_blank"><img src="http://irfanhandi.files.wordpress.com/2011/09/twitter-irfanhandi80.png" alt="" width="" height="" /></a>




Kode Tombol-tombol sosial media diatas dapat Anda pasang dengan langsung meng copy-paste salah satu kode tersebut ke dalam Widget Text Sidebar Anda.

Keterangan :

• Ganti kode yang berwarna merah dengan dengan alamat akun facebook/twitter Anda,
• Ganti kode berwarna ungu untuk mengganti judul sesuai dengan keinginan Anda,
• Ganti kode yang berwarna biru dengan alamat gambar yang bisa Anda ganti sesuai keinginan Anda. Cara Upload/mengganti gambar bisa Anda baca pada tutorial sebelumnya, yaitu Cara Menambahkan Tombol Sosial Media di Sidebar WordPress.

Demikian Cara Menambahkan Tombol Sosial Media Melayang (Facebook dan Twitter) di Blog ini, Semoga bermanfaat.