Before using the template, hope you pay attention to the following codes:
<b:include data='blog' name='all-head-content'/>A. Replace Optimal site with the name of your site.
<meta charset='utf-8'/>
<link href='MASUKAN LINK GPLUS ANDA' rel='author'/>
<meta content='MASUKAN ID GOOGLE SITE VERFIKASI ANDA' name='google-site-verification'/>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> / Situs Optimal</title>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<title><data:blog.pageName/> / Situs Optimal</title>
</b:if>
<b:if cond='data:blog.searchLabel'>
<title>Artikel pada Label / <data:blog.pageName/> / Situs Optimal</title>
</b:if>
<b:if cond='data:blog.searchQuery'>
<title><data:blog.searchQuery/> / Situs Optimal</title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<title><data:blog.pageName/> / Situs Optimal</title>
</b:if>
<b:if cond='data:blog.pageName == ""'>
<title><data:blog.pageTitle/></title>
</b:if>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + data:blog.title' name='description'/>
</b:if>
</b:if>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='website' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='GANTI DENGAN URL FOTO ANDA' property='og:image'/>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta content='MASUKAN KEYWORD ANDA' name='keywords'/>
</b:if>
</b:if>
<meta content='' property='fb:app_id'/>
<meta content='' property='fb:admins'/>
<script type='text/javascript'>
var disqus_shortname = "situsoptimal";
!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//"+disqus_shortname+".disqus.com/blogger_index.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}();
</script>
B. Please change situsoptimal with your Disqus ID.
Installation Search Bar:
Then to add a search bar you can put it on the layout, and to display the code like this:
<div id='search'>
<form id='searchform' action='/search' method='get' target='_blank'>
<input id='search-form' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=''' type='text' value='Search here ...'/>
<button type='submit' class='search-button' title='Search'><img alt='search button' height='21' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6hIMBelKFx7Zv1B_zVDw95wzny8PKNB-VJ9EfjOYJ8IpMkK2sqrGWwtSWGzC1H2XNk4ORxNpdZh-J4lUE2oE2Xc4fC2Wn1jXfEHkxV6yy7DDo_S4VMb0OTBl1_IAU5ijUDx-7nmpEYu1B/s1600/search.png' title='Search' width='21'/>
</button>
</form>
</div>