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


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 :
  1. Buka web PASTEBIN di pastebin.com
  2. Login, kalian bisa login menggunakan akun sosial media seperti Facebook, Twittr dll.
  3. Pilih new paste di atas pojok warna hijau
  4. Setelah itu copy source code kalian dan paste kan di field
  5. Isi settingan sesuai keinginan kalian
  6. Setelah itu pilih Creat New Paste
  7. Setelah itu akan nampak perbedaan source code nya
  8. Pilih embed
  9. Setelah itu copy source code JavaScript yang ada di situ dan paste kan dibagian HTML di postingan blogger kamu
  10. 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 :
  1. Login ke Blogger kamu di blogger.com
  2. Pada Dashboard blogger kamu pilih Template
  3. Backup template kamu dulu ya guys buat jaga-jaga, dg pilih Cadangkan/pulihkan di pojok kanan atas
  4. Setelah itu pilih Edit HTML
  5. Nah setelah masukan source code dibawah ini paste kan sebelum tag </head>
  6. 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


      Previous
      Next Post »