how create widget widget in wordpress

/*  add this code in footer.php child theme file  */

		<div id="footer-sidebar" class="secondary">
			<div id="footer-sidebar1">
				<?php
				if(is_active_sidebar('footer-sidebar-1')){
				dynamic_sidebar('sidebar1');
				}
				?>
			</div>
			<div id="footer-sidebar2">
				<?php
				if(is_active_sidebar('footer-sidebar-2')){
				dynamic_sidebar('sidebar2');
				}
				?>
			</div>			
		</div>
        
/*  add this code in functions.php child theme file */
    
    register_sidebar( array(
	'name' => 'Footer #1',
	'id' => 'sidebar1',
	'before_title' => '<h3 class="widget-title">',
	'after_title' => '</h3>',
	) );
	register_sidebar( array(
	'name' => 'Footer #2',
	'id' => 'sidebar2',
	'before_title' => '<h3 class="widget-title">',
	'after_title' => '</h3>',
	) );
    
    }
add_action( 'wp_enqueue_scripts', 'twentytwenty_child_enqueue_child_styles' );
    

/* functions.php file */
function twentyseventeen_widgets_init() {
	register_sidebar(
		array(
			'name'          => __( 'Blog Sidebar', 'twentyseventeen' ),
			'id'            => 'sidebar-1',
			'description'   => __( 'Add widgets here to appear in your sidebar on blog posts and archive pages.', 'twentyseventeen' ),
			'before_widget' => '<section id="%1$s" class="widget %2$s">',
			'after_widget'  => '</section>',
			'before_title'  => '<h2 class="widget-title">',
			'after_title'   => '</h2>',
		)
	);
    }
    add_action( 'widgets_init', 'twentyseventeen_widgets_init' );
    
    
    /*  footer-widgets.php file  */
    <aside class="widget-area" role="complementary" aria-label="<?php esc_attr_e( 'Footer', 'twentyseventeen' ); ?>">
			<div class="container">
				<div class="nw_prt">
					<div class="row">
						<div class="col-md-3">
							<div class="nw">
								<?php dynamic_sidebar('footer-1');?>
							</div>
						</div>
						<div class="col-md-3">
							<div class="nw">
								<?php dynamic_sidebar('footer-2');?>
							</div>
						</div>
                    </div>
				</div>
			</div>		
	</aside><!-- .widget-area -->
    

/*add this code in your child theme css style.css file */

#footer-sidebar {
	display:block;
	height: 250px;
	}
	
	#footer-sidebar1 {
	float: left;
	width: 340px;
	margin-left:5px;
	margin-right:5px;
	}
	
	#footer-sidebar2 {
	float: left;
	width: 340px;
	margin-right:5px;
	margin-left:5px;
	}
/* end style.css  */