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>


Syntax Highlighter Blogger

The most advanced syntax highlighter plugin ever created. Syntax Highlight Blogger makes using your editor easier than ever before! Never struggle to figure out what code is meant to be inside of your editor again! Syntax Highlight Blogger provides you with instant feedback and visual representations of code so you can always know where your code is meant to be.

The goal of this article is to provide a simple and intuitive syntax highlight process for bloggers and content creators using the popular blogger platform WordPress. WordPress is a great platform for building a variety of websites and blogs, but the rich text editor (previously known as the classic editor) is lacking when it comes to adding simple syntax highlighting to your posts and website. This post will cover the basics of adding syntax highlighting to your WordPress posts using a popular third-party plugin, Syntax Highlighter Blogger. We’ll cover what syntax highlighting is, how to install and activate the Syntax Highlighter Blogger plugin, and how to customize the highlight colors and styles.

Syntax Highlighter is a blog post and article highlighter for Blogger. It uses natural language processing and machine learning to automatically highlight the parts of any text you write that are most important and relevant to your reader. It also provides you with a number of preset styles to help you create your own custom highlight styles. The result is a much better reading experience for your readers and a more focused and interesting write-up for you!

A syntax highlighter is a tool that highlights the structure and keywords of a piece of text. This can be incredibly useful for improving the readability and understanding of the text in a variety of ways. The most basic use of a highlighter is to provide a way to color-code text to help you quickly identify important sections. This makes it easier to go back and reference sections in your content or code.