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: 
    Kabur Dari Ibu Tiri yg Kejam, Gadis 14 Thn Ini Malah Diperkosa 6 Pria Selama 2 Hari!
    slidegossip.com – Seorang gadis remaja malang menjadi korban pemerkosaan yg dilakukan oleh 6
    Bangkrut Gara-Gara Corona, Pengusaha Muda Ini Sewa Pembunuh Bayaran Demi Uang Asuransi!
    slidegossip.com – Seorang pengusaha muda nekat melakukan tindakan tak terduga. Berawal dr kondisi
    Aktor Tampan Ini Dituntut Karena Memperkosa 3 Wanita! Pengacara: Kami Yakin Dia Akan Dibebaskan!
    slidegossip.com – Aktor tampan asal Amerika, Danny Masterson dituntut atas tuduhan pemerkosaan yg
    ABG Ngaku Diperkosa Pria Tak Dikenal Saat Mabuk! Baru Lapor Polisi Setelah Hamil 6 Bulan!
    slidegossip.com – Alangkah baiknya utk selalu bersikap hati-hati terhadap orang tak dikenal. Jangan

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