Menu Melayang

Header

Landing Page

Syntax Highlighter Blogger

Syntax Highlighter for Blogger

CSS

/* FRAMEWORK */
strong,b{font-weight:bold;}
cite,em,i{font-style:italic;}
a:link{color:#49ACE1;text-decoration:none;outline:none;}
a:visited{color:#49ACE1;text-decoration:none;}
a:hover{color:#444444;text-decoration:none;}
a img{border:none;border-width:0;outline:none;}
abbr,acronym{border-bottom:1px dotted;cursor:help;}
sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}
sub{top:.4em;}small{font-size:86%;}
kbd{font-size:80%;border:1px solid #777;padding:2px 5px;border-bottom-width:2px;border-radius:3px;}
mark{background-color:#ffce00;color:black;}
p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;}
hr{height:1px;border:none;background-color:#666;}
h1{font-size:1.8rem}
h2{font-size:1.6rem}
h3{font-size:1.4rem}
h4{font-size:1.2rem}
h5{font-size:1rem}
h6{font-size:0.9rem}

HTML
<nav id='cssmenu'>
<div id='head-mobile'></div>
<div class='button' id='menu-button'></div>
<!-- menu navigasi header start ficri -->
<ul>
<li><a href='/search/label/Blogger' title='Blogger'>Blogger</a></li>
<li><a href='/search/label/WordPress' title='WordPress'>WordPress</a></li>
<li><a href='/search/label/SEO' title='SEO'>SEO</a></li>
<li><a href='/p/tools.html' title='Web Tools'>Web Tools</a>
<ul>
<li><a href='/p/css-minifier.html' title='CSS Minifier'>CSS Minifier</a></li>
<li><a href='/p/kode-warna.html' title='Kode Warna HTML'>Kode Warna HTML</a></li>
<li><a href='/p/parse-html.html' title='Parse HTML'>Parse HTML</a></li>
<li><a href='/p/word-count.html' title='Word Count'>Word Count</a></li>
</ul>
</li>
<li><a href='/p/layanan-dan-jasa.html' title='Layanan dan Jasa'>Layanan dan Jasa</a>
<ul>
<li><a href='/p/jasa-backlink.html' title='Backlink'>Backlink</a></li>
<li><a href='/p/jasa-optimasi.html' title='Optimasi Template'>Optimasi Template</a></li>
<li><a href='/p/jasa-review.html' title='Review'>Review</a></li>
</ul>
</li>
</ul>
<!-- menu navigasi header end -->
</nav>

JavaScript
<script>            
$(window).scroll(function() {
    if($(this).scrollTop() > 200) {
        $('#back-to-top').fadeIn();
    } else {
        $('#back-to-top').fadeOut();
    }
});
$('#back-to-top').hide().click(function() {
    $('html, body').animate({scrollTop:0}, 1000);
    return false;
});
</script>


CSS

Monday, April 25, 2022

Simple

Blog Post

Related Post

Mohon maaf, belum ada postingan.

Back to Top

Cari Artikel

Popular Post