Icon Facebook, Twitter, Formspring, Tumblr with link

Contohnya, seperti yang anda lihat, icon di kiri blog ini. Berikut adalah contoh icon yang boleh diambil. Untuk mengambil link icon : (Right click pada gambar > Copy image URL).







Step 1;

Dashboard > Layout > Add A Gadget > HTML/JavaScript


Step 2;

Copy & paste code di bawah:


<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:200px; left:-12px;'>
<a class='linkopacity' href=' http://www.facebook.com/USERNAME' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://YOUR_Facebook_IMG_URL" /></a><br />
<a class='linkopacity' href=' http://twitter.com/USERNAME' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://YOUR_twitter_IMG_URL" /></a><br />
<a class='linkopacity'  href=' http://formspring.me/USERNAME'  imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='formspring'><img border="0" src="http://YOUR_Formspring_IMG_URL" /></a><br />
<a class='linkopacity'  href=' your tumblr link'  imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='formspring'><img border="0" src="http://your_tumblr_IMG_URL" /></a></b></center></div>



Step 3;

Bold merah: Tukarkan dengan username anda.
Bold biru: Tukarkan dengan link icon yang dikehendaki.

p/s: Boleh kalau nak buang salah satu coding. Contoh, korang takde tumblr. Boleh buang coding bahagian tumblr. Tapi, coding warna pink mesti berada pada akhir coding.


Step 4;

Preview & Save.

Credit to Suffer8zine.

0 comment/s:

 

Template by BloggerCandy.com