HOMEPAGE SECTION SETTINGS
MENU
<nav id='cssmenu'>INFORMATION:
<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>
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'>
</div></div>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</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'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<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 == "item"'>
<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 != "static_page" and data:blog.pageType != "item"'>
<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'>
</div></div>
</b:if>
<data:adEnd/>
<b:if cond='data:blog.pageType != "static_page" and data:blog.pageType != "item"'>
<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/AVvXsEjLfzmr0sHjtfAFn6kv0p95H2HSV3u2WF5sL71JjgYil6wuL9cpQVwaHxEZiIMoODSy1Y16xRQfBHkOXzNg8tRp3gsjDZJAeqoL4MHjsUMJSeV6EUmJMcIu5kyxLMNOC8OcY48q7GexhsM/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/AVvXsEjLfzmr0sHjtfAFn6kv0p95H2HSV3u2WF5sL71JjgYil6wuL9cpQVwaHxEZiIMoODSy1Y16xRQfBHkOXzNg8tRp3gsjDZJAeqoL4MHjsUMJSeV6EUmJMcIu5kyxLMNOC8OcY48q7GexhsM/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/AVvXsEj1-mc7wkNnqvgYca3oTUXyCdvcRdgYbpASkevDUiQxNm85qVBKtueX8KtEaavMLQvDgQ8AQIXR8PjeVUQtr2BX3la4I5wLbjy7_naNczfXFfET-4IWdBQQwZbXhcok2Y9FuTYSbSN0raY/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'>INFORMATION:
<div class='comments' id='comments'>
<script>
var disqus_shortname = "theseo-1";
var disqus_blogger_current_url = "<data:blog.canonicalUrl/>";
if (!disqus_blogger_current_url.length) {
disqus_blogger_current_url = "<data:blog.url/>";
}
var disqus_blogger_homepage_url = "<data:blog.homepageUrl/>";
var disqus_blogger_canonical_homepage_url = "<data:blog.canonicalHomepageUrl/>";
(function() {
var bloggerjs = document.createElement("script");
bloggerjs.type = "text/javascript";
bloggerjs.async = true;
bloggerjs.src = "//"+disqus_shortname+".disqus.com/blogger_item.js";
(document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(bloggerjs);
})();
(function() {
var bloggerjs = document.createElement("script");
bloggerjs.type = "text/javascript";
bloggerjs.async = true;
bloggerjs.src = "//"+disqus_shortname+".disqus.com/blogger_index.js";
(document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(bloggerjs);
})();
</script> </div>
</b:includable>





