Search Bar HTML Widget for WordPress Without Using Plugins

Notice: Trying to get property 'post_status' of non-object in /opt/bitnami/apps/wordpress/htdocs/wp-content/plugins/embed-post/embed-post.php on line 28

            Use the following code with any HTML/Javascript widget to display search bar in the widgets area. I used Enhanced Text WordPress plugin to implement this code. Enhanced Text WordPress plugin is a plugin which is used in embed HTML, JavaScript or CSS in the widgets area.

Search Bar HTML Code(for Widgets) in WordPress:

OUTPUT:

Search Bar Widget for WordPress

Search Bar Widget for WordPress

                 You can change the width of the search bar widget using the CSS option width. E.g. width:195px;. Replace the text in the form with your URL in the form action tag.

Related Links:


Notice: Trying to get property 'comment_status' of non-object in /opt/bitnami/apps/wordpress/htdocs/wp-includes/comment-template.php on line 1244