
Method of Installing Manual Template Code:
- Download files sent via email or WhatsApp
- Open it using the Winrar or Zip application
- Then select the template folder
- 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.
- Before installing, it's a good idea to first backup the previous template.
URGENT...!!!
- Make sure all articles have a label, don't any without a label,
- In the Feed make it Full, and
- 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
WILL OPEN POPUP WIDGET LICENSE
META TAG
Access your blog Layout - click Edit HTML
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta expr:content='"text/html; charset=" + data:blog.encoding' http-equiv='Content-Type'/>
<b:if cond='data:widgets'>
<meta expr:content='data:skin.vars.main_background' name='theme-color'/>
<meta expr:content='data:skin.vars.main_background' name='msapplication-navbutton-color'/>
</b:if>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
<b:if cond='data:blog.adultContent'>
<meta content='adult' name='rating'/>
</b:if>
<link expr:href='data:view.url.canonical' rel='canonical'/>
<data:blog.feedLinks/>
<data:blog.meTag/>
<b:tag cond='data:blog.googleProfileUrl' expr:href='data:blog.googleProfileUrl' name='link' rel='publisher'/>
<b:tag cond='data:view.featuredImage' expr:href='data:view.featuredImage' name='link' rel='image_src'/>
<b:if cond='data:view.isHomepage || data:view.isSingleItem'>
<b:if cond='data:view.description.escaped'>
<meta expr:content='data:view.description.escaped' name='description'/>
</b:if>
</b:if>
<b:if cond='data:blog.canonicalUrl == data:blog.canonicalHomepageUrl + "search"'>
<script>
window.location.replace("<data:blog.canonicalHomepageUrl/>" + "search?max-results=9");
</script>
</b:if>
<b:if cond='data:view.isMultipleItems'>
<title><data:view.title.escaped/> | Your Blog Description</title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
</b:if>
<b:if cond='data:view.isError'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:view.isError'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/>
</b:if>
</b:if>
<!-- Template Name: Safana, Author: Basri Matindas, Design: http://www.goomsite.net -->
<b:if cond='data:view.isLabelSearch or data:view.search.query or data:view.isArchive or data:view.isError'>
<meta content='noindex, noarchive' name='robots'/>
</b:if>
<b:if cond='data:view.isHomepage'>
<meta expr:content='data:view.title.escaped' name='keywords'/>
<b:elseif cond='data:view.isSingleItem'/>
<meta expr:content='data:view.title.escaped' name='keywords'/>
</b:if>
<b:include data='blog' name='google-analytics'/>
<b:comment><!-- preload, preconnect and dns-prefetch --></b:comment>
<link crossorigin='' href='https://blogger.googleusercontent.com/' rel='preconnect'/>
<link crossorigin='' href='https://cdn.jsdelivr.net/' rel='preconnect'/>
<link href='https://blogger.googleusercontent.com/' rel='dns-prefetch'/>
<link href='https://cdn.jsdelivr.net/' rel='dns-prefetch'/>
<link crossorigin='' href='https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrFJPUdVNF.woff' rel='preconnect'/>
<link crossorigin='' href='https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtvAB0_IsE.woff' rel='preconnect'/>
<meta expr:content='data:view.url.canonical' property='og:url'/>
<meta expr:content='data:view.title.escaped' property='og:title'/>
<b:if cond='data:view.description.escaped'>
<meta expr:content='data:view.description.escaped' property='og:description'/>
<b:else/>
<meta expr:content='data:view.title.escaped + " - " + data:blog.title + " - " + data:blog.canonicalHomepageUrl' property='og:description'/>
</b:if>
<b:if cond='data:view.isHomepage'>
<meta content='website' property='og:type'/>
<b:if cond='data:widgets'>
<b:loop values='data:widgets.Blog.first.posts where (p => p.featuredImage) map (p => p.featuredImage) limit 1' var='imageUrl'>
<meta expr:content='resizeImage(data:imageUrl, 1200, "1200:630")' property='og:image'/>
</b:loop>
</b:if>
<b:elseif cond='data:view.isSingleItem'/>
<meta content='article' property='og:type'/>
<b:if cond='data:view.featuredImage'>
<!--1--><meta expr:content='resizeImage(data:view.featuredImage, 1200, "16:9")' property='og:image'/>
<b:elseif cond='data:blog.postImageUrl'/>
<!--2--><meta expr:content='resizeImage(data:blog.postImageUrl, 1200, "16:9")' property='og:image'/>
</b:if>
</b:if>
<b:if cond='data:view.isHomepage'>
<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:blog.title' property='twitter:title'/>
<meta expr:content='data:view.url.canonical' property='twitter:url'/>
<b:if cond='data:widgets'>
<b:loop values='data:widgets.Blog.first.posts where (p => p.featuredImage) map (p => p.featuredImage) limit 1' var='imageUrl'>
<meta expr:content='resizeImage(data:imageUrl, 1200, "16:9")' property='twitter:image'/>
</b:loop>
</b:if>
<b:elseif cond='data:view.isSingleItem'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:view.title.escaped' property='twitter:title'/>
<meta expr:content='data:view.url.canonical' property='twitter:url'/>
<b:if cond='data:view.featuredImage'>
<!--1--><meta expr:content='resizeImage(data:view.featuredImage, 1200, "16:9")' property='twitter:image'/>
<b:elseif cond='data:blog.postImageUrl'/>
<!--2--><meta expr:content='resizeImage(data:blog.postImageUrl, 1200, "16:9")' property='twitter:image'/>
</b:if>
</b:if>
<b:if cond='data:view.description.escaped'>
<meta expr:content='data:view.description.escaped' property='twitter:description'/>
<b:else/>
<meta expr:content='data:view.title.escaped + " - " + data:blog.title + " - " + data:blog.homepageUrl' property='twitter:description'/>
</b:if>
<link href='https://fonts.googleapis.com' rel='preconnect'/>
<link crossorigin='' href='https://fonts.gstatic.com' rel='preconnect'/> Information:
Costume please
MENU
Normal Link : Dropdown
Sub Link : __Submenu 1 (before the link add "__") 2 underscore
SUPPORT SOCIAL ICON
facebook, x, rss, youtube, skype, tumblr, vk, stack-overflow, github,linkedin,dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, codepen, reddit, whatsapp, snapchat, email, tiktok
https://remixicon.com/
HEADLINE
Recent Posts:
Label / Tag Ex:
<span data-type="recent" data-num="5"></span>Label / Tag Ex:
<span data-type="label" data-label="Technology" data-num="5"></span> Replace with the label Post Number of posts
SLIDER
Recent Posts:
Label / Tag Ex:
<span data-type="recent"></span>
Label / Tag Ex:
<span data-type="label" data-label="Fashion"></span> Replace with the label PostRECENT TOP
Label / Tag Ex:
<span data-type="goome" data-label="Innovations"></span> Replace with the label PostRECENT BOTTOM
Label / Tag Ex:
<span data-type="grid" data-label="Business"></span> Replace with the label PostOPTION THEME
Access your blog Layout - click Option ThemeBLOGGER DASHBOARD SETTINGS
POST DESCRIPTION
SOURCE CODE
DROCUP
<span class="text-dropcap">M</spanBlockquote
<blockquote>Nonummy egestas praesent auctor cras dolor hendrerit parturient hymenaeos auctor at nulla felis id risus semper natoque netus praesent interdum habitant Nascetur cras Suscipit erat lacus fringilla mattis lacus tincidunt magnis aptent dictum tellus magnis, habitasse fames netus molestie. Habitasse</blockquote>Syntax
<pre><code> ENTER THE CODE HERE </code></pre>Iframe
<div class="inIframe">
<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" class="lazyload" frameborder="0" height="315" src="https://www.youtube.com/embed/k5lsM64uMjk" title="YouTube video player" width="560"></iframe>
</div>Information:
If you want to wrap the code using an iframe, make it like the code example above
TOC
Support
h1, h2, h3...h6
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>
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"















