Syntax highlighter adalah fitur editor teks yang digunakan untuk menyorot berbagai jenis bahasa pemrograman, skrip, atau markup, seperti HTML, CSS, JavaScript dan sebagainya.

Fitur ini menampilkan teks, terutama kode sumber dalam warna dan font yang berbeda sesuai dengan kategori dari bahasa pemrograman itu sendiri.

Dengan menggunakan syntax highlighting atau penyorotan sintaks, bahasa pemrograman lebih mudah dibaca oleh manusia. 

Penggunaan syntax highlighter di blogger tentu sangat penting apalagi jika Anda membahas mengenai berbagai macam bahasa pemrograman di blog Anda mulai dari PHP, HTML, Java, dll
. 

Agar manusia lebih mudah memahami dan membaca berbagai baris kode bahasa pemrograman maka akan lebih baik apabila Anda memasang syntax highlighter ini di blog. 

Selain untuk memudahkan pengunjung situs Anda membaca berbagai kode bahasa pemrograman, penggunaan syntax highlighting ini juga akan lebih membuat visitor nyaman ketika membaca atau melihat kode skrip yang Anda tulis di blog. 

Bagi Anda yang tertarik untuk membuat syntax highlighter ini di blog, silahkan ikuti langkah-langkahnya di bawah ini.

Cara Membuat Syntax Highlighter di Blog

1. Masuk ke Blogger.com
2. Klik Tema > Edit HTML
3. Tambahkan kode css ini di atas kode ]]></b:skin> atau </style>

