Documentation of KerenSive Theme

Documentation of KerenSive Theme

1 Comment
Example KerenSive Article Page from Libra Yanada
Example Caption by Josh Sorosky

Just follow this instruction carefully, also in Setting folder.

Introduction

Some codes that will help you, when edit the template:

Color:
  • Blue color code: #1e88e5
  • Red color code: #f50057

Others:
  1. <head> =  &lt;head&gt;
  2. </head> =  &lt;/head&gt;&lt;!--<head/>--&gt;
  3. </body> =  &lt;!--</body>--&gt;&lt;/body&gt;
Other instructions are in the Settings folder.

Installation

When you are ready to install a theme, you must first upload the theme file. The theme file can be uploaded in two way.

a. Backup File

Login to Blogger > Template > Backup / Restore > Download full template.

b. Upload File

When you are ready to install a theme, you must first upload the theme file. The theme file can be uploaded in 2 way.

First way:
  1. Login to Blogger > Template > Backup / Restore > Choice File
  2. Open your purchase folder, you will see a folder with name ***-template-XML
  3. Click "Upload" button, wait a minute until process installation done.

Second way:
  1. Open the XML file with a text editor (Notepad or something like that). Then select all text and copy (Ctrl+A, Ctrl+C in Window).
  2. Return to your blog dashboard, access your Template menu, click Edit HTML.
  3. In Editor HTML window, select all old code and paste the new code that you copied from the release file into code field. Then, click Save Template.

Customize Theme

Navigation Menu 1

Login to Blogger > Theme > Edit HTML Find and change all code # with your link and title with the title of every menu.

  <nav class='menu1'>
   <ul>
<li><a class='ripplelink' href='/p/about.html' title='About Us'><i class='fa fa-question-circle-o'/> About</a></li>
<li><a class='ripplelink' href='/p/contact.html' title='Contact Us'><i class='fa fa-envelope-o'/> Contact</a></li>
<li><a class='ripplelink' href='/p/sitemap.html' title='Our Sitemap'><i class='fa fa-map-o'/> Sitemap</a></li>
<li><a class='ripplelink' href='#' title='Dislaimer'><i class='fa fa-hand-paper-o'/> Disclaimer</a></li>
<li><a class='ripplelink' href='#' title='Privacy Policy'><i class='fa fa-lock'/> Privacy Policy</a></li>
<li><a class='ripplelink' href='#' title='ToS'><i class='fa fa-handshake-o'/> Terms of Service</a></li>
<li class='hfd blogger'><a href='https://www.blogger.com/follow-blog.g?blogID=7750306635665326636' rel='nofollow' target='_blank' title='Follow via Blogger'><i class='fa fa-plus'/></a></li>
<li class='hfd gplus'><a href='#' rel='nofollow' target='_blank' title='Google Plus'><i class='fa fa-google-plus'/><span/></a></li>
<li class='hfd facebook'><a href='#' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook'/><span/></a></li>
<li class='hfd twitter'><a href='#' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter'/><span/></a></li>
   </ul>
   <a href='#' id='pull'>MENU</a>
  </nav>

Change 7750306635665326636 with your Blog ID.

Navigation Menu 2

<nav id='menu2-wrapper' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<a class='menu2-container' href='#'><div class='navmenu'>
<span class='item item-1'/>
<span class='item item-2'/>
<span class='item item-3'/>
</div></a>
 <ul class='nav menu2'>
  <li class='ripplelink'><a class='active' href='/'><span itemprop='name'><i class='fa fa-home'/> Home</span></a></li>
  <li class='ripplelink'><a href='#' itemprop='url'><span itemprop='name'>Menu 1</span></a></li>
  <li class='ripplelink'><a href='#' itemprop='url'><span itemprop='name'>Menu 2</span></a></li>
  <li class='ripplelink'><a href='#' itemprop='url'><span itemprop='name'>Menu 3</span></a></li>
  <li><a href='#' itemprop='url'><span itemprop='name'>Dropdown Menu</span></a>
   <ul>
   <li><a href='#' itemprop='url'><span itemprop='name'>Dropdown Menu</span></a></li>
   <li><a href='#' itemprop='url'><span itemprop='name'>Dropdown Menu</span></a></li>
   <li><a href='#' itemprop='url'><span itemprop='name'>Dropdown Menu</span></a></li>
   </ul>
  </li>
  <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu</span></a>
   <ul>
   <li><a href='#' itemprop='url'><span itemprop='name'>DD Menu 1</span></a></li>
   <li><a href='#' itemprop='url'><span itemprop='name'>DD Menu 2</span></a></li>
   <li><a href='#' itemprop='url'><span itemprop='name'>DD Menu 3</span></a>
    <ul>
    <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 1</span></a></li>
    <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 2</span></a></li>
    <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 3</span></a></li>
    </ul>
   </li>
   </ul>
  </li>
      <li class='ripplelink'><a href='/404' itemprop='url'><span itemprop='name'>Error Page</span></a></li>
 </ul>

