Social Widget

Hi
I saw a nice widget in the http://www.converseit.com I thought some of you may know th code of it, so I want the widget with the same icons and animations:)

That widget can be found here:
http://www.addthis.com/

I cannot find it ?

Hi

Use this as the tutorial and just replace it with the FB icons and such: http://www.avacweb.com/t56-4-sidebar-toggle

Regards,
Pizza Boi

So :

Code:


[list=1][size=12][color=#0d700d][font=monospace][*]$[color=#000099]([/color][color=#000099]function[/color][color=#000099]([/color][color=#000099])[/color] [color=#000099]{[/color]
[*]   [color=#000099]([/color][color=#cc0033]'Sidebar toggling script for forumotion boards. Copyright by LGforum, All Rights Reserved. Use and  modification of this script is not allowed without this entire copyright notice in the original, copied, or modified script. No distribution without consent.'[/color][color=#000099])[/color];
[*]   [color=#000099]var[/color] hideimg [color=#000000][b]=[/b][/color] [color=#cc0033]"URL OF IMAGE TO CLICK TO HIDE THE SIDEBAR"[/color];
[*]   [color=#000099]var[/color] showimg [color=#000000][b]=[/b][/color] [color=#cc0033]"URL OF IMAGE TO CLICK TO SHOW THE SIDEBAR"[/color];
[*]   [size=13][color=#81203b][b]window[/b][/color][/size].sidebar [color=#000000][b]=[/b][/color] [size=13][color=#81203b][b]document[/b][/color][/size].getElementById[color=#000099]([/color][color=#cc0033]'left'[/color][color=#000099])[/color]; [color=#666666][i]//change to right for the right sidebar.[/i][/color]
[*]   
[*]   $[color=#000099]([/color]sidebar[color=#000099])[/color].before[color=#000099]([/color][color=#cc0033]'<div class="side_toggle"><img id="side_show" src="'[/color] [color=#000000][b]+[/b][/color] showimg [color=#000000][b]+[/b][/color] [color=#cc0033]'" style="display: none;"><img id="side_hide" src="'[/color] [color=#000000][b]+[/b][/color] hideimg [color=#000000][b]+[/b][/color] [color=#cc0033]'"></div>'[/color][color=#000099])[/color];
[*]   
[*]   [color=#000099]var[/color] toggle_side [color=#000000][b]=[/b][/color] [color=#000099]function[/color][color=#000099]([/color]id[color=#000099])[/color] [color=#000099]{[/color]
[*]      [size=13][color=#81203b][b]document[/b][/color][/size].getElementById[color=#000099]([/color][color=#cc0033]'side_'[/color] [color=#000000][b]+[/b][/color] id[color=#000099])[/color].style.display [color=#000000][b]=[/b][/color] [color=#cc0033]'none'[/color];
[*]      [size=13][color=#81203b][b]document[/b][/color][/size].getElementById[color=#000099]([/color][color=#cc0033]'side_'[/color] [color=#000000][b]+[/b][/color] [color=#000099]([/color]id [color=#000000][b]==[/b][/color][color=#000000][b]=[/b][/color] [color=#cc0033]'show'[/color] ? [color=#cc0033]'hide'[/color] [color=#000099]:[/color] [color=#cc0033]'show'[/color][color=#000099])[/color][color=#000099])[/color].style.display [color=#000000][b]=[/b][/color] [color=#cc0033]''[/color];
[*]      sidebar.style.display [color=#000000][b]=[/b][/color] id [color=#000000][b]==[/b][/color][color=#000000][b]=[/b][/color] [color=#cc0033]'hide'[/color] ? [color=#cc0033]'none'[/color] [color=#000099]:[/color] [color=#cc0033]''[/color];
[*]      my_setcookie[color=#000099]([/color][color=#cc0033]'LGsidehide'[/color], id, [color=#ff0000]1[/color][color=#000099])[/color];
[*]   [color=#000099]}[/color];
[*]   
[*]   $[color=#000099]([/color][color=#cc0033]'img'[/color], sidebar.previousSibling[color=#000099])[/color].click[color=#000099]([/color][color=#000099]function[/color][color=#000099]([/color][color=#000099])[/color] [color=#000099]{[/color]
[*]      toggle_side[color=#000099]([/color][color=#000099]this[/color].id.[color=#0099ff]replace[/color][color=#000099]([/color][color=#cc0033]'side_'[/color], [color=#cc0033]''[/color][color=#000099])[/color][color=#000099])[/color];
[*]   [color=#000099]}[/color][color=#000099])[/color];
[*]   
[*]   [color=#000099]var[/color] c [color=#000000][b]=[/b][/color] my_getcookie[color=#000099]([/color][color=#cc0033]'LGsidehide'[/color][color=#000099])[/color];
[*]   [color=#000099]if[/color][color=#000099]([/color]c [color=#000000][b]!=[/b][/color][color=#000000][b]=[/b][/color] [color=#000099]null[/color][color=#000099])[/color] toggle_side[color=#000099]([/color]c[color=#000099])[/color];
[*][color=#000099]}[/color][color=#000099])[/color];
[/font][*][/color][*][/size][*][/list]


be more precise ? where do I have to put the A HREF the link and the image please ? just for facebook icon for example ?

Hi

My apologies, the link I gave was wrong. Please use Mayo's instead and try downloading it and then installing it.

Regards,
Pizza Boi

Sir Mayo can you provide the code to me cause I have no clue how to get it from there ?