/* Syntax Highlighter */
pre{padding:.8em 1em;margin:0.5em 0;background-color:#F7F7F9;border:1px solid #ddd;font-size:13px;color:#000;font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;line-height:1.4em;position:relative;white-space:pre-wrap;word-wrap:break-word;overflow:auto;max-height:300px}
code{font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,Monospace;font-size:13px;color:#d14}
pre code{padding:0!important;color:#839496;background:none!important;border:none!important;display:block}
pre .comment,pre .template_comment,pre .diff .header,pre .doctype,pre .pi,pre .lisp .string,pre .javadoc{color:#93a1a1;font-style:italic}
pre .keyword,pre .winutils,pre .method,pre .addition,pre .css .tag,pre .request,pre .status,pre .nginx .title{color:#F5821E}
pre .number,pre .command,pre .string,pre .tag .value,pre .rules .value,pre .phpdoc,pre .tex .formula,pre .regexp,pre .hexcolor{color:#008800}
pre .title,pre .localvars,pre .chunk,pre .decorator,pre .built_in,pre .identifier,pre .vhdl .literal,pre .id,pre .css .function{color:#268bd2}
pre .attribute,pre .variable,pre .lisp .body,pre .smalltalk .number,pre .constant,pre .class .title,pre .parent,pre .haskell .type{color:#A2886F}
pre .preprocessor,pre .preprocessor .keyword,pre .shebang,pre .symbol,pre .symbol .string,pre .diff .change,pre .special,pre .attr_selector,pre .important,pre .subst,pre .cdata,pre .clojure .title,pre .css .pseudo{color:#000;font-weight:bold}
pre .deletion{color:#dc322f}
pre .tex .formula{background:#eee8d5}

4. Kemudian tambahkan kode ini di atas kode </head>

<!-- Syntax Highlighter -->
<link href='//cdn.rawgit.com/isagalaev/highlight.js/cf4b46e5/src/styles/googlecode.css' rel='stylesheet'/>
<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js'/>
<script>hljs.initHighlightingOnLoad();</script>
<!-- End Syntax Highlighter -->

5. Lalu Simpan tema

Cara Menggunakan Syntax Highlighter di Blog

Untuk menerapkannya di blog cukup mudah.

Ketika Anda menulis postingan baru yang memiliki kode script dan ingin kode tersebut terlihat lebih bagus menggunakan syntax highlighter, caranya yaitu:

1. Buka postingan Anda
2. Kemudian masuk ke bagian HTML bukan Compose
3. Tulis <pre><code>Masukkan Kode Script Disini</code></pre>

Contohnya, saya menulis kode script HTML:

<pre><code>lt;b:widget-setting name=&#039;sorting&#039;&gt;NONE&lt;/b:widget-setting&gt;
        &lt;b:widget-setting name=&#039;text-1&#039;&gt;About&lt;/b:widget-setting&gt;
        &lt;b:widget-setting name=&#039;link-1&#039;&gt;http://best-way2themes.blogspot.in/p/about.html&lt;/b:widget-setting&gt;
        &lt;b:widget-setting name=&#039;text-0&#039;&gt;Home&lt;/b:widget-setting&gt;
        &lt;b:widget-setting name=&#039;link-2&#039;&gt;http://best-way2themes.blogspot.in/p/contact-us.html&lt;/b:widget-setting&gt;</code></pre>

Jika Anda ingin menambahkan kode HTML seperti di atas saya menyarankan agar lebih baik di parse dulu kode tersebut menggunakan tool Parse HTML.

Tapi kalau kode css atau javascript Anda tidak perlu melakukan parse terlebih dahulu jika memungkinkan.

Itulah artikel mengenai cara mudah membuat syntax highlighter di blogger, selamat mencoba dan semoga bermanfaat. Jangan lupa share artikel ini

Contoh Penulisan Judul Artikel yang Paling Umum

1. Cara Menulis Artikel Yang Baik Dan Benar (menggunakan huruf kapital di setiap kata).
2. Cara membuat artikel yang enak di baca (menggunakan huruf kapital hanya di kata pertama).
3. cara memilih kata kunci yang tepat untuk artikel (menggunakan huruf kecil semua).
4. Cara Menulis Judul Artikel yang Baik dan Benar (menggunakan huruf kapital di setiap kata, kecuali kata preposisi).

Daftar Kata Konjungsi yang Ditulis dengan Huruf Kecil

No	Kata Konjungsi
1	adalah
2	agar
4	akan
3	akibat
5	ala
6	alias
7	antara
8	apabila
9	apalagi
10	asal
11	atas
12	atau
13	bagai
14	bagi
15	bahkan
16	bahwa
17	bak
18	bersama
19	biar
20	biarpun
21	dan
22	dengan
23	hingga
24	ialah
25	jika
26	kalau
27	karena
28	kendati
29	lalu
31	lantaran
30	meski
32	namun
33	nan
34	sampai
35	sebab
36	sekalipun
37	tapi
38	tetapi
39	walau
40	yang

Kesimpulan

Dalam penulisan artikel blog, sebenarnya tidak ada aturan pasti dan tidak ada pengaruh apapun terhadap artikel Anda. Jadi penulisan judul pada artikel blog tidak ada yang salah mau itu huruf kecil semua atau bahkan huruf kapital semua.

Tetapi yang perlu kalian perhatikan adalah kenyamanan pembacanya, setiap pembaca mungkin berbeda beda, jadi ini bisa di sesuaikan dengan selera Anda sendiri.

Sedangkan dalam penulisan judul buku, makalah dan sebagainya mungkin Anda harus mempertimbangkan lagi penggunaan huruf besar dan huruf kecil pada sebuah judul karena format penulisan antara nulis artikel dengan makalah atau hal lain berbeda-beda, jadi silahkan gunakan ini sebagai bahan referensi Anda.

Itulan artikel mengenai cara penulisan huruf besar dan huruf kecil pada judul artikel blog yang benar, semoga dapat bermanfaat dan bisa membantu kalian semua...

Assalamualaikum Wr. Wb

Mungkin banyak para blogger.com ada yang merasa terganggu dengan icon obeng dan kunci (QuickEdit) ini. 

Jadi fungsi icon obeng dan kunci pas ini sebenarnya cukup bermanfaat, yaitu untuk mengedit gadget-gadget di blog kita secara langsung tanpa harus masuk ke Dashboard blog.

Baca juga : Cara Membuat Blog di Blogger.com

Icon ini hanya bisa terlihat oleh pemilik blog. Sebenarnya pengunjung/visitor tidak akan melihat icon Quick Edit ini.

Mungkin bagi para blogger yang masih bingung caranya untuk menghilangkan tombol Quick Edit ini mungkin bisa coba cara ini. Ada tiga cara untuk menghilangkan tombol quickedit di blog Anda, langsung saja ikuti langkah-langkahnya di bawah ini:

1. Menyembunyikan Icon Obeng dan Tang dengan CSS

Anda dapat menghilangkan atau lebih tepatnya untuk cara ini yaitu menyembunyikan gambar icon obeng dan tang atau tombol quick edit.

Kode css ini hanya akan menyembunyikan saja, jadi Anda tidak akan melihat tombol quick edit di blog Anda ketika menambahkan widget baru.

Caranya sebagai berikut:

1. Masuk ke blogger.com
2. Klik Tema > Edit HTML
3. Kemudian tambahkan kode ini di atas kode ]]></b:skin>

.quickedit{display:none;}

4. Lalu klik Simpan tema

Silahkan cek blog kamu apakah masih ada tombol Quick Edit ini. kalau masih ada tombol Quick Editnya coba cara berikutnya.

2. Menghilangkan Icon Obeng dan Tang dengan Menghapus Kode

Cara yang kedua ini yaitu berfungsi untuk menghapus gambar icon obeng dan tang atau tombol quickedit di blog Anda.

Silahkan ikuti langkah-langkahnya di bawah ini:

1. Masuk ke blogger.com
2. Klik Tema > Edit HTML
3. Kemudian cari kode ini:

<b:include name='quickedit'/>

4. Silahkan hapus semua kode tersebut
5. Lalu klik Simpan tema

3. Menonaktifkan Tombol Pengeditan Cepat

Lalu yang ketiga silahkan Anda nonaktifkan fungsi tombol pengeditan cepat.

Caranya sebagai berikut:

1. Masuk ke blogger.com
2. Klik Tata Letak > Blog Posts > Edit


3. Kemudian jangan centang bagian Tunjukkan Pengeditan Cepat


4. Jika sudah klik Simpan

Silahkan Anda terapkan semuanya cara di atas, icon obeng dan tang hilang dari blog Anda. Kalau saya pernah coba dan langsung berhasil pake cara yg ke-3.

Demikian Cara Menghilangkan Icon Obeng dan Kunci Pas atau Quickedit di Blogspot, Silahkan share jika artikel ini bermanfaat dan jangan lupa juga komen agar blog ini bisa memberikan tutorial-tutorial ataupun tips yang bermanfaat lainnya..

Wassalamualaikum Wr. Wb