Situs Optimal

Template merupakan bagian penting untuk memikat para pengunjung supaya betah berlama-lama di situs anda.

Karena itu Situs Optimal ingin berbagi template yang bernama Tendo Template dengan kriteria sebagai berikut :

• Seo
• Responsive 100% ( Via Mobile-Friendly Test)
• Fast ( Via Speed Insight, dan GTMetrix)
• Disqus One Click Event Comment
• Custom Label
• Custom Populer Post Widget
• Custom Search Bar
• Custom Footer
• Custom Navi
• Smooth Font
• Smooth Color
• Smooth Design
• Share Button
• Related Post
• 100% Free (with credit link)

Sebelum menggunakan templatenya, harap anda perhatikan kode-kode berikut :

HTML<b:include data='blog' name='all-head-content'/>
<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 == &quot;item&quot;'>
  <title><data:blog.pageName/> / Situs Optimal</title>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <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 == &quot;archive&quot;'>
  <title><data:blog.pageName/> / Situs Optimal</title>
</b:if>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<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 + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' 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 == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - &quot; + 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 != &quot;item&quot;'>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<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'/>

A. Ganti Situs Optimal dengan nama Situs anda.

JS<script type='text/javascript'>
var disqus_shortname = &quot;situsoptimal&quot;;
!function(){var e=document.createElement(&quot;script&quot;);e.type=&quot;text/javascript&quot;,e.async=!0,e.src=&quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_index.js&quot;,(document.getElementsByTagName(&quot;head&quot;)[0]||document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(e)}();
</script>

B. Silahkan anda ganti situsoptimal dengan ID disqus anda.

Pemasangan Search Bar :

Kemudian untuk menambahkan search bar anda bisa meletakannya di tata letak, dan untuk tampilan kodenya seperti ini :

HTML<div id='search'>
<form id='searchform' action='/search' method='get' target='_blank'>
<input id='search-form' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' 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/AVvXsEjOqtqCZe7b253-UWcpyimAd9UMajp9f2YFAPI5HlCN8LOfpvEI2NzXQNWnmF9v9ADcfUJ3k9lYOIu7OfdbICrSRvxD1y9Ln24mo58t5bbgADxmN_dzxffLCledI95T8SnH16Eq8IWyHNq1/s1600/search.png' title='Search' width='21'/>
</button>
</form>
</div>