Inggris Indonesia Jepang Arab China

Documentation Lavina

l




Method of Installing Manual Template Code:

  1. Download files sent via email or WhatsApp
  2. Open it using the Winrar or Zip application
  3. Then select the template folder
  4. Select one file type to be installed, .xml to be uploaded directly and notepad replace all and paste it in the Edit HTML. Recommendations (notepad), how to install notepad can be seen here.
  5. Before installing, it's a good idea to first backup the previous template.

URGENT...!!!

  1. Make sure all articles have a label, don't any without a label,
  2. In the Feed make it Full, and
  3. The size of the label text that will be entered in the recent widget must match the label text on the  post, if you enter the label text incorrectly, the recent widget will not appear

GET LICENSE KEY

Contact the goomsite.net admin to get a license so that the template can be activated how to send a blog link where this template will be installed on the link below:

Email: goomsite@gmail.com
WhatsApp: +6281241105658
Telphone: +6281241105658
Facebook: https://fb.com/bmatindas


ENTER LICENSE OR KEY

Access your blog Layout - click Edit icon on Enter License widget

f

WILL OPEN POPUP WIDGET LICENSE

o



META TAG

Enter in Settings - Theme EDIT HTML
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<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;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<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='Keyword 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>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<meta content='CODE-VALIDATION-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='CODE-VALIDATION-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='ADMIN-NAME' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Please visit &quot; + data:blog.pageTitle + &quot; To read interesting posts.&quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8eRGXtJk8VttDdzALHlIbKzHp2bPgTu4vdr_OhCI0wcP14hOZE81rLv2lMa1urC4z4T1dSv5cn0r3o_fSEwoQcug8bzOzj7ltbkFemUAwVqPpxZCKu2hzp60p-GgRFx1YiVI2aZChk3HzBawwEWo0EdFtwbJ8CHTH0CWNnkJ3MAbtdAsomPpcMUCT/s1600/logo.jpg' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
<meta content='CODE-APPLICATION-FACEBOOK' property='fb:app_id'/>
<meta content='CODE-ADMIN-FACEBOOK' 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='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='yes' name='apple-mobile-web-app-capable'/>
<b:if cond='data:widgets'>
<meta expr:content='data:skin.vars.body_background_color' name='theme-color'/>
<meta expr:content='data:skin.vars.body_background_color' name='msapplication-navbutton-color'/>
</b:if>
<link href='https://fonts.googleapis.com' rel='preconnect'/>  
<link crossorigin='' href='https://fonts.gstatic.com' rel='preconnect'/>  
<b:if cond='data:view.isHomepage'>
 <script type='application/ld+json'>{&quot;@context&quot;:&quot;http://schema.org&quot;,&quot;@type&quot;:&quot;WebSite&quot;,&quot;name&quot;:&quot;<data:view.title.escaped/>&quot;,&quot;url&quot;:&quot;<data:view.url.canonical/>&quot;,&quot;potentialAction&quot;:{&quot;@type&quot;:&quot;SearchAction&quot;,&quot;target&quot;:&quot;<data:view.url.canonical/>search?q={search_term_string}&quot;,&quot;query-input&quot;:&quot;required name=search_term_string&quot;}}</script>
</b:if>

DESCRIPTION

          Replace with the Blog Logo url



TOP MENU


Access your blog Layout - click Edit icon on Top Menu widget





TOP SOCIAL


Access your blog Layout - click Edit icon on Menu Social widget



Icons Available:
facebook, twitter, tiktok, whatsapp, telegram, rss, youtube, skype, stumbleupon, vk, tumblr, vine, stack-overflow, linkedin, dribbble, github, soundcloud, behance, digg, instagram, pinterest, delicious, codepen


MENU


Access your blog Layout - click Edit icon on Menu widget




Normal Link : Dropdown
Sub Link : _Submenu 1 (before the link add "__") 2 underscore

NOTIF MENU

<span id="hot">Hot</span>

<span id="new">New</span>
Please place this notification wherever you want on the menu section


BREAKING NEWS

Access your blog Layout - click Edit icon on Breaking News widget.

<span data-type="recent" data-no="5"></span>
         The number of articles displayed



SLIDER

Access your blog Layout - click Edit icon on Slider Post widget.


<span data-type="carousel" data-label="News"></span>
INFORMATION
           Replace with the label to be displayed



FEATURED POST

Access your blog Layout - click Edit icon on Featured Posts widget.

<span data-type="label" data-label="Technology"></span>
           Replace with the desired label name



RECENT LABEL 1

Access your blog Layout - click Edit icon on Recent Label (1) widget.

<span data-type="recnum" data-label="Music"></span>
           Replace with the desired label name



RECENT LABEL 2

Access your blog Layout - click Edit icon on Recent Label (2) widget.

<span id="label" data-label="Business"></span>
           Replace with the desired label name



SLIDER

Access your blog Layout - click Edit icon on Recent Label (3) widget.

<span data-type="carousel" data-label="Sport" data-no="10"></span>
           Replace with the desired label name
           The number of articles displayed



RECENT LABEL 4

Access your blog Layout - click Edit icon on Recent Label (4) widget.

<span data-type="reclist" data-label="Health"></span>
           Replace with the desired label name



RECENT LABEL 5

Access your blog Layout - click Edit icon on Recent Label (5) widget.

<span data-type="recplus" data-label="News"></span>
           Replace with the desired label name



RECENT LABEL 6

Access your blog Layout - click Edit icon on Recent Label (6) widget.

<span data-type="myrecent" data-label="Technology" data-no="3"></span>
           Replace with the desired label name
           The number of articles displayed



RECENT LABEL 7

Access your blog Layout - click Edit icon on Recent Label (7) widget.

<span data-type="recgrid" data-label="News"></span>
           Replace with the desired label name



SIDEBAR LEFT





SOURCE CODE

DROCUP 1

<span class="text-dropcap dcap1">P</span>


DROPCUP 2

<span class="text-dropcap dcap2">P</span>


DROPCUP 3

<span class="text-dropcap dcap3">P</span>

BUTTON


<a class="button" href="#">Button</a>
<a class="button red" href="#">red Button</a>
<a class="button orange" href="#">orange Button</a>
<a class="button green" href="#">green Button</a>
<a class="button blue" href="#">blue Button</a>
<a class="button purple" href="#">purple Button</a>
<a class="button yellow" href="#">yellow Button</a>
<a class="button mint" href="#">mint Button</a>
<a class="button aqua" href="#">aqua Button</a>
<a class="button pink" href="#">pink Button</a>
<a class="button white" href="#">white Button</a>
<a class="button grey" href="#">grey Button</a>
<a class="button dark-grey" href="#">dark-grey Button</a>
<a class="button transparent" href="#">Button</a>
<a class="button transparent red" href="#">red Button</a>
<a class="button transparent orange" href="#">orange Button</a>
<a class="button transparent green" href="#">green Button</a>
<a class="button transparent blue" href="#">blue Button</a>
<a class="button transparent purple" href="#">purple Button</a>
<a class="button transparent yellow" href="#">yellow Button</a>
<a class="button transparent mint" href="#">mint Button</a>
<a class="button transparent aqua" href="#">aqua Button</a>
<a class="button transparent pink" href="#">pink Button</a>
<a class="button transparent grey" href="#">grey Button</a>
<a class="button transparent dark-grey" href="#">dark-grey Button</a>
<a class="button" href="#"><i class="fa fa-bolt"></i>Button</a>
<a class="button red" href="#"><i class="fa fa-bookmark"></i>red Button</a>
<a class="button orange" href="#"><i class="fa fa-cart-arrow-down"></i>orange Button</a>
<a class="button green" href="#"><i class="fa fa-bars"></i>green Button</a>
<a class="button blue" href="#"><i class="fa fa-cloud-download"></i>blue Button</a>
<a class="button purple" href="#"><i class="fa fa-fighter-jet"></i>purple Button</a>
<a class="button yellow" href="#"><i class="fa fa-external-link"></i>yellow Button</a>
<a class="button mint" href="#"><i class="fa fa-gavel"></i>mint Button</a>
<a class="button aqua" href="#"><i class="fa fa-life-ring"></i>aqua Button</a>
<a class="button pink" href="#"><i class="fa fa-magic"></i>pink Button</a>
<a class="button white" href="#"><i class="fa fa-location-arrow"></i>white Button</a>
<a class="button grey" href="#"><i class="fa fa-leaf"></i>grey Button</a>
<a class="button dark-grey" href="#"><i class="fa fa-meh-o"></i>dark-grey Button</a>



TABLE

Table 1 Columns

<table class="charon-table">
  <tbody>
    <tr>
      <th>Head 1</th>
      <th>Head 2</th>
    </tr>
    <tr>
      <td>Example 1</td>
      <td>Example 2</td>
    </tr>
    <tr>
      <td>Example 6</td>
      <td>Example 7</td>
    </tr>
  </tbody>
	</table>


Table 2 Columns

<table class="charon-table">
  <tbody>
    <tr>
      <th>Head 1</th>
      <th>Head 2</th>
      <th>Head 3</th>
    </tr>
    <tr>
      <td>Example 1</td>
      <td>Example 2</td>
      <td>Example 3</td>
    </tr>
    <tr>
      <td>Example 6</td>
      <td>Example 7</td>
      <td>Example 8</td>
    </tr>
  </tbody>
	</table>


Table 3 Columns

<table class="charon-table">
  <tbody>
    <tr>
      <th>Head 1</th>
      <th>Head 2</th>
      <th>Head 3</th>
      <th>Head 4</th>
    </tr>
    <tr>
      <td>Example 1</td>
      <td>Example 2</td>
      <td>Example 3</td>
      <td>Example 4</td>
    </tr>
    <tr>
      <td>Example 6</td>
      <td>Example 7</td>
      <td>Example 8</td>
      <td>Example 9</td>
    </tr>
  </tbody>
	</table>

Table 4 Columns

<table class="charon-table">
  <tbody>
    <tr>
      <th>Head 1</th>
      <th>Head 2</th>
      <th>Head 3</th>
      <th>Head 4</th>
      <th>Head 5</th>
    </tr>
    <tr>
      <td>Example 1</td>
      <td>Example 2</td>
      <td>Example 3</td>
      <td>Example 4</td>
      <td>Example 5</td>
    </tr>
    <tr>
      <td>Example 6</td>
      <td>Example 7</td>
      <td>Example 8</td>
      <td>Example 9</td>
      <td>Example 10</td>
    </tr>
  </tbody>
	</table>



TAB

<div class="box-tabs">
<div class="box-btn">
<span class="babutton">Button 1</span><span class="babutton">Button 2</span><span class="babutton">Button 3</span></div>
    <div class="box-tab-content"><div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
      <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
      <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
    </div>
  </div>


ACCORDION

  <div class="box-accordion">
    <span class="babutton">Button 1</span>
    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
    <span class="babutton">Button 2</span>
    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
    <span class="babutton">Button 3</span>
    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
    <span class="babutton">Button 4</span>
    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
  </div>


GALLERY



<section id="box-gallery">

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiziaDtgJi-5RE3j6e6LT4BMqMWBdBbHn6IkzsJ-mSTew3GEqSgckZBpIusgxNi_qVJO7M67KIdV_lja3wXZGweq-iQGp2SgX2Ln9ADpawfQPUZXpSP_egXq9MURTWa8lVKJ9tAxQbGm_DH/s1600/8.jpg"><img class="lazyload" data-sizes="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiziaDtgJi-5RE3j6e6LT4BMqMWBdBbHn6IkzsJ-mSTew3GEqSgckZBpIusgxNi_qVJO7M67KIdV_lja3wXZGweq-iQGp2SgX2Ln9ADpawfQPUZXpSP_egXq9MURTWa8lVKJ9tAxQbGm_DH/s1600/8.jpg" /></a>     

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghg_zVn5T9QX3a48ArJO7UAu3XtkoHUKgSGiPiKWXe4f22wwL0XbA0s3Vlx0ra_krZqz8J__OzNNnGZ9nZWcrTnu2ANYenXC404yXBc4AFN5HIr9xoHiM1459pyBGZ-D4t2dSnHf_fauMl/s1600/9.jpg"><img class="lazyload" data-sizes="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghg_zVn5T9QX3a48ArJO7UAu3XtkoHUKgSGiPiKWXe4f22wwL0XbA0s3Vlx0ra_krZqz8J__OzNNnGZ9nZWcrTnu2ANYenXC404yXBc4AFN5HIr9xoHiM1459pyBGZ-D4t2dSnHf_fauMl/s1600/9.jpg" /></a>     

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsY8G9ulg0bxUfhkw0yVXuNXyJ02rJ2sMQO_MOhenJI2qtyL3Jra8SQPM5tzdxQmh1hqTCKMQCmP2v6yLI7ACLsTcIGljQeNfGwULHWOl5k2TMsw9oAhZYFkzJLoDZzpKcs8dqXqsN31eA/s1600/10.jpg"><img class="lazyload" data-sizes="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsY8G9ulg0bxUfhkw0yVXuNXyJ02rJ2sMQO_MOhenJI2qtyL3Jra8SQPM5tzdxQmh1hqTCKMQCmP2v6yLI7ACLsTcIGljQeNfGwULHWOl5k2TMsw9oAhZYFkzJLoDZzpKcs8dqXqsN31eA/s1600/10.jpg" /></a>

</section>




LAZYLOAD 

Every time to add an image in an article or anywhere you have to insert the Lazyload Image code in it to speed up loading on the blog

Example:


class="lazyload" data-sizes="auto"



SLOTS IN THE ARTICLE