Inggris Indonesia Jepang Arab China
» Unlabelled » Documentation Goomflex

Documentation Goomflex


DEMO


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 Until Jump Break, 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




MENU

Access your blog Layout - click Edit icon on Menu widget

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

MEGAMENU 1 (TAB MEGAMENU)

/p/mega.html?mega=tabs|Business,News,Fashion,Health,Food
              Label Post


MEGAMENU 2


Information: 
For the opening text, use the + symbol (+Mega Menu); for the subsequent menu, use the _ symbol, and for the link, use...
/search/label/Music
              Label Post


SIDEBAR LEFT

Access your blog Layout - SIDEBAR POP UP 


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/


NOTICE...!!!

All settings for the "Recent" widget within the template are managed directly via the Layout > Label widget—no coding required.


BREAKING NEWS

Access your blog Layout - click Edit icon widget
Select the desired post label.




SLIDER

Access your blog Layout - click Edit icon widget
Select the desired post label.


THEME OPTION


Information
const month = ["January","February","March","April","May","June","July","August","September","October","November","December"];
const numSlide="6";
const enableThumbSliderSmall = true;
const numRelated = 6;
const darkmode=true;
const timeago=true;
const bookmarkEnabled=true;
const enableStickyNavbar = true;
const enableBacktop=true;
const showReadAlso=true;
const pagingMode="nextpage";
const maxItems = 6;
const gridmaxItems = 4;
const photomaxItems = 6;
const enableNextPost = true;
const enableadblock = false;
const enableCopas = false;
const enableSwitchBlock = true;
const enableLanguage = true;
All settings for this template are located within the template folder in the file Generator Setting Template



POST GALLERY

Information
<div class="gllx-wrapper" id="gllx-gallery">

  <div class="gllx-thumbs">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6pzP4gCF8Nb2cld8dBRE6R-8NDb4KZL-YYnvQ1i1PKqOGpPRFhCNRK82Kwsa91rpDRQcfLDwRFwfCN4af6NlkxWZpakgqkayuJnHEmkVq7tplULICuMEFcpBnkI33jMHJPBes-arXyL9puLsGQ85pYZ6sJ8IKfb6-UzOa6fiNOiEmMWuimff4NaOP1is/s1600/g1.webp" />
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj96kJ7gFTxrOtmHyizz1ZC6W5aO1PgKkC3EzVuLw-d-xjx0lX4XcyH7HgJYlqRq_yzJNozlEDgNXPycGqBFci5wI_yUo4sUc2LLh1ZHGBPSge75YtpT7endwyuJyvzgzW_dmOLT7GSBsIooz7kvNR3uAYZjqzj9lCbnPOgfdt9Xibd6HPTUSCJrDbVlSa/s16000/b4.webp" />
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWcNH4GebcQnRfSxGq6he_Mb821YXARprghopAtBKexucphf0AQlBLAKowH4J24ZoGvJeZ0SnGTCPFUehtN9qGu0pGtS09ay0vVLObeoUr4zFEoGsSl6TOPBsEQkiPKTdeJxzEYGk3-oaUeeVxuLwlESXaegtVOPtW5dI3Z3Jdhf4zYKaG7kDVa3zzIE9H/s16000/t3.webp" />
     <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWcNH4GebcQnRfSxGq6he_Mb821YXARprghopAtBKexucphf0AQlBLAKowH4J24ZoGvJeZ0SnGTCPFUehtN9qGu0pGtS09ay0vVLObeoUr4zFEoGsSl6TOPBsEQkiPKTdeJxzEYGk3-oaUeeVxuLwlESXaegtVOPtW5dI3Z3Jdhf4zYKaG7kDVa3zzIE9H/s16000/t3.webp" />
     <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWcNH4GebcQnRfSxGq6he_Mb821YXARprghopAtBKexucphf0AQlBLAKowH4J24ZoGvJeZ0SnGTCPFUehtN9qGu0pGtS09ay0vVLObeoUr4zFEoGsSl6TOPBsEQkiPKTdeJxzEYGk3-oaUeeVxuLwlESXaegtVOPtW5dI3Z3Jdhf4zYKaG7kDVa3zzIE9H/s16000/t3.webp" />
     <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWcNH4GebcQnRfSxGq6he_Mb821YXARprghopAtBKexucphf0AQlBLAKowH4J24ZoGvJeZ0SnGTCPFUehtN9qGu0pGtS09ay0vVLObeoUr4zFEoGsSl6TOPBsEQkiPKTdeJxzEYGk3-oaUeeVxuLwlESXaegtVOPtW5dI3Z3Jdhf4zYKaG7kDVa3zzIE9H/s16000/t3.webp" />
     <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWcNH4GebcQnRfSxGq6he_Mb821YXARprghopAtBKexucphf0AQlBLAKowH4J24ZoGvJeZ0SnGTCPFUehtN9qGu0pGtS09ay0vVLObeoUr4zFEoGsSl6TOPBsEQkiPKTdeJxzEYGk3-oaUeeVxuLwlESXaegtVOPtW5dI3Z3Jdhf4zYKaG7kDVa3zzIE9H/s16000/t3.webp" />
     <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWcNH4GebcQnRfSxGq6he_Mb821YXARprghopAtBKexucphf0AQlBLAKowH4J24ZoGvJeZ0SnGTCPFUehtN9qGu0pGtS09ay0vVLObeoUr4zFEoGsSl6TOPBsEQkiPKTdeJxzEYGk3-oaUeeVxuLwlESXaegtVOPtW5dI3Z3Jdhf4zYKaG7kDVa3zzIE9H/s16000/t3.webp" />
  </div>

