Cara Memasang Plugin Prettify Syntax Highlighter Pd Blog

Plugin Syntax highlighter berfungsi utk menampilkan pecahan code bahasa pemrograman yg kita tempel pd positngan blog semoga text script code kelihatan berbeda dgn goresan pena yg bukan script code, kalau blog kita yakni blog utk membahas mengenai bahasa pemrograman misalnya, maka plugin syntax higlighter wajib anda pasang, alasannya setiap uraian script arahan bahasa pemrograman yg ditempel pd postingan blog akan disajikan dgn format penulisan yg berbeda sehingga gampang utk dibaca dan lezat utk dilihat.

Banyak sekali plugin syntax higlighter yg dapat kita pasang, salah satu yg saya sukai adalahPrettify”. karena plugin yg satu ini blh dibilang ringan, tidak banyak memakai external javascript dan gampang utk memasangnya.

Langkah Memasang plugin Prettify pd blog

Sbg pola kalau anda berhasil memasang plugin prettify ini maka akhirnya menyerupai tampilan dibawah ini. anda dapat lihat script blog yg dihiglight memakai plugin tersebut.
Bagaimana cara memasang plugin syntax highlighter pd blog berflatform blogspot dgn memakai plugin “Prettify”. berikut langkah-langkahnya:

1. masuk ke akun blogger anda, lalu Pilih Menu Template dan Tekan Tombol Edit HTML.

2. Pd template Editor silahkan Tekan Tombol CTRL+F utk melaksanakan pencarian

3. Cari arahan </head> lalu silahkan anda sisipkan script dibawah ini sempurna sebelum arahan </head>.

<link href=' http://google-code-prettify.googlecode.com /svn/trunk/src/prettify.css' rel='stylesheet'/>

4. Cari Kode </body> dan sisikap arahan dibawah ini sebelum arahan </body>

 /*SYNTAX HIGHLIGHTER*/  <script src='http://google-code-prettify.googlecode.com/ svn/trunk/src/prettify.js'/> <script>prettyPrint();</script> 

5. Cari arahan ]]></b:skin> dan sisipkan arahan dibawah sebelum arahan tersebut. Ini utk memanipulasi tampilan snipet, anda dapat memodifikasi css berikut sesuai dgn keinginan.

/*SYNTAX HIGHLIGHTER*/ pre.prettyprint, code.prettyprint {  background-color: black;  padding:5px;  color #fff;  border:1px solid gray;  overflow:auto;  pre .nocode {  background-color: none;  color: #000  } pre .str {   color: #FFC0CB  } pre .kwd {  color: #f0e68c;  font-weight: bold  } pre .com {  color: #87ceeb  } pre .typ {  color: #98fb98  } pre .lit {  color: #FFA07A  } pre .pun {  color: #fff  } pre .pln {  color: #fff  } pre .tag {  color: #f0e68c;  } pre .atn {  color: #bdb76b;  font-weight: bold  } pre .atv {  color: #90EE90  } pre .dec {  color: #98fb98  } ol.linenums { /* IE indents via margin-left */  margin-top: 0;  margin-bottom: 0;  color: #AEAEAE  } li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { } li.L1,li.L3,li.L5,li.L7,li.L9 { /* Alternate shading for lines */  background:#555; }

6. Utk code yg ingin di highlight,gunakan mode HTML pd editor artikel anda dan letakan pecahan arahan diantara tag <pre> menyerupai pola dibawah ini:

<pre class="prettyprint"> //kode disini ...... </pre> 

Loading...

Tags: #Blog #Cara #Highlighter #Memasang #Plugin #Prettify #Syntax

author
Author: 
    Muat Turun Kit Professional Learning Community [PLC] (Komuniti Pembelajaran Profesional)
    Naratif Baharu Amalan Pendidikan melalui Sub Naratif 2, iaitu pembangunan kompetensi guru telah
    Pantas Saja Dianggap Menghina Profesi Satpam, Ternyata Ini yg Dilakukan Denny Cagur dan Parto!
    slidegossip.com – Kabar mengejutkan datang dr dua komedian Denny Cagur dan Parto. Bersama
    Download Singular and Plural Puzzles
    A noun names a person, place, thing, or idea. Usually, the first page
    Diblacklist MNC Group, Nikita Mirzani: Turun Rating Lu Gak Ada Gosip Tentang Gue!
    slidegossip.com – Artis sensasional Nikita Mirzani diblacklist oleh MNC Group. Alasannya, Nikita dianggap

    Leave a reply "Cara Memasang Plugin Prettify Syntax Highlighter Pd Blog"