Inggris Indonesia Jepang Arab China

Documentation SEONABIL

HOMEPAGE SECTION SETTINGS


LOGO


INFORMATION:
Recommendation of 237x56 logo size


MENU



<nav id='cssmenu'>
<div id='head-mobile'/>
<div class='button' id='menu-button'>
<span class='mline1'/>
<span class='mline2'/>
<span class='mline3'/>
</div>
<!-- menu navigasi header start -->
<ul>
<li><a href='#'>Home</a></li>
<li><a href='#'>Index</a>
<ul>
<li><a href='#'>Sub Menu 1</a></li>
<li><a href='#'>Sub Menu 2</a></li>
<li><a href='#'>Sub Menu 3</a></li>
</ul>
</li>
<li><a href='#'>Blog</a>
<ul>
<li><a href='#'>Sub Menu 1</a></li>
<li><a href='#'>Sub Menu 2</a></li>
<li><a href='#'>Sub Menu 3</a></li>
<li><a href='#'>Sub Menu 4</a></li>
</ul>
</li>
<li><a href='#'>About us</a></li>
<li><a href='#'>Contact Us</a></li>
</ul>
<!-- menu navigasi header end -->
</nav>
INFORMATION:
Replace the # sign with Url



INFO



<div class='heading-home'>
<h1>Welcome to SEONABIL Blog!</h1>
<h2>Our blog discusses various kinds of Blog <span>tips</span> and <span>tricks</span> <i>BLOG</i>.</h2>			 
</div>
INFORMATION:
Adjust it



MENU BOTTOM



<div class='menubottom'>
<ul>
<li><a href='#' title='About'>About us</a></li>
<li><a href='#' title='Contac'>Contac us</a></li>
<li><a href='#' title='Privacy'>Privacy Policy</a></li>
<li><a href='#' title='Sitemaps'>Sitemaps</a></li>
</ul>
</div>
INFORMATION:
Replace the # sign with Url



SOCIAL BOTTOM



<div class='the-socials'>
<a class='facebookBtn iconn' href='#' rel='nofollow' target='_blank' title='Facebook'/>
<a class='instagramBtn iconn' href='#' rel='nofollow' target='_blank' title='Instagram'/>
<a class='twitterBtn iconn' href='#' rel='nofollow' target='_blank' title='Twitter'/>
<a class='googleplusBtn iconn' href='#' rel='nofollow' target='_blank' title='Google+'/>
</div>
INFORMATION:
Replace the # sign with Url


ADVERT SLOTS POST HOMEPAGE PARTS

<b:includable id='main' var='top'>
  <b:if cond='!data:mobile'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>
      <data:defaultAdStart/>
      <b:loop index='x' values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
          &lt;/div&gt;&lt;/div&gt;
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
         <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        </div>
<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:x==1'>
<div class='post'>
<span class='title-ads'>Responsive Leaderboard Ad Area</span>
</div>
</b:if>
<b:if cond='data:x==2'>
<div class='post'>
<span class='title-ads'>Responsive Leaderboard Ad Area</span>
</div>
</b:if>
</b:if>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
<div class='post'>
<span class='title-ads'>Responsive Leaderboard Ad Area</span>
</div>
</b:if>
    </div>

    <!-- navigation -->
    <b:include name='nextprev'/>

    <!-- feed links -->
    <b:include name='feedLinks'/>

  <b:else/>
    <b:include name='mobile-main'/>
  </b:if>

  <b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>

</b:includable>


ADVERT SLOT POST PART


ADVERTISING SLOTS PART

<!-- Ads Top -->
<div class='ads-top'>
<img alt='Ads' height='250' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOSGani9R-8BdFJ1ppuxNc4dzQWK7r3jDzeyvnM9G-XX69E0a4GXcu7wBfXnssWVLC0Pxk4HmxAUlEeErv-NHLkuwOllwsKK8ask3ilQnLOmyzzmyYVbi0UwTI0o34dLTIJ_ixo2e6f6o/s1600/300.jpg' width='300'/>
</div>
<!-- Ads Top End -->

MIDDLE PART SLOTS

<!-- Ads the middle -->
<center>
<span class='ads-middle'>Responsive Leaderboard Ad Area</span>
</center>
<!-- Ads the middle End -->

ADVERT SLOTS BELOW

<!-- Ads Bottom -->
<div class='ads-bottom'>
<img alt='Ads' height='250' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOSGani9R-8BdFJ1ppuxNc4dzQWK7r3jDzeyvnM9G-XX69E0a4GXcu7wBfXnssWVLC0Pxk4HmxAUlEeErv-NHLkuwOllwsKK8ask3ilQnLOmyzzmyYVbi0UwTI0o34dLTIJ_ixo2e6f6o/s1600/300.jpg' width='300'/>
</div>
<!-- Ads Bottom End -->
INFORMATION:
Replace the colored mark above with each of your ad scripts



ADVERT SLOTS BELOW


<div class="profil-goomsite red">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIioTrbGFaVKIGnBb8_d6uNaLzQdP1YYEjy_6di6vZq8UnpIk1Ti71FVsDOVSxcNKunrAfWvNTj6QcsLlz7ao7HPXR_e30fkS0Zp44DFiBkmpbgXXQgS3LfrJmFN46rjJuna2p0syxk5c/s1600/profil.jpg" alt="sample8" />
  <figcaption>
    <h2>Basri <span>Matindas</span></h2>
    <p>I'm a genius, but I'm a misunderstood genius.</p>
    <div class="icons">
<a href="#"><i class="fa fa-whatsapp"></i></a>
<a href="#"><i class="fa fa-phone"></i></a>
<a href="#"><i class="fa fa-envelope"></i></a>
</div>
  </figcaption>
          <div class="position"><a href="https://www.goomsite.net">Administrator</a></div>
</div>
INFORMATION:
Adjust it



DISQUS

<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
        <script>
                var disqus_shortname = &quot;theseo-1&quot;;
                var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
                if (!disqus_blogger_current_url.length) {
                    disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
                }
                var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
                var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
             (function() {
                        var bloggerjs = document.createElement(&quot;script&quot;);
                        bloggerjs.type = &quot;text/javascript&quot;;
                        bloggerjs.async = true;
                        bloggerjs.src = &quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_item.js&quot;;
                        (document.getElementsByTagName(&quot;head&quot;)[0] || document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(bloggerjs);
                    })();
                (function() {
                    var bloggerjs = document.createElement(&quot;script&quot;);
                    bloggerjs.type = &quot;text/javascript&quot;;
                    bloggerjs.async = true;
                    bloggerjs.src = &quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_index.js&quot;;
                    (document.getElementsByTagName(&quot;head&quot;)[0] || document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(bloggerjs);
                })();
    </script>  </div>
</b:includable>
INFORMATION:
Change Shortname Disqus  { let e = document.createElement("script"); e.src = "//translate.google.com/translate_a/element.js?cb=TranslateWidgetIsLoaded", document.getElementsByTagName("head")[0].appendChild(e) }); //]]>