Cara Memasang Plugin Prettify Syntax Highlighter Pd Blog

Loading...

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/

%MINIFYHTMLec478614710c6c83ebbdfb34b0a840d814% %MINIFYHTMLec478614710c6c83ebbdfb34b0a840d815%

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: 
    Cantik dan Sukses, Ternyata Ariel Tatum Pernah Alami Gangguan Mental Sampai Ingin Bunuh Diri!
    slidegossip.com – Siapa sangka, artis cantik yg sering berpenampilan seksi Ariel Tatum ternyata
    Keluarganya Dibilang Sombong, Begini Balasan Menohok Ussy Sulistiawaty!
    slidegossip.com – Keluarga Ussy Sulistiawaty kembali jadi korban kenyinyiran netizen. Seperti dilansir dr
    Is Malaysian education system ready for streamless schools?
    In theory, while there is merit behind the idea of no streaming, making
    Harga Tiket Masuk Terengganu Draw Bridge
    Assalamualaikum semua, BBL sbg anak jati Terengganu memang bangga sangat jambatan angkat pertama

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