</div>
file Generator Post Gallery
Description
Usu Label: Photo



POST VIDEO


Information
<div class="inIframe"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" frameborder="0" height="315" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/8761qHnwiD4?si=XPX_5oSHiiiEuPnF" title="YouTube video player" width="560"></iframe></div>
file Generator Post Iframe Youtube
Description
Usu Label: Video


SOURCE CODE

DROCUP 1

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

DROCUP 2

<span class="text-dropcap dcap2">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>

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


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>


Alert

<div class="alert-message success">success message : You successfully read this important message.</div>

<div class="alert-message alert">Alert message : This alert needs your attention.</div>


<div class="alert-message warning">Warning message : Warning! Best check yo self.</div>


<div class="alert-message error">Error message : Oh snap! Change a few things up.</div>


Column 2

<div class="bm-box">
    <div class="bm-box-header">Table 2 Kolom</div>
    <div class="table-wrap">
      <table>
        <thead>
          <tr>
            <th>Nama</th>
            <th>Email</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td data-label="Nama">Goomsite</td>
            <td data-label="Email">admin@email.com</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>

Column 3

<div class="bm-box">
    <div class="bm-box-header">Table 3 Kolom</div>
    <div class="table-wrap">
      <table>
        <thead>
          <tr>
            <th>Nama</th>
            <th>Email</th>
            <th>Status</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td data-label="Nama">Goomsite</td>
            <td data-label="Email">admin@email.com</td>
            <td data-label="Status"><span class="badge active">Aktif</span></td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>

Column 4

<div class="bm-box">
    <div class="bm-box-header">Table 4 Kolom</div>
    <div class="table-wrap">
      <table>
        <thead>
          <tr>
            <th>Nama</th>
            <th>Email</th>
            <th>Role</th>
            <th>Status</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td data-label="Nama">Goomsite</td>
            <td data-label="Email">admin@email.com</td>
            <td data-label="Role">Admin</td>
            <td data-label="Status"><span class="badge active">Aktif</span></td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>

Column 5

<div class="bm-box">
    <div class="bm-box-header">Table 5 Kolom</div>
    <div class="table-wrap">
      <table>
        <thead>
          <tr>
            <th>No</th>
            <th>Nama</th>
            <th>Email</th>
            <th>Role</th>
            <th>Status</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td data-label="No">1</td>
            <td data-label="Nama">Goomsite</td>
            <td data-label="Email">admin@email.com</td>
            <td data-label="Role">Admin</td>
            <td data-label="Status"><span class="badge active">Aktif</span></td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>

Column 6

<div class="bm-box">
    <div class="bm-box-header">Table 6 Kolom</div>
    <div class="table-wrap">
      <table>
        <thead>
          <tr>
            <th>No</th>
            <th>Nama</th>
            <th>Email</th>
            <th>Role</th>
            <th>Status</th>
            <th>Aksi</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td data-label="No">1</td>
            <td data-label="Nama">Goomsite</td>
            <td data-label="Email">admin@email.com</td>
            <td data-label="Role">Admin</td>
            <td data-label="Status"><span class="badge active">Aktif</span></td>
            <td data-label="Aksi"><button class="btn">Edit</button></td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>


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