Cara Pasang Widget Jejaring Sosial Melayang 2

Cara Pasang Widget Jejaring Sosial Melayang 2 - Nah, sekarang tutorialnya sama dengan tutorial sebelumnya Cara Pasang Widget Jejaring Sosial Melayang Pada Blog. Tapi, yang ini hasil copas teman. (ˇ▼ˇ) 

Widget jejaring sosial melayang yang ini, cukup sederhana, sedikit aja. Mungkin, kalau Anda nyoba widget yang satu ini dan merasa kurang, Anda bisa menambah script nya kok. Widget ini bisa transparan atau opacity jika kursor menyentuh gambar jejaring sosialnya.

Mudah sekali teman, sederhana juga. Silahkan coba...

1. Login Blogger 

2. Tata letak/layout 

3. Add gadget 

4. HTML/JavaScript 

5. Copy kode dibawah ini, kemudian pastekan pada kolom 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/fahmifanirius' imageanchor='1' rel='No Add' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Facebook'><img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3uL29Wp2KMaQu5H1X58eIPw1YGgTboLaY0f4DtDLYxMiqaQ8Ljiczzxhtdy5qYy6o-YrZWtAYZdeoqR7Qd0TpoppVRa1c8PxVUmqOWL-cPKMUsoEo2IptQjDQyXRqz9n7bHeihQa0ezQ/s1600/Facebook-icon.png" /></a><br />

<a class='linkopacity' href='https://twitter.com/fahmifanirius' imageanchor='1' rel='No Follow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Twitter'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8-5UCW0fOwsZIGjOHj4xtkiSQW35aSrDk5sUgBRmqBrzM_tbDMry_TPtccaYZfsxxMVxk16a7yel8BhU3WviQNX4gNBX4E1Fewqs57c_8Ue8QyYFN3HjoLt817DoPyoCJwYcdN5aW41c/s1600/TwitterIcon.png" /></a><br />

<a class='linkopacity' href='http://fahmifanirius.ga' imageanchor='1' rel='No Join' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Blog'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdgvhaGRKId2R3iXvR8D-3bmdFBrX3N0iIg_bsll6lHwRgkzoqhvyX62SCzzQqFjG8qV-GB58oNNGSBxFMhT8Uztl-bz3jmtgRed9cN2ZtcRxn5mWuj9ht-S4kzvqRvZXCjiLWB9HErMk/s1600/blogger-icon-big.png" /></a><br />

</div>

*Untuk URL berwarna biru, ganti dengan url Anda. Contoh, url twitter saya: https://twitter.com/fahmifanirius 

6. Simpan perubahan

Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ

Tutorial Blogger