Cara menulis Syntax highlighter di blogspot, bagi kita yang ingin menulis dan menyebarkan script atau arahan jadwal php, java, html ataupun yang lainnya biar tampil lebih menarik ibarat adanya tab view source untuk memudahkan pengguna untuk melihat arahan ibarat dibawah ini,
<?php class Admin extends CI_Controller{ public function __construct(){ parent::__construct(); $this->_is_logged_in(); $this->load->model('modeladmin'); } public function index(){ redirect('admin/produk'); } maka harus melaksanakan beberapa langkah untuk mendapat tampilan ibarat diatas, untuk tampilan ibarat ini lebih gampang dimengerti alasannya ialah agak berpisah antara arahan dengan warta yang lain pada halaman artikel di blogspot. berikut langkah-langkah untuk menulis syntax highlighter diblogger.
Langkah ke 5. Save template
- Buka dashboard kemudian pilih template pilih tab edit HTML
- Perlu di ingat Backup dulu template kita biar aman, alasannya ialah kalau terjadi kesalahan maka akan dapat dikembalikan dari file yang sudah kita backup tadi
- Jika sudah masuk kedalam edit HTML maka cari arahan </head> dengan cara tekan tombol keyboard Ctrl + f dan masukkan kata</head> dikotak pencarian yang ditunjukkan sebelah atas kolom, kemudian tekan enter
- Setelah ketemu letak kan arahan dibawah ini diatas arahan </head>
<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shCore.css' rel='stylesheet' type='text/css'/> <link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeFadeToGrey.css' rel='stylesheet' type='text/css'/> <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shCore.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCpp.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCSharp.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCss.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shYouBrushJava.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushJScript.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPhp.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPython.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushRuby.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushSql.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushVb.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushXml.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPerl.js' type='text/javascript'/> <script language='javascript'> SyntaxHighlighter.config.bloggerMode = true; SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.382/scripts/clipboard.swf'; SyntaxHighlighter.all(); </script>
Langkah ke 5. Save template
Untuk bagaimana cara pelulisan di postingan blog atau artikel yang pertama dalam entry gres pilih HTML dan tulis arahan ibarat pola dibawah ini dan lihat kesudahannya pada bab atas artikel ini.
<pre class="brush:css, brush:html, brush:js"><?php class Admin extends CI_Controller{ public function __construct(){ parent::__construct(); $this->_is_logged_in(); $this->load->model('modeladmin'); } public function index(){ redirect('admin/produk'); } </pre> Perlu diperhatikan hasil diatas bagaimana cara penulisan didalam HTML postingan kita maka arahan yang ingin kita tampilkan haruslah di parse dahulu ibarat tampilan diatas dan kesudahannya akan terlihat arahan yang bergotong-royong yang tampil pada bab paling atas postingan ini. Untuk mem parse arahan script dapat memakai layanan parse secara online, silahkan search di google, bing, atau yahoo.
