Breaking News
Loading...
Monday, March 26, 2012

Cara Memasang SyntaxHighlighter di Blogger

3/26/2012
 
Selamat sore semua, lagi mood tulis artikel lagi nih admin lpuarmy hehe. Oke buat hari ini saya mau berbagi Cara bagaimana Memasang SyntaxHighlighter di Blogger. Pasti sudah tahu kan apa itu SyntaxHighlighter ?? saya anggap semua udah pada tahu yak hehe. Dengan SyntaxHighlighter kode atau script kita yang dari XML, JS, JAVA sampai PHP bisa rapih tampilannya. Bagi para sahabat Blogger yang suka posting tentang kode-kode programming cocok banget nih. Oke tanpa banyak basa basi berikut Preview dan cara pemasangannya, cekidot :
Gimana ?? bagus gak hehe. oke langsung saja berikut langkah-langkanya :
1. Login ke Blogger, setelah masuk Dasbor / Dashboard pilih Blog (jika punya blog lebih dari satu)
2. Setelah itu pilih Rancangan lalu pilih Edit HTML
3. Sebelumnya backup dulu template-nya dengan cara mengklik tulisan "Download Template Lengkap"
4. Setelah di backup lanjut ke langkah berikutnya, cawang "Expand Template Widget"
5. Selanjutnya salin kan kode dibawah ini sebelum tag </head> ingat tag </head>.
<link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css' rel='stylesheet' type='text/css'/> <link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/> <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCpp.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCSharp.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCss.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJava.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJScript.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPhp.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPython.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushRuby.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushSql.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushVb.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushXml.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPerl.js' type='text/javascript'></script> <script language='javascript'> SyntaxHighlighter.config.bloggerMode = true; SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf'; SyntaxHighlighter.all(); </script> 6. Sudah di salin, oke sekarang klik tombol "Simpan Template"
7. Selesai hehe
Sampai saat ini ada 8 versi dari SyntaxHighlighter yaitu :
* http://alexgorbatchev.com/pub/sh/1.5.1/
* http://alexgorbatchev.com/pub/sh/2.0.278/
* http://alexgorbatchev.com/pub/sh/2.0.287/
* http://alexgorbatchev.com/pub/sh/2.0.296/
* http://alexgorbatchev.com/pub/sh/2.0.320/
* http://alexgorbatchev.com/pub/sh/2.1.364/
* http://alexgorbatchev.com/pub/sh/2.1.382/
* http://alexgorbatchev.com/pub/sh/current/
Jadi jika ingin mengganti versi nya tinggal replace "http://alexgorbatchev.com/pub/sh/2.1.364/" dengan salah satu versi diatas. hah cuma begitu ?? gampang banget berarti. Belum euy sekarang kalau sahabat blogger memposting sebuah kode di postingan. Harus dalam ruang lingkup tag <script> ... </script> atau <pre> ... </pre>. oke berikut contohnya :
1. Dengan tag <script>
<script type="syntaxhighlighter" class="brush: html"><![CDATA[ #######KODE SOBAT BLOGGER############ ]]></script> 2. Dengan tag <pre>
<pre class="brush: js"> #########KODE SOBAT BLOGGER######## </pre> Untuk info lebih lanjut Sahabat Blogger bisa langsung ke website SyntaxHighlighter. Oke cukup sekian postingan hari ini semoga bermanfaat. Akhir kata Keep Smile & Sharing :).
Rating: 5, Reviewer : Yufex E,

0 Comments:

Post a Comment

Terimakasih telah berkunjung di LpuARmy Blog, budayakan berkomentar dengan nama (jangan pakai Anonymous) dan baik yah :)

sankyu :)
- Admin LpuARmy Blog

 
Toggle Footer