HOMEPAGE SECTION SETTINGS
LOGO
<div class='logo-wrapper'><a href='/'><img alt='logo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_rYytblVsz9Yg7mM40d6c8fr7uH96CCiqrhobfpcIql1QvUYrSqxquJFcL7ftX6N5gMM2YUAaxoocUNZi_s4ooFQDCsyGGLMChArhVWdt7Er9-V7K5usExiyc2iR9u1RUf1DdDWaafFc/s1600/azirah.png' title='Homepage'/></a></div>
</div>
INFORMATION:
Replace LOGO URL marked with your Blog LOGO URL, recommendation of 376x69 logo size
MENU
<nav class='navimdc' data-menu-responsive='1000'> <div class='container'> <div class='openav'> <span class='item item-1'/> <span class='item item-2'/> <span class='item item-3'/> </div> <div class='close-menu'/> <ul class='listmdc'> <li><a href='/'>Home</a></li> <li><a href='#'>Word</a></li> <li><a href='#'>Features <span class='label new'>new</span></a></li> <li><a href='#'>Life</a> <ul class='sub-menu'> <li><a href='/'>Minimal</a></li> <li><a href='#'>Sub Menu with Subs</a> <ul class='sub-menu'> <li><a href='#'>Fitness</a></li> <li><a href='#'>Persona</a></li> </ul> </li> <li><a href='#'>Fashion</a></li> </ul> </li> <li><a href='#'>Potography</a></li> <li><a href='#'>Drop Down</a> <ul class='sub-menu'> <li><a href='/'>Minimal</a></li> <li><a href='#'>Sub Menu with Subs</a> <ul class='sub-menu'> <li><a href='#'>Feminist</a></li> <li><a href='#'>Persona</a></li> </ul> </li> <li><a href='#'>Powergame</a></li> <li><a href='#'>Fashion</a></li> </ul> </li> <li><a href='#'>Healt <span class='label2 new'>doc</span></a></li> </ul> </div> </nav>
Replace # with destination URL
Navigation
<div class='navmenu'> <div class='content-wrapper'> <ul> <li class='selected'><a> <script> <!-- var months=["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],myDays=["Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu"],date=new Date,day=date.getDate(),month=date.getMonth(),thisDay=date.getDay(),thisDay=myDays[thisDay],yy=date.getYear(),year=1e3>yy?yy+1900:yy;document.write(thisDay+", "+day+" "+months[month]+" "+year); //--> </script></a></li> <li><a href='/' title='About'>About</a></li> <li><a href='/' title='Cantact'>Cantact</a></li> <li><a href='/' title='Privacy'>Privacy</a></li> <li><a href='/' title='Disclaimair'>Disclaimair</a></li> <li><a href='/' title='Index'>Index</a></li> <li><a href='http://www.goomsite.net/' title='Goomsite'>Goomsite</a></li> </ul> </div></div>
Replace # with destination URL
Featured
Access your blog Layout > click Add a Gadget > HTML/JavaScript on Featured Posts Section,and then add one of the following
Recent Posts: <span id="recent"></span>
Label / Tag Ex: <span id="label" data-label="Android"></span>
Information:
Label / Tag: replace "Android" with the label you want
POSTPAGE SECTION SETTINGS
SIDEBAR SUBSCRIBE
<div class="widget nubz-widget" id="nubz-two">
<div class="widget-wrap">
<div class="nubz">
<h4 class="widget-title widgettitle">SUBSCRIPTION OF ARTICLES</h4>
<form action='//feedburner.google.com/fb/a/mailverify' target='_blank'>
<p>Find interesting Tips and News every day. FREE!</p>
<input type="text" name="email" class="subscribe-css-email-field" placeholder="Email adress..."/>
<input type="hidden" value="GoomsiteFreeAndPremiumTemplateProviders" name="uri"/>
<input name='loc' type='hidden' value='en _US'/>
<input type='submit' value='SUBSCRIBE'/>
</form></div></div></div>
Replace "GoomsiteFreeAndPremiumTemplateProviders" with your feedsburner
SIDEBAR STICKY
CSS
#HTML8 .widget-content{padding:0;margin:auto}
JAVASCRIPT
// Sticky Widget
function makemeSticky(e){function t(){var e=s.getBoundingClientRect();e.top<0?(n.className=a+" makesticking",n.style.width=i+"px"):n.className=a}var n=document.getElementById(e),s=document.createElement("div");n.parentNode.insertBefore(s,n);var i=n.offsetWidth,a=n.className+" makesticky";window.addEventListener("scroll",t,!1)}makemeSticky("HTML8");
INFORMATION:
Replace ID Widget "html8" with your feedsburner
TABLE
<table class="table"> <thead> <tr><th>Mobil</th><th>Price List</th><th>Part Number</th></tr> </thead> <tbody> <tr><td>Calya</td><td>Rp 485.000</td><td>04491-BZ030</td></tr> <tr><td>Agya (Manual)</td><td>Rp 295.000</td><td>04491-BZ011</td></tr> <tr><td>Agya (Automatic)</td><td>Rp 425.000</td><td>04491-BZ020</td></tr> <tr><td>Avanza Lokal</td><td>Rp 228.000</td><td>04465-YZZR8</td></tr> <tr><td>Avanza</td><td>Rp 455.000</td><td>04465-BZ170</td></tr> <tr><td>Rush</td><td>Rp 490.000</td><td>04465-BZ190</td></tr> <tr><td>Kijang</td><td>Rp 240.000</td><td>04465-YZZZ1</td></tr> <tr><td>Kijang Innova Lokal</td><td>Rp 625.000</td><td>04465-YZZQ8-82</td></tr> <tr><td>Kijang Innova</td><td>Rp 850.000</td><td>04465-0K100</td></tr> <tr><td>All New Kijang Innova</td><td>Rp 900.000</td><td>04465-0K430</td></tr> <tr><td>Vios/Soluna</td><td>Rp 606.000</td><td>04465-YZZQ1</td></tr> <tr><td>Yaris (Manual)</td><td>Rp 860.000</td><td>04465-YZZR6</td></tr> <tr><td>Yaris (Automatic)</td><td>Rp 951.000</td><td>04465-52240-82</td></tr> <tr><td>All New Yaris</td><td>Rp 910.000</td><td>04465-0D150</td></tr> <tr><td>Fortuner</td><td>Rp 610.000</td><td>04465-YZZQ5-82</td></tr> <tr><td>Fortuner (2012 Ke atas)</td><td>Rp 693.000</td><td>04465-YZZR5-82</td></tr> <tr><td>Hi Ace</td><td>Rp 1.975.000</td><td>04465-26421</td></tr> </tbody> </table>
RELATED POST
$("#related-ready").each(function(){var e=$(this).text();$.ajax({url:"/feeds/posts/default/-/"+e+"?alt=json-in-script&max-results=6",type:"get",dataType:"jsonp",success:function(e){for(var t="",a='<div class="related-posts">',r=0;r<e.feed.entry.length;r++){for(var s=0;s<e.feed.entry[r].link.length;s++)if("alternate"==e.feed.entry[r].link[s].rel){t=e.feed.entry[r].link[s].href;break}var l=e.feed.entry[r].title.$t,n=e.feed.entry[r].category[0].term,i=e.feed.entry[r].published.$t,d=i.substring(0,4),c=i.substring(5,7),f=i.substring(8,10),u=MONTH_FORMAT[parseInt(c,10)]+" "+f+", "+d,o=e.feed.entry[r].content.$t,h=$("<div>").html(o);if(o.indexOf("//www.youtube.com/embed/")>-1)var y=e.feed.entry[r].media$thumbnail.url,v=y;else if(o.indexOf("<img")>-1)var g=h.find("img:first").attr("src"),v=g;else var v=NO_IMAGE;a+='<li class="related-item"><div class="related-thumb"><a class="related-img" href="'+t+'" style="background:url('+v+') no-repeat center center;background-size: cover"><span class="related-overlay"/></a></div><div class="related-content"><h3><a href="'+t+'">'+l+'</a></h3><a class="related-tag" href="/search/label/'+n+'">'+n+'</a><span class="recent-date"><i aria-hidden="true" class="fa fa-clock-o"></i>'+u+"</span></div></li>"}a+='</div><div class="clear"/>',$("#related-ready").html(a),$(".related-img").each(function(){$(this).attr("style",function(e,t){return t.replace("/default.jpg","/hqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})})}})});
To set the number of posts in related post, please find the script above and find the code "max-results = 6", number "6" is the number of posts that appear please adjust the number of posts you will display
COMMENT DISQUS
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<script type='text/javascript'>
var disqus_shortname = "bozzmag";
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>
Replace shortname "bozzmag" with your Disqus shortname
