Setting

YANG HARUS DIUBAH

MENU ATAS:

1. Buat laman dengan nama About, Kontak, Disclaimer, dan Sitemap
2. Otomatis muncul di menu atas. Sesuaikan/ubah linknya jika url laman berbeda
3. Ganti tanda pagar (#) dengan link akun media sosial Anda.

<nav id='menutop'>
<input type='checkbox'/>
<label/>
<ul>
<li><a href='/p/about.html'>About</a></li>
<li><a href='/p/kontak.html'>Kontak</a></li>
<li><a href='/p/disclaimer.html'>Disclaimer</a></li>
<li><a href='/p/sitemap.html'>Sitemap</a></li>
<!-- Menu Link Sosial Media -->
<li class='sorting-01 facebook'><a href='#'><i class='fa fa-facebook fa-lg'/><span class='inv'/></a></li>
<li class='sorting-02 twitter'><a href='#'><i class='fa fa-twitter fa-lg'/><span class='inv'/></a></li>
<li class='sorting-03 googleplus'><a href='#'><i class='fa fa-google-plus fa-lg'/><span class='inv'/></a></li>
<li class='sorting-06 linkedin'><a href='#'><i class='fa fa-linkedin fa-lg'/><span class='inv'/></a></li>
<li class='sorting-04 youtube'><a href='#'><i class='fa fa-youtube fa-lg'/><span class='inv'/></a></li>
</ul>
</nav>

MENU BAWAH HEADER:
1. Ganti tanda pagar (#) dengan URL Link Label atau Link Lain yang akan ditampilkan.
2. Warna merah adalah contoh url lin label.

<nav id='menu1' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<input type='checkbox'/><label><span/></label>
<ul>
<li class='homers'><a href='/'><i class='fa fa-home fa-2x fa-fw'/></a></li>
  <li><a href='/search/label/News'>News</a></li>
  <li><a href='/search/label/Sport'>Sport</a></li>
  <li><a href='/search/label/Blogging'>Blogging</a></li>
<li><a href='#'>Dropdown 1</a>
<ul class='menus'>
  <li><a href='#'>Label 1</a></li>
  <li><a href='#'>Label 2</a></li>
  <li><a href='#'>Label 3</a></li>
  <li><a href='#'>Label 4</a></li>
  </ul></li>
<li><a href='#'>Dropdown 2</a>
  <ul class='menus'>
  <li><a href='#'>Submenu 1</a></li>
  <li><a href='#'>Submenu 2</a></li>
  <li><a href='#'>Submenu 3</a></li>
  </ul></li>
<li><a href='#'>Social Media</a></li>
<li><a href='#'>Links</a></li>
</ul>
<a href='#' id='pull' style='font-family:Verdana;font-size:16px;font-weight:700;'>MENU</a>
</nav>

KODE-KODE
(Sudah Otomatis Ada)

KODE RECENT POST:

<div id="hlrpsb">
<script type="text/javascript">
function showrecentposts(t){for(var e=0;e<numposts;e++){var n,r=t.feed.entry[e],i=r.title.$t;if(e==t.feed.entry.length)break;for(var d=0;d<r.link.length;d++)if("alternate"==r.link[d].rel){n=r.link[d].href;break}i=i.link(n);var s=r.published.$t,a=s.substring(0,4),o=s.substring(5,7),l=s.substring(8,10),u=new Array;u[1]="Jan",u[2]="Feb",u[3]="Mar",u[4]="Apr",u[5]="May",u[6]="Jun",u[7]="Jul",u[8]="Aug",u[9]="Sep",u[10]="Oct",u[11]="Nov",u[12]="Dec",standardstyling||document.write(""),document.write('<div class="rctitles2">'),standardstyling&&document.write(""),document.write(i),standardstyling&&document.write(""),1==showpostdate&&document.write(" - "+l+" "+u[parseInt(o,10)]+" "+a),standardstyling||document.write("</div>"),document.write("</div>"),standardstyling&&document.write("")}standardstyling||document.write('<div class="bbwidgetfooter">'),standardstyling&&document.write(""),document.write(""),standardstyling||document.write("/div")}
</script>
<script type="text/javascript">var numposts = 5;var showpostdate = false;var standardstyling = true;</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>
</div>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #000000;font-size:14px;}.rctitles2 {padding-bottom:3px;margin-bottom:5px;border-bottom: 1px dotted #cccccc;}
</style>

KODE BACK TO TOP:

<!--Smooth Back to Top Button Start-->
<script>
jQuery(document).ready(function() {
var offset = 220;
var duration = 500;
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > offset) {
jQuery('.back-to-top').fadeIn(duration);
} else {
jQuery('.back-to-top').fadeOut(duration);
}
});
jQuery('.back-to-top').click(function(event) {
event.preventDefault();
jQuery('html, body').animate({scrollTop: 0}, duration);
return false;
})
});
</script>
<style>
div#page {
max-width: 900px;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
.back-to-top {
position: fixed;
bottom: 2em;
right: 0px;
text-decoration: none;
color: #000000;
background-color:transparent;
font-size: 12px;
padding: 1em;
display: none;
z-index:9999;
}
.back-to-top:hover {
text-decoration: none;
}
</style>
<a href="#" class="back-to-top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0ulLWPK27Eq40UeAqkv2XXYo4W8SkNYjikA535x_wOkJX96Jd7DHMgwhJPu_djy8N9zVpbsfDjNYMVHO3RQgRh5VS7DoyHwdPkdKShdjCHDUYnRt_IMrnb4aFmZz6QkonjprALfhujgug/s1600/back+to+top+.png" alt="Back to Top" / /></a>
<!--Smooth Back to Top Button End-->