How To Add Search Box To Blogger (Header)

Admin

06 September 2013

(4)

Table of Contents

لا يوجد عناوين

How To Add Search Box To Blogger

1. Now go to Blogger Dashboard > Template
2. Download a copy of your template
3. Click on Edit HTML
4. Hit Proceed button
5. Check Expand Widget Templates checkbox
6. Find below code in your template

Now Add your search box code immediately after these lines.

7. Save the template.That's it :)

Next article How To Add Zoom Effect in Blogger Images

Previous article How To Add JS-Kit Rating to Blogger

reaction:

Latest articles from : Blogger Template

Comments

4 comments

Post a Comment

Kardi ManullangNovember 21, 2013 at 8:55 AM
Thanks sir!
ReplyDelete
Replies
AnonymousFebruary 16, 2014 at 1:44 AM
I don't want it below the header but beside the header..
.
.
.
.
http://jobsinquetta.blogspot.com
ReplyDelete
Replies
Gowru Venkata Subba ReddyOctober 11, 2014 at 1:58 AM
This comment has been removed by the author.
ReplyDelete
Replies
GloballordsSeptember 26, 2015 at 5:49 AM
This is so informative. Pls how can i use image as header on globallords.blogspot.com
ReplyDelete
Replies

Add comment

Post a Comment

window['__wavt'] = 'AOuZoY7Xn7Py1ImLL5GDGmWcYLzi_jHnCQ:1743396592193';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d487386897649934372','//bbloggertutorials.blogspot.com/2013/05/how-to-add-search-box-to-blogger-header.html','487386897649934372'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '487386897649934372', 'title': 'Blogger Tutorials | Best Tips and Tricks', 'url': 'https://bbloggertutorials.blogspot.com/2013/05/how-to-add-search-box-to-blogger-header.html', 'canonicalUrl': 'http://bbloggertutorials.blogspot.com/2013/05/how-to-add-search-box-to-blogger-header.html', 'homepageUrl': 'https://bbloggertutorials.blogspot.com/', 'searchUrl': 'https://bbloggertutorials.blogspot.com/search', 'canonicalHomepageUrl': 'http://bbloggertutorials.blogspot.com/', 'blogspotFaviconUrl': 'https://bbloggertutorials.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-34655999-1', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Blogger Tutorials | Best Tips and Tricks - Atom\x22 href\x3d\x22https://bbloggertutorials.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Blogger Tutorials | Best Tips and Tricks - RSS\x22 href\x3d\x22https://bbloggertutorials.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Blogger Tutorials | Best Tips and Tricks - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/487386897649934372/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Blogger Tutorials | Best Tips and Tricks - Atom\x22 href\x3d\x22https://bbloggertutorials.blogspot.com/feeds/5392755552953829596/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-5690471014726191', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/6c9901d4a96a9be5', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '5392755552953829596', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhudoicr8-5na090M-6Qcuwd7rJVY4PXid0A3hK4Tnx4QS8CvHKMX-ENeGnj7KCzGb_6OFl4gNeIcF2IKIphTlHiUKZnb6KgHNemRdobHHtrGLzneO3HeJc7RsXJc2NZbjCQZcMMTGOngE/s72-c/How+To+Insert+Search+Box+in+Header.jpg', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhudoicr8-5na090M-6Qcuwd7rJVY4PXid0A3hK4Tnx4QS8CvHKMX-ENeGnj7KCzGb_6OFl4gNeIcF2IKIphTlHiUKZnb6KgHNemRdobHHtrGLzneO3HeJc7RsXJc2NZbjCQZcMMTGOngE/s320/How+To+Insert+Search+Box+in+Header.jpg', 'pageName': 'How To Add Search Box To Blogger (Header)', 'pageTitle': 'Blogger Tutorials | Best Tips and Tricks: How To Add Search Box To Blogger (Header)', 'metaDescription': 'Add Search Box To Blogger'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'How To Add Search Box To Blogger (Header)', 'description': 'Add Search Box To Blogger', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhudoicr8-5na090M-6Qcuwd7rJVY4PXid0A3hK4Tnx4QS8CvHKMX-ENeGnj7KCzGb_6OFl4gNeIcF2IKIphTlHiUKZnb6KgHNemRdobHHtrGLzneO3HeJc7RsXJc2NZbjCQZcMMTGOngE/s320/How+To+Insert+Search+Box+in+Header.jpg', 'url': 'https://bbloggertutorials.blogspot.com/2013/05/how-to-add-search-box-to-blogger-header.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 5392755552953829596}}, {'name': 'widgets', 'data': [{'title': 'Pages', 'type': 'PageList', 'sectionId': 'pages', 'id': 'PageList1'}, {'title': '\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0625\u062c\u062a\u0645\u0627\u0639\u064a', 'type': 'LinkList', 'sectionId': 'top-social-L', 'id': 'LinkList3'}, {'title': 'Blogger Tutorials | Best Tips and Tricks (Header)', 'type': 'Header', 'sectionId': 'logo', 'id': 'Header1'}, {'title': 'Ads', 'type': 'HTML', 'sectionId': 'Topa3lan-sc', 'id': 'HTML100'}, {'title': 'AdsMob', 'type': 'HTML', 'sectionId': 'Topa3lan-sc2', 'id': 'HTML101'}, {'title': 'Hot', 'type': 'Label', 'sectionId': 'shreeta5bar', 'id': 'Label200'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'Tempnec', 'id': 'Blog1', 'posts': [{'id': '5392755552953829596', 'title': 'How To Add Search Box To Blogger (Header)', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhudoicr8-5na090M-6Qcuwd7rJVY4PXid0A3hK4Tnx4QS8CvHKMX-ENeGnj7KCzGb_6OFl4gNeIcF2IKIphTlHiUKZnb6KgHNemRdobHHtrGLzneO3HeJc7RsXJc2NZbjCQZcMMTGOngE/s320/How+To+Insert+Search+Box+in+Header.jpg', 'showInlineAds': true}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': '\u0643\u062a\u0628:'}, {'name': 'timestamp', 'label': '\u0622\u062e\u0631 \u062a\u062d\u062f\u064a\u062b:'}, {'name': 'comments', 'label': 'comments'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}, {'name': 'backlinks', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': '\u0627\u0644\u0642\u0633\u0645:'}]}, {'regionName': 'footer3', 'items': [{'name': 'reactions', 'label': 'reaction:'}]}], 'allBylineItems': [{'name': 'author', 'label': '\u0643\u062a\u0628:'}, {'name': 'timestamp', 'label': '\u0622\u062e\u0631 \u062a\u062d\u062f\u064a\u062b:'}, {'name': 'comments', 'label': 'comments'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}, {'name': 'backlinks', 'label': ''}, {'name': 'labels', 'label': '\u0627\u0644\u0642\u0633\u0645:'}, {'name': 'reactions', 'label': 'reaction:'}]}, {'title': 'Last', 'type': 'HTML', 'sectionId': 'PostAds', 'id': 'HTML203'}, {'title': 'Second', 'type': 'HTML', 'sectionId': 'PostAds', 'id': 'HTML206'}, {'title': 'Third', 'type': 'HTML', 'sectionId': 'PostAds', 'id': 'HTML207'}, {'title': '\u0627\u0639\u0644\u0627\u0646 \u0628\u0639\u062f \u062b\u0627\u0644\u062b \u0639\u0646\u0648\u0627\u0646', 'type': 'HTML', 'sectionId': 'PostAds', 'id': 'HTML211'}, {'title': '\u0645\u064a\u0632\u0629 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629', 'type': 'LinkList', 'sectionId': 'AddOns', 'id': 'LinkList500'}, {'title': 'Table of Contents', 'type': 'HTML', 'sectionId': 'AddOns', 'id': 'HTML1'}, {'title': 'Labels', 'type': 'Label', 'sectionId': 'sidepar', 'id': 'Label1'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidepar', 'id': 'HTML3'}]}]); _WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'pages', document.getElementById('PageList1'), {'title': 'Pages', 'links': [{'isCurrentPage': false, 'href': 'https://bbloggertutorials.blogspot.com/', 'title': 'Home'}, {'isCurrentPage': false, 'href': 'https://bbloggertutorials.blogspot.com/p/blogger-tools.html', 'id': '5946766725152086806', 'title': 'Blogger Tools'}, {'isCurrentPage': false, 'href': 'https://bbloggertutorials.blogspot.com/p/sitemap.html', 'id': '5932004206053653374', 'title': 'Sitemap'}, {'isCurrentPage': false, 'href': 'https://bbloggertutorials.blogspot.com/p/contact-me.html', 'id': '1275864390688721951', 'title': 'Contact Us'}, {'isCurrentPage': false, 'href': 'https://bbloggertutorials.blogspot.com/p/terms-and-conditions.html', 'id': '343816598309481314', 'title': 'Terms and Conditions'}, {'isCurrentPage': false, 'href': 'https://bbloggertutorials.blogspot.com/p/privacy-policy.html', 'id': '137377803696150235', 'title': 'Privacy Policy'}, {'isCurrentPage': false, 'href': 'https://bbloggertutorials.blogspot.com/p/disclaimer.html', 'id': '7828782075439773052', 'title': 'Disclaimer'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'top-social-L', document.getElementById('LinkList3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'logo', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML100', 'Topa3lan-sc', document.getElementById('HTML100'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML101', 'Topa3lan-sc2', document.getElementById('HTML101'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label200', 'shreeta5bar', document.getElementById('Label200'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'Tempnec', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/4200661376-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML203', 'PostAds', document.getElementById('HTML203'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML206', 'PostAds', document.getElementById('HTML206'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML207', 'PostAds', document.getElementById('HTML207'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML211', 'PostAds', document.getElementById('HTML211'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList500', 'AddOns', document.getElementById('LinkList500'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'AddOns', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidepar', document.getElementById('Label1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidepar', document.getElementById('HTML3'), {}, 'displayModeFull'));