Cara Membuat Syntax Highlighter (Box Code) Keren Di Blog

Cara Membuat Syntax Highlighter (Box Code) Keren Di Blog, Cara Pasang Syntax Highlighter (Box Code), Cara membuat Kotak Html keren pada blog

Cara Membuat Syntax Highlighter (Box Code) Keren Di Blog - Assalamualaikum sahabat semuanya, sudah lama saya tidak membuat post tentang Tutorial Blog. Pada pertemuan sekarang ini, saya akan mencoba sharing Cara Pasang Syntax Highlighter (Box Code). Syntax Highlight adalah sebuah fitur pada teks editor yang menampilkan atau menyoroti teks-terutama source code-dalam berbagai warna dan font sesuai dengan kategori istilah. 

Dengan menggunakan Syntax Highlighter memudahkan dalam menulis source code atau bahasa terstruktur seperti bahasa markup (markup language) atau bahasa pemrograman (programming language). Implementasi dari syntax higlighter pada halaman website, blog atau forum online sering digunakan sebagai kode prensentasi pada contoh code source ( seperti Javascript, HTML, XML, CSS, Python, PHP, JSON, CoffeeScript, Java, SQL, Apache, Haskell, Erlang, Ruby, C++, Objective C dan masih banyak bahasa program lainnya.) yang ingin ditampilkan. Berikut di bawah ini bagaimana cara membuat atau memasang Syntax Highlighter (Box Code) di Blog.

Syntax Highlighter (Box Code)

  • Pertama Copy Paste Kode Java Script dibawah ini, sebelum kode </head> 
<script gapi_processed="true" src="https://apis.google.com/js/plusone.js" async="" type="text/javascript"></script><script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js" type="text/javascript">
</script>  
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js" type="text/javascript">
</script>  
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js" type="text/javascript">
</script>  
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js" type="text/javascript">
</script>  
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js" type="text/javascript">
</script>  
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js" type="text/javascript">
</script>  
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js" type="text/javascript">
</script>  
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js" type="text/javascript">
</script>  
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js" type="text/javascript">
</script>  
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js" type="text/javascript">
</script>  
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js" type="text/javascript">
</script>  
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js" type="text/javascript">
</script>  
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js" type="text/javascript">
</script>
  • Kemudian copy kode CSS Syntax Highlighter tepat di atas kode ]></b:skin>

  • Cari kode </body> dan letakkan kode di bawah ini sebelum kode </body>
<script language='javascript'> dp.SyntaxHighlighter.BloggerMode(); dp.SyntaxHighlighter.HighlightAll('code'); </script>
  • Simpan dan langkah selanjutnya membuat posting diblog
  • Gunakan script di bawah ini setiap anda psting kode
<textarea name="code" class="c#" cols="60" rows="10">
KODE YANG AKAN DITAMPILKAN DILETAKKAN DISINI
</textarea>
  • Posting dan Selesai 

Oke terimakasih atas kunjungan anda di blog ini, semoga tutorial tentang  Cara Membuat Syntax Highlighter (Box Code) Keren Di Blog bisa bermanfaat buat anda yang sedang mencari-cari cara seperti ini. Sekali lagi terimakasih dan Salam Blogger..

Sumber : http://bloggertutorialblog.blogspot.com/2012/01/menambahkan-syntax-highlighter-blog.html

COMMENTS

BLOGGER: 4
Loading...

Ads 970x90

Nama

allianz,1,andro textile,1,android,6,asmara,1,asuransi,1,award,3,berita,45,bisnis,4,cap kaki tiga,1,commonwealth,2,daftar isi,5,decoder,1,download,15,efek blog,5,elektronik,2,entertainment,3,facebook,18,family,3,flora dan fauna,7,gadet,1,galuh,8,google,17,google adsense,2,google plus,24,hiburan,28,HostingPangeran,1,hotel murah,1,ICAN Education,1,iddetik.com,1,iklan,1,jadwal timnas,1,jasa,1,keindahan alam,2,keluarga,1,kesehatan,1,klasemen,6,komputer,2,kontes,22,kuliner,3,lain-lain,52,Margahayuland 42 tahun membangun,1,maruyungsari,9,olahraga,35,otomotif,9,paket wisata,1,pengalaman,2,persib,2,profil,2,puisi,2,religi,25,review produk,2,sambut brazil,2,seluler,2,software,1,superwash,1,tutorial dan trik blog,74,twitter,4,video,3,widget,1,wisata,5,youtube,11,
ltr
item
BLOG MASHARI: Cara Membuat Syntax Highlighter (Box Code) Keren Di Blog
Cara Membuat Syntax Highlighter (Box Code) Keren Di Blog
Cara Membuat Syntax Highlighter (Box Code) Keren Di Blog, Cara Pasang Syntax Highlighter (Box Code), Cara membuat Kotak Html keren pada blog
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFf8EwaYfhWcPddOuKXpSycBADzPV_lyHyXnRdutynbppZCyqtdmrjRQVa0ary0gvvJOX8YfQzNNu0jfMMY8Z_NgzwvFaHgLPq8EHgCaYRIXWTZ4DJ3qipxp54NcoqTpTqayo55wWMMJY/s1600/syntax.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFf8EwaYfhWcPddOuKXpSycBADzPV_lyHyXnRdutynbppZCyqtdmrjRQVa0ary0gvvJOX8YfQzNNu0jfMMY8Z_NgzwvFaHgLPq8EHgCaYRIXWTZ4DJ3qipxp54NcoqTpTqayo55wWMMJY/s72-c/syntax.png
BLOG MASHARI
https://harysukasuka.blogspot.com/2014/10/cara-membuat-syntax-highlighter-box.html
https://harysukasuka.blogspot.com/
https://harysukasuka.blogspot.com/
https://harysukasuka.blogspot.com/2014/10/cara-membuat-syntax-highlighter-box.html
true
1510860441598238899
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy