Inggris Indonesia Jepang Arab China
» Unlabelled » Documentation Jeenat

Documentation Jeenat




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

s

Enter the License that has been obtained



TOP NAV

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


n


SOCIAL TOP

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


a

Icons Available:
facebook, x, rss, youtube, skype, tumblr, vk, stack-overflow, github,linkedin,dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, codepen, reddit, whatsapp, snapchat, email, tiktok



MENU

Access your blog Layout - click Edit icon on Menu widget



Normal Link : Dropdown



MENU BOTTOM

Access your blog Layout - click Edit icon on Menu widget



Label / Tag Ex: 
<img alt="sn" height="24" width="234" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsbhsf3j1wdppOCmOrt3Fbe4DNeeKaUrU20iafUFEIpODdF80oH2z9WXh6sKS7hwCZxkRCPCzRXkv8SfmEQcFW4xI1BqwSlI0q_57WysS8b6o6ywcMKl9L0C2lbgrmJhIY9i8Z_iSWQGx2cfqtdh30nf1zfhRWZBb3vUr3xmP5eRhvPznIEtwoHHwTqYvp/s1600/freemobile.webp"/><span>Nasional</span>
        Change


SLIDER

Access your blog Layout - click Edit icon on Slider widget


Label / Tag Ex: 
<span data-type="sL" data-label="News"></span>
        Post Label


BREAKING NEWS

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


Change Feed



Label / Tag Ex
https://jeenat-goomsite.blogspot.com/feeds/posts/default/-/Technology
Or 

Recent Posts:  
https://jeenat-goomsite.blogspot.com/feeds/posts/default
        Change



RECENT WIDGET 1

Access your blog Layout - click Recent Widget and add HTML/Javascript


Label / Tag Ex: 
<span data-type="rcTop" data-label="Technology" data-num="3"></span>
        Post Label
        Number of Posts


RECENT WIDGET 2

Access your blog Layout - click Recent Widget and add HTML/Javascript


Label / Tag Ex: 
<span data-type="grid" data-label="Business"></span>
        Post Label



RECENT WIDGET 3

Access your blog Layout - click Recent Widget and add HTML/Javascript


Label / Tag Ex: 
<span data-type="goome" data-label="Technology"></span>
        Post Label


RECENT WIDGET 4

Access your blog Layout - click Recent Widget and add HTML/Javascript


Label / Tag Ex: 
<span data-type="rL" data-label="Technology" data-num="3"></span>
        Post Label
        Number of Posts


ERROR POPULAR POST

Access your blog Theme- EDIT HTML

If Popular posts do not appear on the home page, then look for the code below on the EDIT HTML page and delete it.

Label / Tag Ex: 
cond='data:view.isSingleItem and data:posts any (p =&gt; p.id != data:view.postId)'

FEATURED POST

Access your blog Layout - click Featured and add HTML/Javascript

Add Featured post widget in layout page



OPTION THEME

Access your blog Layout - click Option Theme

f

var month = [, "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"], // format date
numSlide ="10", // number of slides
numRelated="5", // number of related
numRandom="6",// number of random
PrevText = "Next page";// text next page

POST

Caption

mycaption


Place the mycaption code inside the tr-caption code


BLOGGER DASHBOARD SETTINGS

de

e


POST DESCRIPTION

d




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>

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>

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



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