Tuesday, July 18, 2017

Menampilkan Source Code di Blogger

Bagi kalian para blogger ,mungkin ada satu kendala atau hambatan yang banyak di temui ketika kita memposting sebuah postingan di blog kalian, khususnya jika blog kalian berisi tentang tutorial bahasa pemrograman seperti java,php,c++ atau lainya. Kebanyakan mungkin para blogger menggunakan Syntax Highlighter di postingan blog mereka , namun setelah dipikir-pikir dan dilihat , Syntax Highlighter dirasa sangat berat di load untuk menampilkan Source Code di Postingan Blogger ,seperti di blog ini Okedroid.com

Cara Alternatif Menampilkan Source Code di Postingan Blogger
Untuk itu saya mencari cara alternatif menampilkan source code di postingan blogger,khususnya untuk blog ini. Akhirnya saya menemukan alternatif lain yaitu dengan menggunakan Pastebin. Berikut Cara Menampilkan Source Code di Postingan Blogger dengan menggunakan Pastebin 



1.  Pertama pastinya kita pergi ke Pastebin.com
2.  Lalu login seperti biasa jika kalian sudah mempunyai akun ,atau kalian bisa login dengan akun socmed kalian seperti Facebook ,Twitter atau Google +.
3. Di pojok kiri atas kalian pilih New Paste 
New Pastebin
4. Pada kolom New Paste kalian pastekan bahasa pemrogramman yang ingin kalian tampilkan di   blogger. Sebagai contoh disini saya akan menampilkan bahasa pemrogramman Android yang          mana termasuk kedalam bahasa pemrogramman Java.
New Pastebin
 5. Setelah itu pada bagian Optional Paste Settings dibawahnya kalian bisa setting terlebih dahulu Source code kalian. seperti :


  • Syntax Highligting : Jenis bahasa pemrogramman kalian (ex : Java )
  • Paste Expiration     : Jangka Waktu Source Code tersebut misal : 1 menit 1 jam 1 hari 1             minggu atau 1 bulan. jika tidak mau ada jangka waktu kalian bisa memilih Never.
  • Paste Exposure         :  Jenis publikasi Source Code tersebut misal : public ,unlisted ,private.
  • Paste Name                :  Judul atau nama Source Code kalian . (ex : MainActivity. Java)

     
         Jika sudah selesai kalian bisa memlih tombol Create New Paste 


Optional Paste Settings Pastebin



  6. Kemudian saat Source Code kalian sudah tampil, kalian bisa memilih tombol embed seperti                 pada gambar dibawah:

   
embed Pastebin


  7. Salin kode javascript embedding seperti pada gambar dibawah:

 

javascript embedding


 8. Di Postingan Blogger kalian pada Menu Compose dan HTML, kalian pilih Opsi HTML
      Lalu pastekan kode javascript tadi di bagian HTML.
 
Compose dan HTML

  9. Hasilnya akan terlihat seperti ini :


Nah sekarang kalian bisa menampilkan Source code bahasa pemrogramman Apapun di Postingan Blogger , tanpa khawatir masalah load yang lambat pada halaman.
Berapa banyak Source Code yang saya bisa Paste ?
Nah untuk itau pada bagian pastebin.com/faq
Disitu telihat jelas ada batasan maximal kita bisa paste seperti pada gambar dibawah :


Pastebin FAQ

Read More ->>
Powered by Blogger.