Cara Mudah Menambahkan Source Code di Posting Blogger | SyntaxHighlighting di Blogger ~ KodeKu

Bagi kalian blogger khususnya anak IT yang sering posting tutorial progaming seperti C, C++, Java, HTML dan lain-lain pasti pernah mengalami kendala atau hambatan ketika kita menuliskan / memposting source code program di blog kita. Pasti kita merasa ada yang kurang saat kita melihat postingan kita, entah soure code yang kita tuliskan jadi berantakan, gak enak di lihat pokoknya kurang lah guys :D

Baca juga :
MENGENAL BAHASA C DAN C++ | Pemrograman Itu Mudah
Download Dev C++ Gratis Terbaru | Aplikasi Bermanfaat Untuk Coding C/C++
Source Code Program Hello, world! C & C++ | Membuat Program Hello, world!

Nah, untuk membuat tampilan source code agar menjadi Syntax Highlighting atau seperti saat kita menuliskan program-program ada beberapa cara nih, ada cara yang mudah dan ada cara yang agak ribet. Untuk cara yang mudah kamu bisa menggunakan salah satu alternatif untuk menampilkan source code di blog kamu yaitu menggunakan PASTEBIN kamu bisa buka webnya di pastebin.com untuk cara ini kalian tidak usah khawatir, karena cari ini tidak akan membuat loading blog kamu jadi lelet. Untuk caranya :

Buka web PASTEBIN di pastebin.com
Login, kalian bisa login menggunakan akun sosial media seperti Facebook, Twittr dll.
Pilih new paste di atas pojok warna hijau
Setelah itu copy source code kalian dan paste kan di field
Isi settingan sesuai keinginan kalian
Setelah itu pilih Creat New Paste
Setelah itu akan nampak perbedaan source code nya
Pilih embed
Setelah itu copy source code JavaScript yang ada di situ dan paste kan dibagian HTML di postingan blogger kamu
Hasilnya akan jadi seperti ini

Nah sekarang kalian bisa menampilkan Source code bahasa pemrogramman Apapun di Postingan Blogger , tanpa khawatir masalah load yang lambat pada halaman. Untuk cara yang kedua agak cukup ribet,dan ada beberapa versi juga untuk meng instal di blogger kamu, dan saya pun belum bisa mengaplikasikanya hehe : D Untuk caran installya :

Login ke Blogger kamu di blogger.com
Pada Dashboard blogger kamu pilih Template
Backup template kamu dulu ya guys buat jaga-jaga, dg pilih Cadangkan/pulihkan di pojok kanan atas
Setelah itu pilih Edit HTML
Nah setelah masukan source code dibawah ini paste kan sebelum tag </head>

Terakhir tinggal disave Templatenya

Untuk cara pemasangan di blognya : Pada editor blognya pilih HTML masukan kode seperti berikut ini: Tag "brush" bisa isi apa saja sesuai bahasa yang ingin kita masukan yang dinamakan alias. SyntaxHighlighter mendukung beberapa bahasa untuk aliasnya berikut adalah daftarnya

ActionScript3 → as3, actionscript3
Bash/shell → bash, shell
ColdFusion → cf, coldfusion
C# → c-sharp, csharp
C++ → cpp, c
CSS → css
Delphi → delphi, pas, pascal
Diff → diff, patch
Erlang → erl, erlang
Groovy → groovy
JavaScript → js, jscript, javascript
Java → java
JavaFX → jfx, javafx
Perl → perl, pl
PHP → php
Plain Text → plain, text
PowerShell → ps, powershell
Python → py, pyhton
Ruby → rails, ror, ruby
Scala → scala
SQL → sql
Visual Basic → vb,vbnet
XML → xml, xhtml, xslt, html

Sekian dulu ya guys artikel dari saya, semoga membantu dan bermanfaat bagi kalian semua :) Jangan lupa komen dan ikuti kami untuk update artikel selanjutnya..

Untuk kalian yang pingin kuliah di IT kepoin kuy Amikom Yogyakarta guys.. :D
visit kuy => http://www.amikom.ac.id