Membuat Code Snippet di Blogger


Bagi kalian yang berkecimpung dalam pemrograman dan ingin membuat beberapa tutorial di blogger yang berisikan baris-baris program, maka anda bisa menggunakan salah satu metode ini. Banyak cara untuk membuat Code Snippet untuk blogger, namun bagi saya ini adalah cara termudah. kali ini kita akan belajar untuk membuat code snippet atau box yang berisikan baris program di blogger seperti contoh berikut menggunakan website hilite.me:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
int led = 12;              // Pin yang terhubung ke LED

void setup() {
 pinMode(led, OUTPUT);     // Konfigurasi pin 12 yang akan mengeluarkan tegangan 5V
}

void loop() {
  digitalWrite(led, HIGH); // Hidupkan LED  
  delay(1000);             // Tunggu selama 1 detik         
  digitalWrite(led, LOW);  // Matikan LED 
  delay(1000);             // Tunggu selama 1 detik
}

hilite.me merupakan sebuah website code snippet generator yang dapat mengkonversi program kita baik dalam bahasa pyton, C, C++, Ruby menjadi lebih berwarna dan mudah untuk dibaca. Jika tidak menggunakan Code Snippet maka anda akan melihat program yang anda tulis seperti ini:

int led = 12;    // Pin yang terhubung ke LED

void setup() {
 pinMode(led, OUTPUT); // Konfigurasi pin 12 yang akan mengeluarkan tegangan 5V
}

void loop() {
  digitalWrite(led, HIGH); // Hidupkan LED 
  delay(1000);             // Tunggu selama 1 detik       
  digitalWrite(led, LOW);  // Matikan LED
  delay(1000);             // Tunggu selama 1 detik
}

Tentunya jika program yang kita ingin tampilkan lebih banyak, maka pembaca akan merasa bosan bahkan bingung saat membaca sehingga kemungkina  mereka akan segera meninggalkan blog anda. Berikut adalah cara membuat code snippet anda:
1. Kunjungi website : http://hilite.me/

2.  Masukkan kode program anda ke dalam Box Source Code:

3. Pilih bahasa program anda serta style yang anda sukai:

4. Klik button Highlight!

5. Maka kode html anda dibuat secara otomatis. Silahkan copy semua kode yang berada di box HTML:

6. Buka postingan anda, klik tombol HMTL mode:

7. Paste kan di postingan anda :

8. Klik button Compose untuk melihat perubahannya:

9. Anda dapat merubah warna dari kotak atau tulisannya yang berbeda dengan cara merubah stylenya, kemudian klik tombol Highlight, ikuti langkah 3 sampai selesai.
10. Selesai.

Sekian dan semoga bermanfaat.
Jika sahabat mengetahui cara selain ini dan lebih bagus, silahkan komentarnya.
Next Post Previous Post
No Comment
Add Comment
comment url