Social Bookmarks Widget (how to)

on a thread there was the quest to put the sozial Bookmarks to the footer widget areas ( not the socket )
and i like to have this in an extra thread because i will create some Tuts here with FAQ

It is possible to make a custom widget here with enfold input. It seems to be complicated but if it is done – it is easy to use.
You then have a new Widget called “Enfold-Child Social Bookmarks” or whatever your Themename is
You can drag&drop it whereever you like – and it shows the Bookmarks of the Enfold Options Page you set.

this goes to functions.php of the child-theme

function social_bookmarks_register_widget() {
register_widget( 'add_social_bookmarks' );
}
add_action( 'widgets_init', 'social_bookmarks_register_widget' );

class add_social_bookmarks extends WP_Widget {
public function __construct() {
	$widget_ops = array(
		'classname' => 'socialbookmarks-widget', 
		'description' => __('A widget that displays the social bookmarks', 'avia_framework') 
		);
	parent::__construct( 'add_social_bookmarks', THEMENAME.' Social Bookmarks', $widget_ops );
}

public function widget( $args, $instance ) {
	$title = apply_filters( 'widget_title', $instance['title'] );
	echo $args['before_widget'];
	//if title is present
	if ( ! empty( $title ) )
	echo $args['before_title'] . $title . $args['after_title'];
	//output
	echo $before_widget;
	$social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');
	echo avia_social_media_icons($social_args, false);
	echo $after_widget;
}

public function form( $instance ) {
	if ( isset( $instance[ 'title' ] ) )
	$title = $instance[ 'title' ];
	else
	$title = __( 'Social Bookmarks', 'avia_framework' );
	?>
	<p>
	<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ); ?></label>
	<input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
	</p>
	<?php
}

public function update( $new_instance, $old_instance ) {
	$instance = array();
	$instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
	return $instance;
}
}

to have the same styling as the other Widgets:
this to quick css:

#top .socialbookmarks-widget .social_bookmarks {
    float: left;
    margin: 15px 0 0 ;
    position: relative;
}

#top .socialbookmarks-widget .social_bookmarks li {
    float: left;
    clear: right !important;
}

click to enlarge