Membuat Simple Syntax Highlighter Di Blogger

In Blogging

Apakah anda Ingni Menggunakan Prettify Syntax Highlighter Di Blog /  Blogspot anda, Syntax Highlighter ini Gunanya untuk meletakkan Tag HTML, CSS, Javascript, atau Jenis Pengkodean Lainnya di dalam Postingan Blog Kita. Seperti Halnya Notepad++ Syntax kita nantinya akan di bedakan dengan warna-warni.

Bagaimana agar bisa menempatkan Kode HTML di dalam Postingan Blog, Caranya Cukup Mudah Kawan karena sudah ada Yang menyediakan Javascript dan CSS nya, jadi kita hanya perlu Untuk Memanggilnya.

Baca Juga :

Cara menambahkan Prettify Syntax Highlighter untuk setiap CMS atau halaman web sangat mudah. Untuk Blogger Anda hanya perlu pergi ke tab “Template” blog Anda , klik tombol “Edit HTML” dan tambahkan script di bawah ini sebelum < / body> tag

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js">
</script>

Seperti yang saya katakan tadi Javascriptnya sudah tersedia. Ini akan Me-Load otomatis, jadi anda tidak perlu menguploadnya lagi Ke Hosting. yang perlu anda lakukan hanyalah memasukkan class = ” prettyprint “ di setiap kode yang anda sisipkan Di Postingan Blog.
Berikut contohnya :

<pre class="prettyprint">
Letakkan Kode HTML, CSS, JAVASCRIPT, PHP dan yang lainnya disini
</pre>

Seperti Contoh Di atas Masukkan Kode anda di dalam Tag pre dgan Class "prettyprint" Maka secara otomatis Kode anda tersebut akan Warna warni Layaknya Notepad++.

Sekianlah Tutorial Membuat Tag <Pre> dengan Simple Syntax Highlighter di Postingan Blogspot / Blogger.

Tags: #tips blog #trik blog #tutorial blog

3 Tutorial Cara Membangun Toko Online di WordPress
3 Tutorial Cara Membangun Toko Online di WordPress
Seiring perkembangan teknologi internet saat ini, semakin
Bagaimana Cara Menggunakan WordPress Untuk Pemula
Bagaimana Cara Menggunakan WordPress Untuk Pemula
WordPress sendiri adalah salah satu fasilitas yang
Cara Membuat Fanpage Facebook Melayang Di Blog
Cara Membuat Fanpage Facebook Melayang Di Blog
Bagi Para Blogger Yang mempunyai Fanpage
Memasang Widget Random Post di Blogger dengan Thumbnail
Memasang Widget Random Post di Blogger dengan Thumbnail
Random Post Blogger Thumbnail – Apakah
Tips dan Trik Menggunakan WordPress untuk Pemula
Tips dan Trik Menggunakan WordPress untuk Pemula
Apakah anda baru Menggunakan CMS WordPress
2 Cara Membuat akun OpenID untuk Berkomentar di Blog
2 Cara Membuat akun OpenID untuk Berkomentar di Blog
alimadura.com – Pada artikel kali ini
Tips Menulis Artikel Untuk Meningkatkan Pengunjung Blog
Tips Menulis Artikel Untuk Meningkatkan Pengunjung Blog
Bagaimana cara Membuat Artikel yang Berkualitas
Must read×

Top
web statistics