Cara Mudah Pasang Widget Social Button Melayang

Sang Alang Penikmat Senja 8:54 PM
TUTORIAL MUDAH PASANG SOCIAL BUTTON MELAYANG DI BLOG - Banyak ragam cara yang bisa dilakukan sobat blogger untuk memasang widget social button supaya melayang didalam blog atau situs sobat. Salah satu cara familier yang bisa sobat lakukan adalah sebagai berikut:
  • Log in > Dashboard > Design > Add Gadget > Html/Java Script
  • Copy code dibawah dan paste di ruang HTML/Javascript
 <style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; top:140px; left:-12px;'>

<a class='linkopacity' href='http://www.facebook.com/blablabla' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />

<a class='linkopacity' href='http://twitter.com/blablabla' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />

<a class='linkopacity' href='http://litera2succes.blogspot.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />

</div>a.linkopacity img {filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5;}
a.linkopacity:hover img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;-khtml-opacity: 1.0; }</style>
<div style='display:scroll; position:fixed; top:140px; left:-12px;'>
<a class='linkopacity' href='http://www.facebook.com/Blablabla' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />
<a class='linkopacity' href='http://twitter.com/Blablabla' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />
<a class='linkopacity' href='http://litera2succes.blogspot.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />
</div>
  • Sobat bisa merubah tanda yang diberi warna BIRU dengan link sosial media sobat (ganti 'blablabla' dengan link sosial media sobat.

* Yang warna MERAH = bisa diganti menyesuaikan dengan posisi blog. Left bisa ditukar menjadi Right !

* Warna HIJAU merupakan link gambar tempat sosial media itu disimpan. Jika sobat memiliki stok gambar yang lebih bagus, sobat bisa menggantinya.

Demikianlah tutorial cara mudah memasang widget sosial button untuk blog atau website sobat. Semoga bermanfaat.