Inggris Indonesia Jepang Arab China
» Unlabelled » Documentation Jazirah

Documentation Jazirah




Method of Installing Manual Template Codfe:

  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


WILL OPEN POPUP WIDGET LICENSE




META TAG

Access your blog Layout - click 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 expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:include data='blog' name='all-head-content'/>
<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:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:view.title.escaped/> | Your Blog Description</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 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/AVvXsEgBEI5l29ECHatiE5MRX27V82sM77GzW2xUEIGHX2p4M5pOLwln48tq8WvEIbQ7ez5YkCWUoZnNiD4N6BWuoYhFtk5kLJ0gIm77CUxUh7IKP1WmH7677P486-afvqPE4s6KwSQTUSlaJ9uiRgmS3aQfyZhNJij6oTsXg9ejcurO0x6mTh9JYzurM2hM1To/s16000/noimage.webp' 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='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>
Information:
            Costume please



SETTING THEME

Access your blog Layout - click Edit icon on Option Theme widget


Settings: 
var 
noIMG = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBEI5l29ECHatiE5MRX27V82sM77GzW2xUEIGHX2p4M5pOLwln48tq8WvEIbQ7ez5YkCWUoZnNiD4N6BWuoYhFtk5kLJ0gIm77CUxUh7IKP1WmH7677P486-afvqPE4s6KwSQTUSlaJ9uiRgmS3aQfyZhNJij6oTsXg9ejcurO0x6mTh9JYzurM2hM1To/s16000/noimage.webp",
mOth = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"],
moTxt = "Visit",
relnum ="6",
NumPage = 7,
PrevText = "Previous",
NextText = "Next",
PrevMsg = "Last Post",
NextMsg = "Latest Posts",
TextTbL = "Table of Contents";
Information:
Adjust according to needs



BREAKING NEWS

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


Recent Posts: 
<span data-type="recent" data-no="6"></span>
Label / Tag Ex: 
<span data-type="label" data-label="Business" data-no="6"></span>
        Number of Posts
        Post Label


MENU

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



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



FEATURED

Access your blog Layout - click Edit icon on Featured Wrapper widget


Recent Posts:
<span data-type="feat" data-label="News"></span>
          Post Label



RECENT SLIDE

Access your blog Layout - click Edit icon on Recent Slider widget


Recent Posts:
<span data-type="slide" data-label="Health" data-no="10"></span>
          Post Label
          Post Number



RECENT LEFT

Access your blog Layout - click Edit icon on Recent Left widget


Recent Posts:
<span data-type="recgrid" data-label="Sport"></span>
          Post Label



RECENT RIGHT

Access your blog Layout - click Edit icon on Recent Right widget


Recent Posts:
<span data-type="listnum" data-label="Game"></span>
          Post Label



RECENT LIST (grid)

Access your blog Layout - click Edit icon on Recent List widget


Recent Posts:
<span data-type="grid" data-label="Economy"></span>
          Post Label



RECENT LIST (goomsite)

Access your blog Layout - click Edit icon on Recent List widget


Recent Posts:
<span data-type="goomsite" data-label="Business"></span>
          Post Label



RECENT LIST (video)

Access your blog Layout - click Edit icon on Recent List widget


Recent Posts:
<span data-type="myvideo" data-label="Video"></span>
          Post Label



RECENT GALLERY

Access your blog Layout - click Edit icon on Recent Gallery widget


Recent Posts:
<span data-type="rcgallery" data-label="Fashion" data-no="4"></span>
          Post Label
          Post Number



RECENT DOUBLE

Access your blog Layout - click Edit icon on Recent Double widget


Recent Posts:
<span id="label" data-label="Business"></span>
          Post Label



RECENT LABEL

Access your blog Layout - click Edit icon on Recent Label widget


Recent Posts:
<span data-type="rCb" data-label="Food" data-no="5"></span>
          Post Label
          Post Number



RECENT SIDEBAR

Access your blog Layout - click Edit icon on Recent Sidebar widget


Recent Posts:
<span data-type="sdbr" data-label="Technology" data-no="5"></span>
          Post Label
          Post Number



RECENT SIDEBAR (slide)

Access your blog Layout - click Edit icon on Recent Sidebar widget


Recent Posts:
<span data-type="carousel" data-label="News" data-no="5"></span>
          Post Label
          Post Number




SOURCE CODE

DROCUP

<span class="text-dropcap">M</span

Blockquote

<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>

Table

<table class="table">
  <thead>
    <tr><th>No</th>
    <th>Name</th>
    <th>Age</th>
    <th>Performance</th>
    <th>Status</th>
  </tr></thead>
  <tbody>
    <tr>
      <td data-label="S.No">1</td>
      <td data-label="Name">Nonummy</td>
      <td data-label="Age">34</td>
      <td data-label="Marks%">50%</td>
      <td data-label="Staus">Passed</td>
    </tr>

    <tr>
      <td data-label="S.No">2</td>
      <td data-label="Name">Parturient</td>
      <td data-label="Age">23</td>
      <td data-label="Marks%">70%</td>
      <td data-label="Staus">Passed</td>
    </tr>

    <tr>
      <td data-label="S.No">3</td>
      <td data-label="Name">Lacinia</td>
      <td data-label="Age">20</td>
      <td data-label="Marks%">90%</td>
      <td data-label="Staus">Passed</td>
    </tr>

    <tr>
      <td data-label="S.No">4</td>
      <td data-label="Name">Hymenaeos</td>
      <td data-label="Age">30</td>
      <td data-label="Marks%">30%</td>
      <td data-label="Staus">Failed</td>
    </tr>
  </tbody>
</table>


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


Message Box


<div class="alert-message success"><i class="far fa-check-circle"></i>success message : You successfully read this important message.</div>
  
<div class="alert-message alert"><i class="far fa-info-circle"></i>Alert message : This alert needs your attention.</div>
  
<div class="alert-message warning"><i class="far fa-exclamation-triangle"></i>Warning message : Warning! Best check yo self.</div>
  
<div class="alert-message error"><i class="far fa-exclamation-circle"></i>Error message : Oh snap! Change a few things up.</div>



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"


SLOTS IN THE ARTICLE 


s