Footer Menu

<footer class='site-footerkeren' id='downkeren' itemscope='itemscope' itemtype='http://schema.org/WPFooter' role='contentinfo'>
<div class='site-infokeren' role='contentinfo'>
Copyright &#169; <span id='current-year'/>
<a expr:content='data:blog.title' expr:href='data:blog.homepageUrl' itemprop='creator' itemscope='itemscope' itemtype='http://schema.org/Person'><span itemprop='name'><data:blog.title/></span></a> - <a class='credit' href='http://www.krenkren.com/' id='credit' title='Krenkren'>Libra Yanada</a>. All Rights Reserved.<div class='site-infobawah'> Powered by <a href='https://www.blogger.com/' rel='nofollow' target='_blank' title='Powered by Blogger'>Blogger</a></div></div> 
</footer>

Do not delete/remove this credit link if you using free version. It's make you so good and look like appreciate creativity of others.

Meta and Title Tag for SEO and Opengraph

If you wanna be your blog powerfull on SEO, don't change this meta tag. Oke!

Make your blog powerfull

<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESKRIPSI-BLOG' name='keywords'/></b:if>
<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'/>
<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>

Moderate Username or ID Edit xxxxx and other with your Username or ID, URL, etc.:

<link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>
<link href='https://plus.google.com/xxxxx/about' rel='author'/>
<link href='https://plus.google.com/xxxxx' rel='me'/>
<meta content='xxxxx' name='google-site-verification'/>
<meta content='xxxxx' name='msvalidate.01'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHRMTE3CNpz9NCsMYAzEjeaPLOsef2Hw4mGWysLRh27IBIbkoEqxz2InYRPpHxi3rRZ6EYT5k1vLQDuQF_lJgIzSTSjSTaSWZCSnRpzTflab6sMgBWAqmcfyrPlithyw3JNLiaz-M86de3/s1600/Libra+Yanada.jpg' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/xxxxx' property='article:author'/>
<meta content='https://www.facebook.com/xxxxx' property='article:publisher'/>
<meta content='xxxxx' property='fb:app_id'/>
<meta content='xxxxx' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='@xxxxx' name='twitter:site'/>
<meta content='@xxxxx' name='twitter:creator'/>


Image caption on post page




<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkeoMWaXF-uucuKgQp5vvwgpb-IQAfD0PemzpJj4EGQeoOu2gnM_KhojzorWaSRD1DkzNYXeLmOB7wgK9HdrLCzmZpkCFmQl3l1d0laNoPoG72MqGjy1BXKrSJgtn_zUcBAc5Uqbu964X1/s1600/KerenSive.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Example KerenSive Article Page from Libra Yanada" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkeoMWaXF-uucuKgQp5vvwgpb-IQAfD0PemzpJj4EGQeoOu2gnM_KhojzorWaSRD1DkzNYXeLmOB7wgK9HdrLCzmZpkCFmQl3l1d0laNoPoG72MqGjy1BXKrSJgtn_zUcBAc5Uqbu964X1/s1600/KerenSive.png" title="Documentation of KerenSive Theme" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Example Caption by Josh Sorosky</td></tr>
</tbody></table>


Make Youtube video on post page

For HTML editor!

<div class="videoyoutube"> <div class="video-responsive"> <div class="video-youtube loader" data-src="//www.youtube.com/embed/_hf6ke1-i3E"> </div> </div> </div>


Add table on post page

Related Post

1 Comments:

avatar
Balas
Unknown close 11 Oktober 2017 pukul 22.14
Komentar ini telah dihapus oleh pengarang.

Leave a Comment
EmoticonEmoticon

Langganan: Posting Komentar (Atom)